@extends('layouts.master_panel')

@section('title') Demande @stop

@section('CSS') 


<link rel="stylesheet" type="text/css" href="{{url('/')}}/js/datatables/dataTables.bootstrap4.min.css">

<link rel="stylesheet" href="{{url('/')}}/assets/vendor/datepicker/tempusdominus-bootstrap-4.css" />


@stop

@section('JS') 


<script src="{{url('/')}}/js/datatables/jquery.dataTables.min.js"></script>
<script src="{{url('/')}}/js/datatables/dataTables.bootstrap4.min.js"></script>

<script type="text/javascript" class="init">
  $(document).ready(function() {
    $("#example").dataTable({ "language": { "url": "{{ url('/') }}/js/datatables/lang/fr.json" },
      "order": [[ 0, "desc" ]]
    });
  });
  </script>



@stop


@section('content')


                  <!-- ============================================================== -->
                  <!-- pageheader  -->
                  <!-- ============================================================== -->
                  <div class="row">
                      <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                          <div class="page-header">
                            @if($_GET['type'] == 1)

                            <h3 class="mb-2">Demande d'attestation scolaire - طلب شهادة مدرسية</h3>

                            @endif

                            @if($_GET['type'] == 2)

                            <h3 class="mb-2">Demande de relevé de notes - طلب كشف النقط</h3>

                            @endif
                              
                          </div>
                      </div>
                  </div>
                  <!-- ============================================================== -->
                  <!-- end pageheader  -->
                  <!-- ============================================================== -->


<div class="row">


<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  <div class="card">
  <div class="card-body">



<div class="clearfix"></div>

@if(Session::has('error'))

<div class="alert alert-danger alert-dismissible fade show text-center" role="alert">
  <strong>{{ Session::get('error') }}</strong>
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>

@endif

@if(Session::has('success'))
<div class="alert alert-success alert-dismissible fade show text-center" role="alert">
  <h1 class="text-success"><i class="fa fa-info-circle"></i></h1>
    <strong>Votre demande a été envoyée avec succès.</strong>
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>
<style type="text/css">form { display: none; }</style>
@endif

<div class="clearfix"></div>


@if(isset($_GET['type']))

<form method="POST" action="{{ route('parent_demande_docs_store') }}" >

@csrf

<div class="row">

<div class="col-md-12 mb-3">
    <label>Document:</label>
    <select name="type_doc" class="selectpicker" data-width="100%" required="">
      @if($_GET['type'] == 1)
        <option value="1" selected="selected">Demande d'attestation scolaire - طلب شهادة مدرسية</option>
      @endif

      @if($_GET['type'] == 2)
        <option value="2" selected="selected">Demande de relevé de notes - طلب كشف النقط</option>
      @endif
    </select>
</div>


</div>

<div class="row">
<div class="col-md-12 mt-3">
    <button class="btn btn-primary btn-block" type="submit" > <i class="fa fa-check-circle"></i> Confirmer</button>
</div>
</div>

</form>

@endif     

    </div>
  </div>
</div>

                                     


</div><!-- END row -->
                




<div class="row">


<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12" id="Mes-demandes">
  <div class="card">
    <h5 class="card-header">Mes demandes</h5>
  <div class="card-body">