<!-- Rapport ========================================================= -->
<div class="modal animate__animated animate__fadeInLeft" id="modalRapport">
    <div onclick="closeForm('modalRapport')" class="modal-background"></div>
    <div class="modal-card">
        <header class="modal-card-head">
            <p class="modal-card-title">Période du rapport</p>
            <button type="button" onclick="closeForm('modalRapport')" class="delete"
                aria-label="close"></button>
        </header>
        <section class="modal-card-body">
            <div class="content">
                <form id="formRapport">
                    @csrf
                    <div class="field">
                        <label class="label title is-6" for="debutId">Début</label>
                        <p class="control">
                            <input id="debutId"
                                class="input is-info is-rounded
                                @error('debut') is-invalid @enderror"
                                type="date" name="debut" required />
                        </p>
                        <div id="errorDebut" class="error erreur"></div>
                        @error('debut')
                            <div class="help is-danger error">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="field">
                        <label class="label title is-6" for="finId">Fin</label>
                        <p class="control">
                            <input id="finId"
                                class="input is-info is-rounded
                                @error('fin') is-invalid @enderror"
                                type="date" name="fin" required />
                        </p>
                        <div id="errorFin" class="error erreur"></div>
                        @error('fin')
                            <div class="help is-danger error">{{ $message }}</div>
                        @enderror
                    </div>
                    <button id="submitFormRapport" hidden></button>
                    <button type="reset" class="btn_reset" hidden></button>
                </form>
            </div>
        </section>
        <footer class="modal-card-foot">
            <button type="button" onclick="closeForm('modalRapport')"
                class="button is-light is-danger is-rounded">Annuler</button>
            <button onclick="$('#submitFormRapport').click()" class="button is-info is-link is-rounded">Valider</button>
        </footer>
    </div>
</div>
