@extends('layouts.app')

@section('css_after')
    <link rel="stylesheet" href="{{ asset('js/plugins/flatpickr/flatpickr.min.css') }}">
@endsection

@section('js_after')
    <script src="{{ asset('js/plugins/flatpickr/flatpickr.min.js') }} "></script>
    <script src="{{ asset('js/plugins/flatpickr/l10n/fr.js') }} "></script>
    <script src="{{ asset('js/pages/reports/index.js') }}"></script>
    <script src="{{ asset('js/validation/report.js') }}"></script>

@endsection

@section('content')
    <!-- Page Content -->
    <div class="content">
        <!-- Dynamic Table with Export Buttons -->
        <div class="block block-rounded">
            <div class="block-header block-header-default">
                <h3 class="block-title">
                    Générer rapport
                </h3>
            </div>
            <div class="block-content block-content-full">
                <form action=" {{route('reports.generate') }}" method="POST" class="js-validation-report" id="reports_generate">
                    @csrf
                    <div class="mb-4">
                        <label class="form-label required" for="date_range">Choisissez la date du rapport</label>
                        <input type="text" class="js-flatpickr form-control" id="date_range"
                            value="" name="date_range" placeholder="Choissez la date de rapport"
                            data-mode="range" data-date-format="d-m-Y">
                        @if ($errors->has('date_range'))
                            <div class="invalid-feedback">{{ $errors->first('date_range') }}</div>
                        @endif
                    </div>
                    <div class="mb-4">
                        <label class="form-label required" for="email">Destinataire</label>
                        <input type="text"
                               class="form-control @if ($errors->has('email')) is-invalid @endif"
                               value="" id="email" name="email"
                               placeholder="Veuillez entrer l'email du destinataire">
                        @if ($errors->has('email'))
                            <div class="invalid-feedback">{{ $errors->first('email') }}</div>
                        @endif
                    </div>
                    <button type="submit" class="btn btn-alt-primary" id="generateBtn">
                        Générer
                    </button>
            </div>
        </div>
        <!-- END Dynamic Table with Export Buttons -->
    </div>
    <!-- END Page Content -->
@endsection