{% set disable = false %}
<div class="container-fluid">
    <div class="row rubrique" style="position:relative;">
        <div class="rubrique_titre">
            <span>Coordonnées du client</span>
        </div>
        <div class="col-sm-12 col-md-12 col-lg-12">
            <div style="position: relative;height: 25px ;{{ ib1Project == true ? "display: none":"" }}">
                <a
                        type="button"
                        id="btnEditDetail"
                        class="txtlibre txtUnderline"
                        style="cursor: pointer;float: right"
                >
                    Modifier les informations client
                </a>
            </div>
            {{ form_start(formFinalCustomer, {'attr': {'novalidate':'true','id':'form_edit_finalcustomer'}}) }}
            <div class="form-group requiredInput  col-lg-4">
                <label>Civilité</label>
                {{ form_widget(formFinalCustomer.civility) }}
            </div>
            <div class="form-group requiredInput  col-lg-4">
                <label>Nom du client ou de la société</label>
                {{ form_widget(formFinalCustomer.name) }}
            </div>
            <div class="form-group col-lg-4">
                <label>Prénom</label>
                {{ form_widget(formFinalCustomer.firstname) }}
            </div>
            <div class="form-group col-lg-4">
                <label>Société</label>
                {{ form_widget(formFinalCustomer.societe) }}
            </div>
            <div class="form-group col-lg-4">
                <label>Nom du projet ou chantier</label>
                {{ form_widget(formFinalCustomer.projectName) }}
            </div>
            <div class="form-group col-lg-4 containerEmail">
                <label>Email</label>
                {{ form_widget(formFinalCustomer.email) }}
            </div>
            <div class="form-group col-lg-4">
                <label>Téléphone</label>
                <div style="display: flex; flex-direction: row">
                    <div id="phoneIndicator" class="phoneIndicator">
                        {{ form_widget(formFinalCustomer.phoneIndicatif) }}
                    </div>
                    <div class="phoneNumber" style="width: 75%!important;">
                        {{ form_widget(formFinalCustomer.phone) }}
                    </div>
                </div>
            </div>
            {{ form_end(formFinalCustomer) }}
        </div>
    </div>
    <div class="row rubrique">
        <div class="rubrique_titre">
            <span>Adresse de l'installation</span>
        </div>
        <div class="col-sm-12 col-md-12 col-lg-12">
            <div class="modal-body">
                {{ form_start(formProjectAddress, {'attr': {'novalidate':'true','id':'form_edit_defaultAddress'}}) }}
                    <input type="hidden" name="tabContainer" value="tabClientApp"/>
                    <div id="containerStreet" class="form-group">
                        <label class="control-label">Rue</label>
                        {{ form_widget(formProjectAddress.defaultAddress.street) }}
                    </div>
                    <div>
                        {{ form_row(formProjectAddress.defaultAddress.city) }}
                    </div>
                    <div>
                        {{ form_row(formProjectAddress.defaultAddress.postalCode,{ 'attr': {'type': 'number'} }) }}
                    </div>
                    {{ form_label(formProjectAddress.defaultAddress.country) }}<br>
                    {{ form_widget(formProjectAddress.defaultAddress.country) }}<br><br>
                    <div style="display: none">
                        {{ form_widget(formProjectAddress.defaultAddress.longitude) }}
                        {{ form_widget(formProjectAddress.defaultAddress.latitude) }}
                        {{ form_widget(formProjectAddress.defaultAddress.altitude) }}
                    </div>
                {{ form_end(formProjectAddress) }}
            </div>
        </div>
    </div>
</div>
<form id="updateFCForm" method="post" action="{{ path('final_customer_update', { 'id': idFC }) }}">
    <input id="inputFrom" type="hidden" value="project_edit" name="from">
    <input id="inputIdProject" type="hidden" value="{{ project.id }}" name="idProject">
</form>
{% if is_granted('ROLE_DEMO') %}
    {{ include('tooltip/tooltip.html.twig') }}
{% endif %}
<script type="application/javascript">
    $(document).ready(function () {
        $('#btnEditDetail')[0].addEventListener('click', function () {
            if (!isDemo) {
                $('#updateFCForm').submit();
            }
        });
        $('#form_edit_finalcustomer :input').prop("disabled", true);

        $('#form_edit_defaultAddress :input').prop("disabled", true);
        $('#final_customer_extrabatId').hide();

        if (isDemo) {
            applyTooltipToDisabledElements('#containerClientAppareils input, #containerClientAppareils select, #containerClientAppareils #btnEditDetail')
        }
    });
</script>