{% extends 'base.html.twig' %}
{% import 'macros.html.twig' as macros %}

{% block title %}
	{{ company.designation }}
	| 6Xpos
{% endblock %}

{% block body %}
<main>
    {{ include('uploadmodal.html.twig') }}
    {{ include('navigation.html.twig') }}
    {{ macros.alertbox() }}
    <div class="content">
        <div class="content-title">
            <h2>Carte/menu établissement</h2>
            <h3>{{ company.designation }}</h3>
            {{ macros.download_btn ('menu', userRole, company ) }}
        </div>
        <div class="content-main">
            <div class="cards">
                <div class="card">
                    <a href="{{ asset('/build/img/template-import-produits.csv') }}" download="template-import-produits.csv">
                        <div class="card-img-full-other">
                            <img src="{{ asset('/build/img/csv.webp') }}" alt="logo csv">
                        </div>
                    </a>
                    <p class="document-name document-name-layout">Gabarit de base</p>
                    <div class="card-logos">
                        <div class="logo-group">
                            <a href="{{ asset('/build/img/template-import-produits.csv') }}" download="template-import-produits.csv">
                                <div class="logo-bg-red">
                                    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path opacity="0.5" d="M11.9993 2C16.7133 2 19.0704 2 20.5348 3.46447C21.2923 4.22195 21.658 5.21824 21.8345 6.65598V10H2.16406V6.65598C2.3406 5.21824 2.70628 4.22195 3.46377 3.46447C4.92823 2 7.28525 2 11.9993 2Z"/>
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M2 14C2 11.1997 2 9.79961 2.54497 8.73005C3.02433 7.78924 3.78924 7.02433 4.73005 6.54497C5.79961 6 7.19974 6 10 6H14C16.8003 6 18.2004 6 19.27 6.54497C20.2108 7.02433 20.9757 7.78924 21.455 8.73005C22 9.79961 22 11.1997 22 14C22 16.8003 22 18.2004 21.455 19.27C20.9757 20.2108 20.2108 20.9757 19.27 21.455C18.2004 22 16.8003 22 14 22H10C7.19974 22 5.79961 22 4.73005 21.455C3.78924 20.9757 3.02433 20.2108 2.54497 19.27C2 18.2004 2 16.8003 2 14ZM12.75 11C12.75 10.5858 12.4142 10.25 12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V15.1893L10.0303 13.9697C9.73744 13.6768 9.26256 13.6768 8.96967 13.9697C8.67678 14.2626 8.67678 14.7374 8.96967 15.0303L11.4697 17.5303C11.6103 17.671 11.8011 17.75 12 17.75C12.1989 17.75 12.3897 17.671 12.5303 17.5303L15.0303 15.0303C15.3232 14.7374 15.3232 14.2626 15.0303 13.9697C14.7374 13.6768 14.2626 13.6768 13.9697 13.9697L12.75 15.1893V11Z"/>
                                    </svg>
                                </div>
                            </a>
                            <p class="logo-text">télécharger</p>
                        </div>
                    </div>
                </div>


                <div class="card">
                    <div class="card-img upload-product">
                        <p class="card-img-text">Déposer votre fichier CSV rempli</p>
                    </div>
                    <p class="document-name"></p>
                    <div class="card-logos">
                        <div class="logo-group">
                            <div class="logo-bg-red upload-product">
                                <svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path opacity="0.5" d="M11.9993 2C16.7133 2 19.0704 2 20.5348 3.46447C21.2923 4.22195 21.658 5.21824 21.8345 6.65598V10H2.16406V6.65598C2.3406 5.21824 2.70628 4.22195 3.46377 3.46447C4.92823 2 7.28525 2 11.9993 2Z"/>
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M2 14C2 11.1997 2 9.79961 2.54497 8.73005C3.02433 7.78924 3.78924 7.02433 4.73005 6.54497C5.79961 6 7.19974 6 10 6H14C16.8003 6 18.2004 6 19.27 6.54497C20.2108 7.02433 20.9757 7.78924 21.455 8.73005C22 9.79961 22 11.1997 22 14C22 16.8003 22 18.2004 21.455 19.27C20.9757 20.2108 20.2108 20.9757 19.27 21.455C18.2004 22 16.8003 22 14 22H10C7.19974 22 5.79961 22 4.73005 21.455C3.78924 20.9757 3.02433 20.2108 2.54497 19.27C2 18.2004 2 16.8003 2 14ZM12.5303 10.4697C12.3897 10.329 12.1989 10.25 12 10.25C11.8011 10.25 11.6103 10.329 11.4697 10.4697L8.96967 12.9697C8.67678 13.2626 8.67678 13.7374 8.96967 14.0303C9.26256 14.3232 9.73744 14.3232 10.0303 14.0303L11.25 12.8107V17C11.25 17.4142 11.5858 17.75 12 17.75C12.4142 17.75 12.75 17.4142 12.75 17V12.8107L13.9697 14.0303C14.2626 14.3232 14.7374 14.3232 15.0303 14.0303C15.3232 13.7374 15.3232 13.2626 15.0303 12.9697L12.5303 10.4697Z"/>
                                </svg>
                            </div>
                            <p class="logo-text">téléverser</p>
                        </div>
                    </div>
                </div>
                <div class="displaycontent product-cards-refresh">
                {% include 'components/menu/product_list.html.twig' %}
                </div>
            </div>
        </div>
        <div class="content-title">
            <h2 class="second-content-title">Schéma de menu</h2>
            <h3>Ce schéma à pour but de bien comprendre les étapes de vos menus afin de les programmer correctement</h3>
        </div>
        <div class="content-main">
            <div class="cards">
                <div class="card card-info">
                    <div class="card-img-custom">
                        <p class="card-img-custom-text">Vous pouvez faire les schémas à main lévée sur une feuille de papier et nous envoyer une photo de ce dernier.</p>
                        <p class="card-img-custom-subtext">N'hésitez pas à faire plusieurs schémas si les menus n'ont pas les mêmes étapes</p>
                    </div>
                    <p class="document-name"></p>
                </div>


                <div class="card">
                    <div class="card-img-full click-transfer-target hiddenout">
                        <img src="{{ asset('/build/img/exemple_menu_6xpos.png') }}" alt="logo csv">
                    </div>
                    <div class="card-img-full-other btn-voir">
                        <img src="{{ asset('/build/img/exemplemenu.webp') }}" alt="logo csv">
                    </div>
                    <p class="document-name document-name-layout">Exemple de menu</p>
                    <div class="card-logos">
                        <div class="logo-group">
                            <div class="logo-bg-black btn-voir">
                                <svg  viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path opacity="0.5" d="M2 12C2 13.6394 2.42496 14.1915 3.27489 15.2957C4.97196 17.5004 7.81811 20 12 20C16.1819 20 19.028 17.5004 20.7251 15.2957C21.575 14.1915 22 13.6394 22 12C22 10.3606 21.575 9.80853 20.7251 8.70433C19.028 6.49956 16.1819 4 12 4C7.81811 4 4.97196 6.49956 3.27489 8.70433C2.42496 9.80853 2 10.3606 2 12Z"/>
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.25 12C8.25 9.92893 9.92893 8.25 12 8.25C14.0711 8.25 15.75 9.92893 15.75 12C15.75 14.0711 14.0711 15.75 12 15.75C9.92893 15.75 8.25 14.0711 8.25 12ZM9.75 12C9.75 10.7574 10.7574 9.75 12 9.75C13.2426 9.75 14.25 10.7574 14.25 12C14.25 13.2426 13.2426 14.25 12 14.25C10.7574 14.25 9.75 13.2426 9.75 12Z"/>
                                </svg>
                            </div>
                            <p class="logo-text">voir</p>
                        </div>
                    </div>
                </div>
   
                <div class="card">
                    <div class="card-img upload-schema">
                        <p class="card-img-text">Déposer votre schéma</p>
                    </div>
                    <p class="document-name"></p>
                    <div class="card-logos">
                        <div class="logo-group">
                            <div class="logo-bg-red upload-schema">
                                <svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path opacity="0.5" d="M11.9993 2C16.7133 2 19.0704 2 20.5348 3.46447C21.2923 4.22195 21.658 5.21824 21.8345 6.65598V10H2.16406V6.65598C2.3406 5.21824 2.70628 4.22195 3.46377 3.46447C4.92823 2 7.28525 2 11.9993 2Z"/>
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M2 14C2 11.1997 2 9.79961 2.54497 8.73005C3.02433 7.78924 3.78924 7.02433 4.73005 6.54497C5.79961 6 7.19974 6 10 6H14C16.8003 6 18.2004 6 19.27 6.54497C20.2108 7.02433 20.9757 7.78924 21.455 8.73005C22 9.79961 22 11.1997 22 14C22 16.8003 22 18.2004 21.455 19.27C20.9757 20.2108 20.2108 20.9757 19.27 21.455C18.2004 22 16.8003 22 14 22H10C7.19974 22 5.79961 22 4.73005 21.455C3.78924 20.9757 3.02433 20.2108 2.54497 19.27C2 18.2004 2 16.8003 2 14ZM12.5303 10.4697C12.3897 10.329 12.1989 10.25 12 10.25C11.8011 10.25 11.6103 10.329 11.4697 10.4697L8.96967 12.9697C8.67678 13.2626 8.67678 13.7374 8.96967 14.0303C9.26256 14.3232 9.73744 14.3232 10.0303 14.0303L11.25 12.8107V17C11.25 17.4142 11.5858 17.75 12 17.75C12.4142 17.75 12.75 17.4142 12.75 17V12.8107L13.9697 14.0303C14.2626 14.3232 14.7374 14.3232 15.0303 14.0303C15.3232 13.7374 15.3232 13.2626 15.0303 12.9697L12.5303 10.4697Z"/>
                                </svg>
                            </div>
                            <p class="logo-text">téléverser</p>
                        </div>
                    </div>
                </div>
                <div class="displaycontent schema-cards-refresh">
                    {% include 'components/menu/schema_list.html.twig' %}
                </div>
            </div>
        </div>
    </div>
</main>
{% include 'baseroutes.html.twig' %}
{% endblock %}