{% extends 'base.html.twig' %}

{% block title %}{{ parent() }} - Choix Site{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('css/select_pl/main.css') }}">
    <link rel="stylesheet" href="{{ asset('css/select_pl/select2.min.css') }}">
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('js/select_pl/main.js') }}?{{ random() }}"></script>
    <script src="{{ asset('js/select_pl/select2.min.js') }}?{{ random() }}"></script>
{% endblock %}
{% block header %}{% endblock %}

{% block body %}
    <!-- Formulaire choix du PL -->
    <div class="split left"></div>
    <div class="split right">
        <div class="selectpl-container">
            <img src="{{ asset('img/logo.png') }}" class="logo" />
            <div class="text-container">
                <p>Bienvenue</p>
            </div>
            <div class="select-container">
                <div style="padding-right: 25px;">
                    <i class="fa-thin fa-location-dot"></i>
                </div>
                <div>
                    <select class="select-pl" id="select-pl">
                        <option></option>
                        {% for key,pl in pls %}
                            <option value="{{ linkSelectedPL }}/{{ key }}"> {{ pl.code }} : {{ pl.libelle }}</option>
                        {% endfor %}
                    </select>
                </div>
            </div>
            <div class="button-container">
                <button class="rounded-pill text-light valider text-uppercase fw-bold" disabled>Valider</button>
            </div>
        </div>
    </div>
{% endblock %}