{% set values = data|default({}) %}
{% set is_creation = is_new|default(false) %}
{% set selected_employee_id = values.salarie|default(visit is defined ? visit.salarie.id : '') %}
{% set selected_type_id = values.visitType|default(visit is defined ? visit.visitType.id : '') %}
{% set selected_provider_id = values.provider|default(visit is defined and visit.provider ? visit.provider.id : '') %}
{% set selected_source = values.sourceEvent|default(visit.sourceEvent|default('')) %}
{% set selected_employee = null %}
{% set selected_type = null %}
{% set selected_provider = null %}
{% for employee in salaries %}{% if employee.id == selected_employee_id %}{% set selected_employee = employee %}{% endif %}{% endfor %}
{% for type in types %}{% if type.id == selected_type_id %}{% set selected_type = type %}{% endif %}{% endfor %}
{% for provider in providers %}{% if provider.id == selected_provider_id %}{% set selected_provider = provider %}{% endif %}{% endfor %}

<form method="post" action="{{ action }}" class="medical-visit-form" data-controller="medical-visit-form" data-action="input->medical-visit-form#refresh change->medical-visit-form#refresh submit->medical-visit-form#submit">
    <input type="hidden" name="_token" value="{{ token }}">

    {% for error in errors|default([]) %}<div class="alert alert-danger d-flex align-items-center gap-2"><i class="ti ti-alert-circle"></i>{{ error }}</div>{% endfor %}

    <div class="row g-4 align-items-start">
        <div class="col-12 col-xl-8 d-grid gap-3">
            <section class="card medical-form-card">
                <header class="card-header d-flex align-items-center gap-3"><span class="medical-section-icon is-blue"><iconify-icon icon="solar:user-bold-duotone"></iconify-icon></span><div><h2>Section 1 — Salarié</h2><p>Identification administrative du salarié concerné</p></div><span class="medical-required ms-auto"><i class="ti ti-asterisk"></i> Requis</span></header>
                <div class="card-body row g-3">
                    <div class="col-12 medical-employee-field">
                        <label class="form-label" for="medical-employee-search">Salarié <b>*</b></label>
                        <div class="medical-input-icon"><i class="ti ti-search"></i><input id="medical-employee-search" class="form-control" type="search" placeholder="Rechercher un salarié..." autocomplete="off" data-medical-visit-form-target="employeeSearch" data-action="input->medical-visit-form#searchEmployees focus->medical-visit-form#searchEmployees"></div>
                        <div class="medical-employee-results d-none" data-medical-visit-form-target="employeeResults"></div>
                        <select name="salarie" class="visually-hidden" tabindex="-1" data-medical-visit-form-target="employeeSelect">
                            <option value="">Sélectionner un salarié</option>
                            {% for employee in salaries %}
                                {% set photo = employee.photo ? employee.photo|trim : '' %}
                                {% set photo_src = photo ? (photo starts with 'http://' or photo starts with 'https://' ? photo : asset(photo starts with '/' ? photo|slice(1) : photo)) : '' %}
                                <option value="{{ employee.id }}" {{ employee.id == selected_employee_id ? 'selected' : '' }} data-name="{{ employee|e('html_attr') }}" data-meta="{{ (employee.matricule ? 'N° matricule : ' ~ employee.matricule ~ ' · ' : '') ~ (employee.typeCollaborateur ?: employee.statut ?: '') ~ (employee.dateEntree ? ' · Depuis ' ~ employee.dateEntree|date('d/m/Y') : '')|e('html_attr') }}" data-service="{{ (employee.service ?: employee.poste ?: 'Service non renseigné')|e('html_attr') }}" data-establishment="{{ (employee.etablissement ?: 'Établissement non renseigné')|e('html_attr') }}" data-job="{{ (employee.poste ?: 'Poste non renseigné')|e('html_attr') }}" data-manager="{{ (employee.manager ?: 'Manager non renseigné')|e('html_attr') }}" data-photo="{{ photo_src|e('html_attr') }}">{{ employee }}</option>
                            {% endfor %}
                        </select>
                        <div class="medical-selected-employee {{ selected_employee ? '' : 'd-none' }}" data-medical-visit-form-target="employeeCard"><span class="medical-employee-avatar" data-medical-visit-form-target="employeeAvatar">{% if selected_employee %}{{ selected_employee.prenom|first }}{{ selected_employee.nom|first }}{% endif %}</span><div class="flex-grow-1"><strong data-medical-visit-form-target="employeeName">{{ selected_employee ?: '' }}</strong><small data-medical-visit-form-target="employeeMeta">{% if selected_employee %}{{ selected_employee.matricule ? 'N° matricule : ' ~ selected_employee.matricule ~ ' · ' : '' }}{{ selected_employee.typeCollaborateur ?: selected_employee.statut }}{{ selected_employee.dateEntree ? ' · Depuis ' ~ selected_employee.dateEntree|date('d/m/Y') : '' }}{% endif %}</small></div><button class="btn" type="button" data-action="medical-visit-form#clearEmployee" aria-label="Retirer le salarié"><i class="ti ti-x"></i></button></div>
                    </div>
                    <div class="col-md-6"><label class="form-label">Établissement <b>*</b></label><input class="form-control" readonly data-medical-visit-form-target="establishment" value="{{ selected_employee ? selected_employee.etablissement : '' }}" placeholder="Sélectionnez un salarié"></div>
                    <div class="col-md-6"><label class="form-label">Service <b>*</b></label><input class="form-control" readonly data-medical-visit-form-target="service" value="{{ selected_employee ? (selected_employee.service ?: selected_employee.poste) : '' }}" placeholder="Sélectionnez un salarié"></div>
                    <div class="col-md-6"><label class="form-label">Poste</label><input class="form-control" readonly data-medical-visit-form-target="job" value="{{ selected_employee ? selected_employee.poste : '' }}" placeholder="Poste non renseigné"></div>
                    <div class="col-md-6"><label class="form-label">Manager</label><input class="form-control" readonly data-medical-visit-form-target="manager" value="{{ selected_employee ? selected_employee.manager : '' }}" placeholder="Manager non renseigné"><small class="medical-help"><i class="ti ti-info-circle"></i> Le manager ne reçoit aucune information médicale</small></div>
                </div>
            </section>

            <section class="card medical-form-card">
                <header class="card-header d-flex align-items-center gap-3"><span class="medical-section-icon is-teal"><iconify-icon icon="solar:stethoscope-bold-duotone"></iconify-icon></span><div><h2>Section 2 — Type de visite</h2><p>Catégorie administrative de la visite médicale</p></div></header>
                <div class="card-body">
                    <label class="form-label mb-2">Type de visite <b>*</b></label>
                    <div class="row g-2 medical-type-grid">
                        {% for type in types %}
                            {% set tone = type.isReturnVisit ? 'green' : (type.isPreReturnVisit ? 'orange' : (type.isPeriodic ? 'teal' : (type.isLegalFollowUp ? 'blue' : 'purple'))) %}
                            {% set icon = type.isReturnVisit ? 'solar:walking-round-bold-duotone' : (type.isPreReturnVisit ? 'solar:walking-bold-duotone' : (type.isPeriodic ? 'solar:refresh-circle-bold-duotone' : 'solar:user-check-bold-duotone')) %}
                            <div class="col-12 col-sm-6 col-lg-4"><label class="medical-type-option"><input type="radio" name="visitType" value="{{ type.id }}" {{ type.id == selected_type_id ? 'checked' : '' }} data-label="{{ type.nom|e('html_attr') }}" data-duration="{{ type.defaultDurationMinutes ?: 30 }}" data-medical-visit-form-target="typeInput" data-action="change->medical-visit-form#typeChanged"><span><i class="medical-type-icon is-{{ tone }}"><iconify-icon icon="{{ icon }}"></iconify-icon></i><b>{{ type.nom }}</b><i class="ti ti-circle-check medical-type-check"></i></span></label></div>
                        {% else %}<p class="text-muted">Aucun type de visite actif.</p>{% endfor %}
                    </div>
                    <div class="row g-3 mt-1">
                        <div class="col-md-6"><label class="form-label" for="medical-source">Source événement <span>(optionnel)</span></label><select id="medical-source" name="sourceEvent" class="form-select"><option value="">Aucune source spécifique</option>{% for value, label in {'sick_leave_return': 'Retour d’arrêt maladie', 'work_accident_return': 'Retour d’accident du travail', 'periodic_schedule': 'Planification périodique', 'job_change': 'Changement de poste', 'rh_request': 'Demande RH'} %}<option value="{{ value }}" {{ selected_source == value ? 'selected' : '' }}>{{ label }}</option>{% endfor %}</select></div>
                        <div class="col-md-6"><label class="form-label" for="medical-due-date">Échéance réglementaire <b>*</b></label><input id="medical-due-date" class="form-control" type="date" name="dueDate" value="{{ values.dueDate|default(visit is defined and visit.dueDate ? visit.dueDate|date('Y-m-d') : '') }}" data-medical-visit-form-target="dueDate"></div>
                    </div>
                </div>
            </section>

            <section class="card medical-form-card">
                <header class="card-header d-flex align-items-center gap-3"><span class="medical-section-icon is-orange"><iconify-icon icon="solar:calendar-add-bold-duotone"></iconify-icon></span><div><h2>Section 3 — Planification</h2><p>Organisation logistique de la visite</p></div></header>
                <div class="card-body row g-3">
                    <div class="col-md-6"><label class="form-label" for="medical-scheduled-at">Date et heure prévues <b>*</b></label><input id="medical-scheduled-at" class="form-control" type="datetime-local" name="scheduledAt" value="{{ values.scheduledAt|default(visit is defined and visit.scheduledAt ? visit.scheduledAt|date('Y-m-d\\TH:i') : '') }}" data-medical-visit-form-target="scheduledAt"></div>
                    <div class="col-md-6"><label class="form-label" for="medical-duration">Durée estimée</label><select id="medical-duration" name="durationMinutes" class="form-select" data-medical-visit-form-target="duration"><option value="15">15 minutes</option><option value="30" selected>30 minutes</option><option value="45">45 minutes</option><option value="60">1 heure</option></select></div>
                    <div class="col-md-6"><label class="form-label" for="medical-provider">Prestataire / SPST <b>*</b></label><select id="medical-provider" name="provider" class="form-select" data-medical-visit-form-target="provider" data-action="change->medical-visit-form#providerChanged"><option value="">Sélectionner un prestataire...</option>{% for provider in providers %}<option value="{{ provider.id }}" {{ provider.id == selected_provider_id ? 'selected' : '' }} data-contact="{{ provider.contactName|default('')|e('html_attr') }}" data-location="{{ ([provider.address, provider.codePostal, provider.ville]|filter(v => v)|join(', '))|e('html_attr') }}">{{ provider.nom }}{% if provider.contactName %} — {{ provider.contactName }}{% endif %}</option>{% endfor %}</select></div>
                    <div class="col-md-6"><label class="form-label" for="medical-location">Lieu</label><input id="medical-location" class="form-control" name="location" value="{{ values.location|default(visit.location|default('')) }}" placeholder="Adresse ou salle..." data-medical-visit-form-target="location"></div>
                    <div class="col-12"><label class="form-label" for="medical-remote-link">Lien visio / téléconsultation <span>(optionnel)</span></label><div class="medical-input-icon"><i class="ti ti-video"></i><input id="medical-remote-link" class="form-control" type="url" name="remoteLink" value="{{ values.remoteLink|default(visit.remoteLink|default('')) }}" placeholder="https://..."></div><small class="medical-help">Si renseigné, le lien sera transmis uniquement pour la logistique. Aucune information médicale ne sera partagée.</small></div>
                    <div class="col-12"><label class="form-label">Notifications</label><div class="row g-2"><div class="col-md-6"><label class="medical-switch"><input class="form-check-input" type="checkbox" name="notifyEmployee" value="1" checked><span><b>Notifier le salarié</b><small>Convocation administrative par e-mail</small></span><i class="ti ti-user"></i></label></div><div class="col-md-6"><label class="medical-switch"><input class="form-check-input" type="checkbox" name="notifyRh" value="1" checked><span><b>Notifier le service RH</b><small>Rappel automatique à l’équipe RH</small></span><i class="ti ti-users"></i></label></div></div></div>
                </div>
            </section>

            <section class="card medical-form-card">
                <header class="card-header d-flex align-items-center gap-3"><span class="medical-section-icon is-slate"><iconify-icon icon="solar:notes-bold-duotone"></iconify-icon></span><div><h2>Section 4 — Commentaire administratif</h2><p>Informations contextuelles RH uniquement</p></div></header>
                <div class="card-body"><div class="medical-inline-warning"><i class="ti ti-alert-triangle"></i> N’indiquez aucune information médicale, pathologie, diagnostic ou traitement dans ce champ.</div><textarea class="form-control mt-3" rows="4" maxlength="500" name="administrativeComment" placeholder="Ex : Visite périodique annuelle conforme au calendrier de suivi. Aucune information médicale ne doit figurer ici..." data-medical-visit-form-target="comment" data-action="input->medical-visit-form#countComment">{{ values.administrativeComment|default(visit.administrativeComment|default('')) }}</textarea><div class="d-flex justify-content-between mt-2"><small class="medical-help">Visible uniquement par l’équipe RH autorisée</small><small class="medical-help"><span data-medical-visit-form-target="commentCount">0</span> / 500 caractères</small></div></div>
            </section>
        </div>

        <aside class="col-12 col-xl-4 medical-form-aside">
            <section class="card medical-summary mb-3"><header class="card-header d-flex align-items-center gap-2"><span class="medical-section-icon is-teal"><iconify-icon icon="solar:clipboard-list-bold-duotone"></iconify-icon></span><h2>Résumé de la visite</h2></header><div class="card-body">
                <div class="medical-summary-row"><span class="medical-section-icon is-blue"><i class="ti ti-user"></i></span><div><small>Salarié</small><strong data-medical-visit-form-target="summaryEmployee">{{ selected_employee ?: 'À sélectionner' }}</strong><p data-medical-visit-form-target="summaryEmployeeMeta">{{ selected_employee ? (selected_employee.service ?: selected_employee.poste) ~ (selected_employee.etablissement ? ' · ' ~ selected_employee.etablissement : '') : '—' }}</p></div></div>
                <div class="medical-summary-row"><span class="medical-section-icon is-teal"><iconify-icon icon="solar:stethoscope-bold-duotone"></iconify-icon></span><div><small>Type</small><strong class="medical-summary-pill" data-medical-visit-form-target="summaryType">{{ selected_type ? selected_type.nom : 'À sélectionner' }}</strong></div></div>
                <div class="medical-summary-row"><span class="medical-section-icon is-orange"><i class="ti ti-calendar"></i></span><div><small>Échéance</small><strong data-medical-visit-form-target="summaryDate">À définir</strong><p data-medical-visit-form-target="summaryTime">— · 30 min</p></div></div>
                <div class="medical-summary-row"><span class="medical-section-icon is-purple"><iconify-icon icon="solar:hospital-bold-duotone"></iconify-icon></span><div><small>Prestataire</small><strong data-medical-visit-form-target="summaryProvider">{{ selected_provider ? selected_provider.nom : 'À sélectionner' }}</strong><p data-medical-visit-form-target="summaryProviderContact">{{ selected_provider ? selected_provider.contactName : '—' }}</p></div></div>
                <div class="medical-summary-row"><span class="medical-section-icon is-slate"><i class="ti ti-circle-dot"></i></span><div><small>{{ is_creation ? 'Statut initial' : 'Statut' }}</small><strong class="medical-draft-badge"><i></i> {{ is_creation ? 'Brouillon' : visit.status|default('Brouillon')|replace({'_': ' '})|capitalize }}</strong></div></div>
            </div></section>
            <section class="card medical-actions mb-3"><div class="card-body"><h2>Actions</h2>{% if is_creation %}<button class="btn btn-primary w-100" type="submit" name="submit_action" value="schedule" data-medical-visit-form-target="scheduleButton"><i class="ti ti-calendar-check"></i> Planifier la visite</button><button class="btn btn-light border w-100" type="submit" name="submit_action" value="draft" formnovalidate><i class="ti ti-device-floppy"></i> Enregistrer en brouillon</button><a class="btn btn-outline-danger w-100" href="{{ path('medical_visit_dashboard') }}"><i class="ti ti-x"></i> Annuler</a>{% else %}<button class="btn btn-primary w-100" type="submit" name="submit_action" value="save"><i class="ti ti-device-floppy"></i> Enregistrer les modifications</button><a class="btn btn-outline-danger w-100" href="{{ path('medical_visit_show', {id: visit.id}) }}"><i class="ti ti-x"></i> Annuler</a>{% endif %}<p><i class="ti ti-lock"></i> Seules les données administratives sont enregistrées</p></div></section>
            <section class="medical-form-help"><h2><i class="ti ti-help-circle"></i> Aide</h2><p><i class="ti ti-circle-check text-success"></i> La VIP périodique est obligatoire selon la réglementation en vigueur.</p><p><i class="ti ti-circle-check text-success"></i> La visite de reprise doit être planifiée avant la reprise effective.</p><p><i class="ti ti-alert-triangle text-warning"></i> Aucun résultat médical ne doit être saisi dans cette application.</p></section>
        </aside>
    </div>
</form>