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

{% block title %}Company{% endblock %}

{% block body %}

    {% include '/loader/loader.html.twig' %}
    <div id="Page" class="Page">
        <div class="container-fluid Fill">
            <div class="row">
                <div class="col-8 ml-auto mr-auto Black">
                    <div class="d-flex">
                        <div class="companyPageName">
                            {% if agency.company.logo == null %}
                                <div class="avatar m-0 mr-50">
                                    <div class="avatar-content">
                                        <div class="Size-4">
                                            {% if ' ' in agency.company.name %}
                                                {{ agency.company.name|split(' ')[0]|first }}
                                                {{ agency.company.name|split(' ')[agency.company.name|split(' ')|length - 1]|first }}
                                            {% else %}
                                                {{ agency.company.name|first }}
                                            {% endif %}
                                        </div>
                                    </div>
                                    <!--span class="avatar-status-busy"></span-->
                                </div>
                            {% else %}
                                <img src="{{ '/' ~  agency.company.logo.path ~ agency.company.logo.filename }}"
                                     style="height: 100%; width: 100%"/>
                            {% endif %}
                            <b>{{ agency.company.name }}</b> - {{ agency.name }}
                        </div>
                    </div>
                    <div class="d-block">
                        <div class="companyPageSection">
                            <div class="companyPageTitle">Informations générales de l'entreprise</div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="">
                                        <span class="companyPageTxt">Adresse : <b>{{ agency.place.fullAddress  }}</b></span>
                                    </div>
                                    <div class="">
                                        <span class="companyPageTxt">Secteur : <b>{{ agency.sbZone.zone }}</b></span>
                                    </div>
                                    <div class="">
                                        <span class="companyPageTxt">Téléphone : <b>{{ agency.phone }}</b></span>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="">
                                        <span class="companyPageTxt">Statut : <b>{{ agency.company.legalstatut }}</b></span>
                                    </div>
                                    <div class="">
                                        <span class="companyPageTxt">SIREN : <b>{{ agency.company.siren }}</b></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <hr class="divider m-0 p-0" />
                        <div class="companyPageSection">
                            <div class="companyPageTitle">Contact de l'entreprise:</div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="">
                                        <span class="companyPageTxt">Nom : <b>{{ agency.agencyParticipants[0].user.lastname }}</b></span>
                                    </div>
                                    <div class="">
                                        <span class="companyPageTxt">Prénom : <b>{{ agency.agencyParticipants[0].user.firstname }}</b></span>
                                    </div>
                                    <div class="">
                                        <span class="companyPageTxt">Email : <b>{{ agency.agencyParticipants[0].user.email }}</b></span>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="">
                                        <span class="companyPageTxt">Téléphone : <b>{{ agency.agencyParticipants[0].user.phone }}</b></span>
                                    </div>
                                    <div class="">
                                        <span class="companyPageTxt">Mobile : <b>{{ agency.agencyParticipants[0].user.mobile }}</b></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <hr class="divider m-0 p-0" />
                        <div class="companyPageSection">
                            <div class="companyPageTitle">Entreprise spécialisé dans les domaines suivants :</div>
                            <div class="companyPageTxt Bold">
                            {% for activity in agency.getCompanyActivities() %}
                                {{ activity.activity.name }}
                                {{ not loop.last ? ',' }}
                            {% endfor %}
                            </div>
                        </div>
                        <hr class="divider m-0 p-0" />
                        <div class="companyPageSection">
                            <div class="companyPageTitle">Intervient dans les secteurs suivants:</div>
                            <div class="companyPageTxt">
                                {% for zone in agency.getInterventionZoneCode() %}
                                    <b>{{ zone.city }}</b> ({{ zone.postcode }})
                                    {{ not loop.last ? ',' }}
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}

{% block javascripts %}

    <script type="text/javascript" class="code-js">
        function displayOn() {
            document.getElementById("loader").style.display = "none";
            document.getElementById("Page").style.display = "flex";
        }

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

{% endblock %}