@extends('backend/include/layout')
<!-- title -->

@section('title')
Export Excel || {{env("APP_NAME")}}
@endsection

@section('fil-arial') <link href = "https://cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css" rel = "stylesheet"> <div class="pagetitle">
    <h1 style="margin-bottom: 3rem;">Export de liste en Excel</h1>
    <nav>
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="{{route('inscription')}}">Accueil</a>
            </li>
            <li class="breadcrumb-item active">Export</li>
            <li class="breadcrumb-item active">Excel</li>
        </ol>
    </nav>
</div>
@endsection

@section('contenu')
<!-- home 4grids block -->

<div class="card">
    <div class="card-body">
      <h5 class="card-title">Exporter en Excel</h5>
    <!--   <p>Exportation de la liste des inscrits par <code>pays</code> ou par <code>district</code></p> -->

      <!-- Browser Default Validation -->
      <form method="post" action="{{route('exportlisteinscrit.excel')}}" class="row my-4 g-3">
        @csrf
        <div class="col-md-3">
          <label for="validationDefault02" class="form-label">Rubrique de paiement <i class="text-danger">*</i></label>
          <select class="form-select js-select" id="validationCustom04" name="typerubriques" required>
            <option selected disabled value="">Choisir ...</option>
            @foreach ($typerubriques as $item)
            <option value="{{$item->code}}">{{$item->libelle}}</option>
            @endforeach
          </select>
        </div>
        <div class="col-md-3">
          <label for="validationDefault02" class="form-label">Statut de paiement<i class="text-danger">*</i></label>
          <select class="form-select js-select" id="validationCustom04" name="statutpaiements" required>
            <option selected disabled value="">Choisir ...</option>
            @foreach ($statutpaiements as $item)
            <option value="{{$item->id}}">{{$item->libelle}}</option>
            @endforeach
          </select>
        </div>
        <div class="col-md-3">
          <label for="validationDefault01" class="form-label">District</label>
          <select class="form-select js-select" id="validationCustom04" name="district">
            <option selected  value="">Choisir ...</option>
            <option value="District 403 A1">District 403 A1</option>
            <option value="District 403 A2">District 403 A2</option>
            <option value="District 403 A3">District 403 A3</option>
            <option value="District 403 A4">District 403 A4</option>
            <option value="District 403 B1">District 403 B1</option>
          </select>
        </div>
        <div class="col-md-3">
          <label for="validationDefault02" class="form-label">Pays</label>
          <select class="form-select js-select" id="validationCustom04" name="pays">
            <option selected  value="">Choisir ...</option>
            @foreach ($pays as $item)
            <option value="{{$item->code_iso}}">{{$item->nom_pays}}</option>
            @endforeach
          </select>
        </div>
        <div class="col-12 mt-4">
            <button class="btn btn-danger" type="reset">Annuler</button>
          <button class="btn btn-primary" type="submit">Exporter</button>
        </div>
      </form>
      <!-- End Browser Default Validation -->

    </div>
  </div>

</section>
<!-- home 4grids block -->
@endsection
@section('script-js')
<!-- select2 -->
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
 <!-- end select2 -->
 <script>
    $('.js-select').select2();
</script>
@endsection