{% extends "base.twig" %}

{% block content %}


<section class="hero-page bg-dark-arrows">
    <div class="container">
        <h1 class="hero-page__main-title text-left text-align-left text-uppercase">Pricing</h1>
        <p class="hero-page__subtitle text-left h2">Are you a player? For you, the app is free!</p>
        {% include "templates/partials/dropdown-button.twig" with {'buttonTitle': 'Download app now', 'dropdownList': platforms} %}

    </div>

</section>
<section class="page-content">
    <div class="container page-content__single table-container">
        <table class="hcv-table" cellspacing="20">
            <thead>
                <tr>
                    <th class="hidden"><span>Drag left to see other plans</span></th>
                    <th>
                        <span class="h3">PLAYER</span>
                        <span class="h4">free</span>
                        <span class="h5"></span>
                        {% include "templates/partials/dropdown-button.twig" with {'buttonTitle': 'Download app', 'dropdownList': platforms, 'btn_style': "btn--primary"} %}
                    </th>
                    <th class="blank"></th>
                    <th>
                        <span class="h3">COACH LIMITED</span>
                        <span class="h4">10 days trial</span>
                        <span class="h5"></span>
                        {% include "templates/partials/dropdown-button.twig" with {'buttonTitle': 'Download app', 'dropdownList': platforms, 'btn_style': "btn--primary"} %}
                    </th>
                    <th class="blank"></th>
                    <th>
                        <span class="h3">COACH</span>
                        <span class="h4">$129 / year (excl. taxes)</span>
                        <span class="h5"></span>
                        <a href="https://sites.fastspring.com/hockeycoachvision/product/hockeycoachvisionprosubscription" class="btn btn--primary small">CHOOSE PLAN</a>
                    </th>
                    {#
                    <th>
                        <span class="h3">COACH PLUS</span>
                        <span class="h4">$189 / year</span>
                        <a href="#" class="btn btn--primary small">CHOOSE PLAN</a>
                    </th> #}
                </tr>
            </thead>
            <tbody>
                {{ fn('get_hcv_tr', 'DRILLS LIBRARY', 'Get perfectly animated drills by pros, that are categorized by level and development topics', "Including 25 drills", "Including 55 drills", "Including 550+ drills") }}
                {{ fn('get_hcv_tr', 'INLINE / RINGETTE', 'Switch the rink and player 3d view between Ice Hockey, Inline Hockey and Ringette', 1, 1, 1) }}
                {{ fn('get_hcv_tr', 'FILE PLAYER', 'Watch animated drills, videos or pictures and listen to its audio comments', 1, 1, 1, 1) }}
                {{ fn('get_hcv_tr', 'DRILL CREATOR', 'Digitalize your drills and systems to watch them in animated 2D&3D', 0, "Limited to 3 drills", 1) }}
                {{ fn('get_hcv_tr', 'VIDEO', 'Import VIDEO to store it in your library and use it for your practice planning', 0, "Limited to 3 videos", 1, 1) }}
                {{ fn('get_hcv_tr', 'SHARE', 'Send your practices or files to everyone', 0, "Limited to 15 shares", 1) }}
                {{ fn('get_hcv_tr', 'PICTURE', 'Store any PICTURE in your drill library and use it for your practice planning', 0, 1, 1) }}
                {{ fn('get_hcv_tr', 'ROSTER & LINEUP', 'Create your team and all its members', 0, "Limited to 1 team", 1, 1) }}
                {{ fn('get_hcv_tr', 'PACKAGING', 'Group your files into packages to create practice plans', 0, "Limited to 1 package", 1, 1) }}
                {{ fn('get_hcv_tr', 'CALENDAR', 'Add your practice plan to a specific date, to create your weekly/season plan', 0, 0, 1, 1) }}
                {{ fn('get_hcv_tr', 'PDF', 'Create your drills, practice plans or lineups as PDF’s', 0, 0, 1, 1) }}
                {{ fn('get_hcv_tr', 'CLOUD SYNCHRONIZATION', 'Sync and backup all your files between your devices', 0, 0, 1, 1) }}
                {{ fn('get_hcv_tr', 'CUSTOMIZE', 'Choose between six background colors and add your club logo', 0, 0, 1, 1) }}
                {{ fn('get_hcv_tr', 'DRILL STORE', 'Buy Drill Packages from our base of professional hockey coaches', 0, 0, 1, 1) }}
                {{ fn('get_hcv_tr', 'SUPPORT', 'Get personal support from our technical team and pro coaches', 0, 0, 1, 1) }}
            </tbody>
            <tfoot>
                <tr>
                    <td></td>
                    <td class="dd-bottom">
                        {% include "templates/partials/dropdown-button.twig" with {'buttonTitle': 'Download app', 'dropdownList': platforms, 'btn_style': "btn--primary"} %}
                    </td>
                    {# <td><a href="#" class="btn btn--primary small">CHOOSE PLAN</a></td> #}
                    <td class="blank"></td>
                    <td class="dd-bottom">
                      {% include "templates/partials/dropdown-button.twig" with {'buttonTitle': 'Download app', 'dropdownList': platforms, 'btn_style': "btn--primary"} %}
                    </td>
                    <td class="blank"></td>
                    <td>
                        <a href="https://sites.fastspring.com/hockeycoachvision/product/hockeycoachvisionprosubscription" class="btn btn--primary small">CHOOSE PLAN</a>
                    </td>
                    {# <td><a href="#" class="btn btn--primary small">CHOOSE PLAN</a></td> #}
                </tr>
            </tfoot>
        </table>
    </div>
</section>

    {% for item in post.blocks %}

        {% for element in item.elements %}

            {% include('templates/page-elements/views/' ~ element.acf_fc_layout ~ '.twig') %}

        {% endfor %}

    {% endfor %}

{% endblock %}