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

{% block title %}displayClaims{% endblock %}

{% block body %}

    <div id="loader">
        <div class="loader">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <div id="mission" class="container-fluid Page">
        {% include '/mission/top_menu.html.twig' %}
        {% for message in app.flashes('success') %}
            <div class="alert alert-success">
                {{ message }}
            </div>
        {% endfor %}
        {% for message in app.flashes('warning') %}
            <div class="alert alert-warning">
                {{ message }}
            </div>
        {% endfor %}
        <div class="container-fluid" id="detailsMissionPage">
            {% include '/mission/details/top_menu.html.twig' %}
            <div class="outil-space center-vertical-no-height">
                <button class="btn btn-primary height-80-per ml-auto mr-0 float-right"
                        onclick="window.location.href='{{ path("storeMission", { id: mission.id }) }}'">PLANIFIER UN RDV
                </button>
            </div>
            <div class="detailsMissionItem Black p-0">
                <div class="container-fluid h-100">
                    <div class="row h-100">
                        <div class="col-2" id="detailsMissionTab2">
                            <div class="nav flex-column nav-pills" id="v-pills-tab2" role="tablist"
                                 aria-orientation="vertical">
                                <a class="nav-link active" id="client-tab" data-toggle="tab" href="#client-m" role="tab"
                                   aria-controls="client-m" aria-selected="true">Client</a>
                                <a class="nav-link" id="symabat-tab" data-toggle="tab" href="#symabat-m" role="tab"
                                   aria-controls="symabat-m" aria-selected="false">SYMABAT</a>
                                <a class="nav-link" id="expert-tab" data-toggle="tab" href="#expert-m" role="tab"
                                   aria-controls="expert-m" aria-selected="false">Experts</a>
                                <a class="nav-link" id="mandant-tab" data-toggle="tab" href="#mandant-m" role="tab"
                                   aria-controls="mandant-m" aria-selected="false">Mandant</a>
                            </div>
                        </div>
                        <div class="col-10">
                            <div class="tab-content h-100" id="v-pills-tabContent2">
                                <div class="container-fluid tools tab-pane fade show active" id="client-m"
                                     role="tabpanel">
                                    <div class="">
                                        <h4 class="title-mission-summary">
                                            Identité
                                        </h4>
                                        <div class="row">
                                            <div class="col-6">
                                                <div class="text-mission-summary Size-4 Bold Black">Client 1</div>
                                                <div class="text-mission-summary">Civilité :
                                                    <b>{{ mission.getInsuredsAt(1).gender }}</b></div>
                                                <div class="text-mission-summary">Nom :
                                                    <b>{{ mission.getInsuredsAt(1).lastname }}</b></div>
                                                <div class="text-mission-summary">Prénom :
                                                    <b>{{ mission.getInsuredsAt(1).firstname }}</b></div>
                                            </div>
                                            {% if mission.getInsuredsAt(2) != null %}
                                                <div class="col-6">
                                                    <div class="text-mission-summary Size-4 Bold Black">Client 2</div>
                                                    <div class="text-mission-summary">Civilité :
                                                        <b>{{ mission.getInsuredsAt(2) ? mission.getInsuredsAt(2).gender : "" }}</b>
                                                    </div>
                                                    <div class="text-mission-summary">Nom :
                                                        <b>{{ mission.getInsuredsAt(2) ? mission.getInsuredsAt(2).lastname : "" }}</b>
                                                    </div>
                                                    <div class="text-mission-summary">Prénom :
                                                        <b>{{ mission.getInsuredsAt(2) ? mission.getInsuredsAt(2).firstname : "" }}</b>
                                                    </div>
                                                </div>
                                            {% endif %}
                                        </div>
                                        <h4 class="title-mission-summary w-100">
                                            Coordonnées
                                        </h4>
                                        <div class="row">
                                            <div class="col-6">
                                                <div class="text-mission-summary">Domicile :
                                                    <b>{{ mission.getInsuredsAt(1).phone }}</b></div>
                                                <div class="text-mission-summary">Mobile :
                                                    <b>{{ mission.getInsuredsAt(1).mobile }}</b></div>
                                                <div class="text-mission-summary">Mail :
                                                    <b>{{ mission.getInsuredsAt(1).email }}</b></div>
                                            </div>
                                            {% if mission.getInsuredsAt(2) != null %}
                                                <div class="col-6">
                                                    <div class="text-mission-summary">Domicile :
                                                        <b>{{ mission.getInsuredsAt(2) ? mission.getInsuredsAt(2).phone : "" }}</b>
                                                    </div>
                                                    <div class="text-mission-summary">Mobile :
                                                        <b>{{ mission.getInsuredsAt(2) ? mission.getInsuredsAt(2).mobile : "" }}</b>
                                                    </div>
                                                    <div class="text-mission-summary">Mail :
                                                        <b>{{ mission.getInsuredsAt(2) ? mission.getInsuredsAt(2).email : "" }}</b>
                                                    </div>
                                                </div>
                                            {% endif %}
                                        </div>
                                        <div class="row">
                                            <div class="col-6">
                                                <h4 class="title-mission-summary">
                                                    Adresse du sinistre
                                                </h4>
                                                <div class="text-mission-summary">Voie :
                                                    <b>{{ mission.sinister.place.address }}</b></div>
                                                <div class="text-mission-summary">Complément d'adresse :
                                                    <b>{{ mission.sinister.place.addressCpl }}</b></div>
                                                <div class="text-mission-summary">Code Postal :
                                                    <b>{{ mission.sinister.place.postcode }}</b></div>
                                                <div class="text-mission-summary">Ville :
                                                    <b>{{ mission.sinister.place.city }}</b></div>
                                            </div>
                                            <div class="col-6">
                                                <h4 class="title-mission-summary">
                                                    Adresse de résidence
                                                </h4>
                                                <div class="text-mission-summary">Voie :
                                                    <b>{{ mission.getInsuredsAt(1).place.address }}</b></div>
                                                <div class="text-mission-summary">Complément d'adresse :
                                                    <b>{{ mission.getInsuredsAt(1).place.addressCpl }}</b></div>
                                                <div class="text-mission-summary">Code Postal :
                                                    <b>{{ mission.getInsuredsAt(1).place.postcode }}</b></div>
                                                <div class="text-mission-summary">Ville :
                                                    <b>{{ mission.getInsuredsAt(1).place.city }}</b></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="container-fluid tools tab-pane fade" id="mandant-m" role="tabpanel">
                                    <div class="">
                                        <div class="row">
                                            <div class="col-6">
                                                <h4 class="title-mission-summary">
                                                    Siège social du mandant
                                                </h4>
                                                <div class="text-mission-summary">identité du mandant :
                                                    <b>{{ mission.delegate.company.name }}</b>
                                                </div>
                                                <div class="text-mission-summary">Adresse : {{ mission.delegate.company.place.address|default("") }}</div>
                                                <div class="text-mission-summary">Code Postal : {{ mission.delegate.company.place.postcode|default("") }}</div>
                                                <div class="text-mission-summary">Ville : {{ mission.delegate.company.place.city|default("") }}</div>
                                                <div class="text-mission-summary">Téléphone du cabinet : {{ mission.delegate.company.phone|default("") }}</div>
                                            </div>
                                            <div class="col-6">
                                                <h4 class="title-mission-summary">
                                                    Gestionnaire en charge mandant
                                                </h4>
                                                <div class="text-mission-summary">Nom : </div>
                                                <div class="text-mission-summary">Prénom : </div>
                                                <div class="text-mission-summary">Téléphone direct :</div>
                                                <div class="text-mission-summary">Mail :</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="container-fluid tools tab-pane fade" id="expert-m" role="tabpanel">
                                    <div class="">
                                        <div class="row">
                                            <div class="col-6">
                                                <h4 class="title-mission-summary">
                                                    Cabinet d'expertise en charge
                                                </h4>
                                                <div class="text-mission-summary">Nom du cabinet:
                                                    <b>{{ mission.expert.getCompany.name|default("") }}</b></div>
                                                <div class="text-mission-summary">Adresse :
                                                    <b>{{ mission.expert.getCompany.place.address|default("") }}</b></div>
                                                <div class="text-mission-summary">Code Postal :
                                                    <b>{{ mission.expert.getCompany.place.postcode|default("") }}</b></div>
                                                <div class="text-mission-summary">Ville :
                                                    <b>{{ mission.expert.getCompany.place.city|default("") }}</b></div>
                                                <div class="text-mission-summary">Téléphone du cabinet :
                                                    <b>{{ mission.expert.getCompany.phone|default("") }}</b></div>
                                            </div>
                                            <div class="col-6">
                                                <h4 class="title-mission-summary">
                                                    Expert en charge
                                                </h4>
                                                <div class="text-mission-summary">Nom :
                                                    <b>{{ mission.expert.lastname|default("") }}</b></div>
                                                <div class="text-mission-summary">Prénom :
                                                    <b>{{ mission.expert.firstname|default("") }}</b></div>
                                                <div class="text-mission-summary">Téléphone direct:
                                                    <b>{{ mission.expert.mobile|default("") }}</b></div>
                                                <div class="text-mission-summary">Mail :
                                                    <b>{{ mission.expert.email|default("") }}</b></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="container-fluid tools tab-pane fade" id="symabat-m" role="tabpanel">
                                    <div class="">
                                        <div class="row">
                                            <div class="col-6">
                                                <h4 class="title-mission-summary">
                                                    Gestionnaire SymaBat en charge
                                                </h4>
                                                <div class="text-mission-summary">Nom :
                                                    <b>{{ mission.missionparticipant.getGestionnary().lastname|default("") }}</b>
                                                </div>
                                                <div class="text-mission-summary">Prénom :
                                                    <b>{{ mission.missionparticipant.getGestionnary().firstname|default("") }}</b>
                                                </div>
                                                <div class="text-mission-summary">Téléphone :
                                                    <b>{{ mission.missionparticipant.getGestionnary().mobile|default("") }}</b>
                                                </div>
                                                <div class="text-mission-summary">Mail :
                                                    <b>{{ mission.missionparticipant.getGestionnary().email|default("") }}</b></div>
                                            </div>
                                            <div class="col-6">
                                                <h4 class="title-mission-summary">
                                                    Votre responsable secteur
                                                </h4>
                                                <div class="text-mission-summary">Nom :</div>
                                                <div class="text-mission-summary">Prénom :</div>
                                                <div class="text-mission-summary">Téléphone :</div>
                                                <div class="text-mission-summary">Mail :</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}

{% block javascripts %}

    <script>

        /* Details */

        function displayOn() {
            document.getElementById("loader").style.display = "none";
            document.getElementById("mission").style.display = "flex";
        }

        $(document).ready(function () {
            displayOn();
        });
    </script>

{% endblock %}