{{--
    Modale de signature : l'utilisateur atteste avoir fourni les documents qui lui incombent, sur naneasy ou en
    dehors. La case et le bouton sont rattachés par l'attribut form au formulaire qui porte la signature.
    Variables : $isParentView, $formId, $submitLabel, $submitIcon, $submitName (facultatif), $submitValue (facultatif).
--}}
@php($isParent = (bool) ($isParentView ?? false))

<div x-data="{ open: false, attested: false }" x-on:open-documents-attestation.window="attested = false; open = true" x-on:keydown.escape.window="open = false">
    <div class="parent-sync-modal-overlay" x-show="open" x-cloak x-on:click.self="open = false">
        <div class="parent-sync-modal contract-attest-modal" role="dialog" aria-modal="true" aria-labelledby="contract-attest-title">
            <h3 id="contract-attest-title"><i class="ph-duotone ph-folder-open" aria-hidden="true"></i> Avant de signer : mes documents</h3>
            <p>{{ $isParent ? "Avant d'envoyer le contrat à mon assistant(e) maternel(le), je m'assure de lui avoir fourni les documents suivants." : "Avant d'accepter le contrat, je m'assure d'avoir fourni les documents suivants au parent employeur." }}</p>

            <div class="contract-documents contract-attest-documents">
                @if ($isParent)
                    @include('contracts._parent-provided-documents')
                @else
                    @include('contracts._assistant-required-documents')
                @endif
            </div>

            <label class="contract-attest-check">
                <input type="checkbox" name="documents_attested" value="1" form="{{ $formId }}" x-model="attested">
                <span>J'atteste avoir bien fourni les documents ci-dessus {{ $isParent ? 'à mon assistant(e) maternel(le)' : 'au parent employeur' }}, sur naneasy ou en dehors.</span>
            </label>

            <div class="parent-sync-modal-actions">
                <button type="button" class="employers-secondary-button" x-on:click="open = false"><i class="ph-duotone ph-x" aria-hidden="true"></i>Annuler</button>
                <button type="submit" form="{{ $formId }}" @isset($submitName) name="{{ $submitName }}" value="{{ $submitValue }}" @endisset class="dashboard-primary-button employers-success-button" x-bind:disabled="! attested"><i class="ph-duotone {{ $submitIcon }}" aria-hidden="true"></i>{{ $submitLabel }}</button>
            </div>
        </div>
    </div>
</div>