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

{% block contenu %}

    <nav aria-label="breadcrumb" class="intra-breadcrumbs">
        <ol class="breadcrumb">
            <li class="breadcrumb-item breadcrumb-intra"><a href="{{ absolute_url(customPath('worker_home_intra')) }}">{{'myAccount.home_intra'|trans|upper}}</a></li>
            <li class="breadcrumb-item breadcrumb-intra active"><a href="{{ absolute_url(customPath('worker_bill')) }}">{{'myAccount.bloc_bill'|trans|upper}}</a></li>
        </ol>
    </nav>
    {# Affichage des mails #}
    <section id="intra-worker-bills">  

        <p class="subscribe-since"> {{'myAccount.subscribed_since'|trans}} <span>{{worker.subscriptionDate|date("d/m/Y")}}</span></p>

        <form method="POST" action="{{ customPath('worker_submit') }}" enctype="multipart/form-data" id="bill-form">
            <input type="hidden" name="route" value="{{currentUrl}}">
            <div id="coordinates-changes" class="row">
                <div class="col-6">
                    <a class="btn btn-soumettre btn-archi-blue" data-toggle="collapse" href="#collapseMailInput" role="button" aria-expanded="false" aria-controls="collapseMailInput" >{{'myAccount.btn_bill_mail'|trans}}</a>
                    <div class="collapse " id="collapseMailInput">
                        <input class="form-control personnel-input" type="email" name="btn-bill-data[email facturation]" value="" placeholder="adresse facturation"/>
                    </div>
                    {# placer un modal qui fait apparaître un input pour mettre un email #}
                </div>
                <div class="col-6" id="iban-edit">
                    <label for="worker-picture" class="btn btn-soumettre btn-archi-blue">{{'myAccount.btn_change_iban'|trans}}</label>
                    <input type="file" name="btn-bill-data[Nouvel iban]" id="worker-picture" accept="application/pdf">
                </div>
            </div>

            <div id="send-new-img" class="d-flex justify-content-end">
                <button name="btn-submit" class="btn btn-soumettre btn-archi-blue-intra" value="btn-bill-data" type="submit">{{'forms.send_modification'|trans}}</button>
            </div>
        </form>

        <div id="bill-box" class="row">
            <div class="col-12" id="bill-container">
                <div class="bill-row row">
                    {% for bill in workerBills %}
                        <div class="bill-item col-2">
                            <a href="{{ absolute_url(customPath('worker_bill_pdf', {'idBill': bill.id})) }}" target="_blank">
                                <div>
                                    <i class="fa fa-file-pdf-o" aria-hidden="true"></i>
                                </div>
                            </a>
                            <p>{{bill.title}}</p>
                        </div>
                    {% endfor %}
                </div>
            </div>
        </div>

    </section>

{% endblock %}

{% block javascripts %}

{% endblock %}