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

@section('title')
Export PDF | 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 PDF ou 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">PDF | Excel</li>
        </ol>
    </nav>
</div>
@endsection

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

<div class="card">
    <div class="card-body">
      <h5 class="card-title">Exporter en PDF ou 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('export.pdfregion')}}" class="row my-4 g-3">
        @csrf
        <div class="col-md-12">
          <label for="validationDefault01" class="form-label">Région <i class="text-danger">*</i></label>
          <select class="form-select js-select" id="validationCustom04" name="region" required>
            <option selected value="">Sélectionnez une région</option>
            @foreach($regions as $item)
            <option value="{{$item->id}}">{{$item->libelle}}</option>
            @endforeach
          </select>
        </div>
        <legend class="col-form-label col-md-2 pt-0 mt-4"><b>Exporter en</b> ----></legend>
          <div class="col-md-10 mb-3 mt-4">
            <div class="form-check mb-3">
              <input class="form-check-input" type="radio" name="type_exportation" id="gridRadios1" value="pdf" checked>
              <label class="form-check-label" for="gridRadios1">
                PDF
              </label>
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <input class="form-check-input" type="radio" name="type_exportation" id="gridRadios2" value="excel">
              <label class="form-check-label" for="gridRadios2">
                Excel
              </label>
            </div>
          </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