@extends('layouts.master_panel')

@section('title') Demande de renseignements @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" />


<link rel="stylesheet" href="{{url('/')}}/assets/vendor/summernote/css/summernote-bs4.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>


<script src="{{url('/')}}/assets/vendor/datepicker/moment.js"></script>
<script src="{{url('/')}}/assets/vendor/datepicker/tempusdominus-bootstrap-4.js"></script>
<script src="{{url('/')}}/assets/vendor/datepicker/datepicker.js"></script>

<script src="{{url('/')}}/assets/vendor/datepicker/fr.js"></script>

<script type="text/javascript">
    $(function () {
        $('#datetimepickerdate').datetimepicker({
          format: 'DD/M/YYYY',
          locale: 'fr'
      });
    });

</script>



<script type="text/javascript">
$(document).ready(function () { 


    $('#classID').on('change',function(e){

        var class_id = e.target.value;

        $.ajax({
          type: "GET",
          url: "{{ url('/') }}/ajax_students_class?class_id="+class_id,
          success: function(data) {  

            var subcat =  $('#UserID').empty();

            $.each(data, function(key, val) { 
              subcat.append('<option value ="'+val.id+'">'+val.last_name+' '+val.first_name+'</option>');
            });

            $('.selectpicker').selectpicker('refresh');

          }

        });

    
    });





});
</script>


<script type="text/javascript">
var maxchars = 300;
$('body').on('keyup paste', 'textarea', function () {
    $(this).val($(this).val().substring(0, maxchars));
    var tlength = $(this).val().length;
});
</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">
                              <h3 class="mb-2">Demande de renseignements</h3>
                           
                              <div class="page-breadcrumb">
                                  <nav aria-label="breadcrumb">
                                      <ol class="breadcrumb">
                                          <li class="breadcrumb-item active" aria-current="page">Demande de renseignements </li>
                                      </ol>
                                  </nav>
                              </div>
                          </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">


@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">
    <h2 class="text-success"><i class="fa fa-info-circle"></i></h2>
    <strong>Merci, nous allons vous contacter  une fois votre demande est traitée sur le numéro {{ Session::get('phone') }}</strong>
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
@endif

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





<form method="POST" action="{{ URL::route('agent_renseignement_store') }}" id="myForm">

{{ csrf_field() }}

<div class="row">



  <div class="col-md-6 mb-3">
      <label>Classes:</label>
      <select name="class_id" id="classID" class="selectpicker" data-width="100%" >   
      <option value="">Choisir</option>
        @foreach($classes as $classe)
          <option value="{{ $classe->id }}">{{ $classe->name }}</option>
        @endforeach
      </select>

  </div>

  <div class="col-md-6 mb-3">
      <label>Elève:</label>
      <select name="student_id" id="UserID" class="selectpicker" data-width="100%" title="Choisir">   
      </select>
  </div>



    <div class="col-md-12 mb-3">
        <label>Sujet: <span class="text-danger">*</span></label>
        <select name="sujet" class="selectpicker" data-width="100%" required="required" title="Choisir">   
          @foreach($reclamation_services as $reclamation_service)
            <option value="{{ html_entity_decode($reclamation_service->name) }}">{{ html_entity_decode($reclamation_service->name) }}</option>
          @endforeach
        </select>
      </div>

    <div class="col-md-12 mb-3">
        <label>Formulation: <span class="text-danger">*</span></label>
        <textarea name="details" class="form-control" rows="7" required="required" >{{ old('details') }}</textarea>
        <p style="color: #666">*nombre de caractère 300 à ne pas dépasser </p>
      </div>




  <div class="col-md-6 mb-2">
        <label>Votre nom et prénom: <span class="text-danger">*</span></label>
        <div class="form-group">
          <div class="input-group">

          <input name="fullname" type="text" value="{{ old('fullname') }}" class="form-control" required="required" />
          
            <div class="input-group-append">
            <div class="input-group-text"><i class="fa fa-user"></i></div>
            </div>
          </div>
        </div>
      </div>

      <div class="col-md-6 mb-2">
        <label>Téléphone pour vous contacter: <span class="text-danger">*</span></label>
        <div class="form-group">
          <div class="input-group">

          <input name="phone" type="text" value="{{ old('phone') }}" class="form-control" required="required" />
          
            <div class="input-group-append">
            <div class="input-group-text"><i class="fa fa-phone"></i></div>
            </div>
          </div>
        </div>
      </div>



    

  <div class="col-md-12 mt-3">
      <button class="btn btn-success btn-block" type="submit">Valider</button>
  </div>

</div>

</form>




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

                                     


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

@stop