{% import "forms-macro/inputs_form.html.twig" as forms %}
<div class="container-essential-data">
    {% if isMIDone %}
        <div class="info-installation">
            Marque et modèle App : {{ infosInstall['brand'] ~ ' ' ~ infosInstall['model'] }}<br>
            Type de combustible : {{ infosInstall['combustible'] }}<br>
            Puissance nominale : {{ infosInstall['puissanceNominale'] }}<br>
            Puissance minimale : {{ infosInstall['puissanceReduite'] }}<br>
            Amenée d'air : {{ infosInstall['typeAac'] }}
        </div>
    {% else %}
        {{ include('hardcoded_services/_block/_choice_device.html.twig') }}
    {% endif %}
    <div id="essentialDataForm">
        <div class="row rubrique container-device">
            <div class="rubrique_titre">
                <span>Rendez-vous</span>
            </div>
            <div class="row" style="padding: 0 15px 0 30px;">
                <div class="col-sm-3 col-lg-4 essential-data-field">
                    {{ forms.inputDate(
                        'Date de la visite',
                        "visit-date",
                        "visit-date",
                        serviceCreatedOnProject.serviceDataValueKey('visit-date'),
                        true,
                        false,
                        "errorRequiredMessage",
                        "now"|date_modify("-5 years")|date("Y-m-d"),
                        "now"|date_modify("+5 years")|date("Y-m-d")) }}
                </div>
                <div class="col-sm-3 col-lg-4 essential-data-field">
                    {{ forms.select(
                        'Client présent lors de cette visite',
                        "customer-presence",
                        "customer-presence",
                        [
                            {'id': 'yes', 'label': 'Oui'},
                            {'id': 'no', 'label': 'Non'}
                        ],
                        "-- Sélectionnez votre choix --",
                        2,
                        serviceCreatedOnProject.serviceDataValueKey('customer-presence')) }}
                </div>
                <div class="col-sm-3 col-lg-4 essential-data-field">
                    {{ forms.select(
                        'Opérations effectuées lors de cette visite',
                        "operations",
                        "operations",
                        [
                            {'id': 'maintenance', 'label': 'Entretien'},
                            {'id': 'sweeping', 'label': 'Ramonage'},
                            {'id': 'all', 'label': 'Entretien et ramonage'}
                        ],
                        "-- Sélectionnez votre choix --",
                        2,
                        serviceCreatedOnProject.serviceDataValueKey('operations'),
                        true,
                        false,
                        false,
                        false,
                        "errorRequiredMessage") }}
                </div>
            </div>
        </div>

        <div class="row rubrique container-device">
            <div class="rubrique_titre">
                <span>Installation</span>
            </div>
            <div class="row" style="padding: 0 15px 0 30px;">
                <div class="row">
                    <div class="col-sm-3 col-lg-4 essential-data-field">
                        {{ forms.select(
                            'Usage appareil',
                            "usage",
                            "usage",
                            [
                                {'id': 'individual', 'label': 'Individuel'},
                                {'id': 'collective', 'label': 'Collectif'}
                            ],
                            "-- Sélectionnez votre choix --",
                            2,
                            serviceCreatedOnProject.serviceDataValueKey('usage'),
                            true,
                            false,
                            false,
                            false,
                            "errorRequiredMessage") }}
                    </div>
                    <div class="col-sm-3 col-lg-4 essential-data-field">
                        {{ forms.select(
                            'Circuit hydraulique',
                            "circuit",
                            "circuit",
                            [
                                {'id': 'yes', 'label': 'Oui'},
                                {'id': 'no', 'label': 'Non'}
                            ],
                            "-- Sélectionnez votre choix --",
                            2,
                            serviceCreatedOnProject.serviceDataValueKey('circuit'),
                            true,
                            false,
                            false,
                            false,
                            "errorRequiredMessage") }}
                    </div>
                    <div class="col-sm-3 col-lg-4 essential-data-field">
                        {{ forms.input(
                            'Consommation annuelle de combustible (tonnes/an)',
                            "text",
                            "consumption",
                            "consumption",
                            serviceCreatedOnProject.serviceDataValueKey('consumption')) }}
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-3 col-lg-4 essential-data-field">
                        {{ forms.select(
                            'Utilisation de l\'appareil',
                            "utilization",
                            "utilization",
                            [
                                {'id': 'particular', 'label': 'Particulier'},
                                {'id': 'professional', 'label': 'Professionnel'}
                            ],
                            "-- Sélectionnez votre choix --",
                            2,
                            serviceCreatedOnProject.serviceDataValueKey('utilization')) }}
                    </div>
                    {% if isMIDone == false %}
                        <div class="col-sm-3 col-lg-4 essential-data-field">
                            {{ forms.select(
                                'Amenée d\'air',
                                "air-supply",
                                "air-supply",
                                [
                                    {'id': 'direct', 'label': 'Directe'},
                                    {'id': 'indirect', 'label': 'Indirecte'},
                                    {'id': 'missing', 'label': 'Absente'}
                                ],
                                "-- Sélectionnez votre choix --",
                                2,
                                serviceCreatedOnProject.serviceDataValueKey('air-supply')) }}
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>

        <div class="row rubrique container-device">
            <div class="rubrique_titre">
                <span>Date</span>
            </div>
            <div class="row" style="padding: 0 15px 0 30px;">
                <div class="col-sm-3 col-lg-4 essential-data-field">
                    {{ forms.inputDate(
                        'Date de mise en service',
                        "commissioning-date",
                        "commissioning-date",
                        serviceCreatedOnProject.serviceDataValueKey('commissioning-date'),
                        false,
                        false,
                        "errorMessage",
                        "1500-01-01",
                        "now"|date_modify("+5 years")|date("Y-m-d")) }}
                </div>
                <div class="col-sm-3 col-lg-4 essential-data-field">
                    {{ forms.inputDate(
                        'Date du dernier entretien',
                        "last-maintenance-date",
                        "last-maintenance-date",
                        serviceCreatedOnProject.serviceDataValueKey('last-maintenance-date'),
                        false,
                        false,
                        "errorMessage",
                        "now"|date_modify("-5 years")|date("Y-m-d"),
                        "now"|date("Y-m-d")) }}
                </div>
                <div class="col-sm-3 col-lg-4 essential-data-field">
                    {{ forms.inputDate(
                        'Date du dernier ramonage',
                        "last-sweeping-date",
                        "last-sweeping-date",
                        serviceCreatedOnProject.serviceDataValueKey('last-sweeping-date'),
                        false,
                        false,
                        "errorMessage",
                        "now"|date_modify("-5 years")|date("Y-m-d"),
                        "now"|date("Y-m-d")) }}
                </div>
            </div>
        </div>
    </div>
</div>