@extends('layouts.app')
@extends('layouts.alert')
@section('contenu')
<style>
    .title {
    background-color: bisque;
    color: red;
    font-size: medium;
    font-weight: bolder;
    /* margin-left: 80px; */
    font-weight: bolder;
    text-align: center;
}
</style>


    <div class="row">
        @if(session()->has('message'))
        <div class="alert alert-success">
        <button type="button" class="close" data-dismiss="alert">&times;</button>
        <strong></strong> {{ session()->get('message') }}.
    </div>
 
@endif
    <div class="text-md-right box-inner box-inner nav nav-pills nav-justified" id="sub-nav">
        <ul class="nav nav-pills">
            <li class="active">
                <a href="/rendezvousAccueil"><i class="glyphicon glyphicon-book"></i> Creation Rendez-Vous</a></li>
                <li>
                    <a href="/rendezvous/dejaCree/liste"><i class="glyphicon glyphicon-list-alt"></i> Liste Rendez-Vous</a></li>
                    <!--
                    <li>
                        <a href="#"><i class="glyphicon glyphicon-info-sign"></i> Details Rendez-Vous</a></li>
                          </ul>-->
    </div>
    <br>
    
    <br>
<div class="box col-md-12">
    <div class="box-inner">
    

      
    <div class="box-content">
        

  
       
    
<form role="form" id='form1' method="POST" action="{{ route('rdv.store') }}">
     
     @csrf
            <!--table contenant la liste des societes-->
         
           
            <table id="table" class="table table-striped table-bordered bootstrap-datatable datatable display responsive">
        <thead>
        <tr>
        <th></th>
        <th>Nom </th>
        <th>Adresse</th>
        <th>tel</th>
        <th>Categorie</th>
        
        
        <th class="text-center"style="width:25%">Action</th>
    </tr>
    </thead>

    <tbody>
    @foreach($value as $value)
    
   
    
<tr>

    <td class="center">
   <input type="radio" name="idets" value="{{ $value->id }}">
    </td>
    <td class="center">

        {{ $value->nom_ets ?? '' }}


    </td>
    <td>{{ $value->adresse ?? '' }}</td>
   
   

    <td class="center">
        {{ $value->tel ?? '' }} 
    </td>

    <th class="center">
        {{$value->categorie->code}}
    </th>
    
        <td>
        <div class="text-center">      
            <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#rdvA" value="{{$value->id}}">
                <i class="glyphicon glyphicon-calendar "></i> création Rendez-vous
            </button>
            
           
        </div>
        </td>
     </tr>
    @endforeach
    </tbody>
</table> 
<div class="form-group text-left">  
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#mySearch">Rechercher</button>
    </div>
<!--
<button type="submit" value="liste" class="btn btn-info" name="liste">
<i class="glyphicon glyphicon-align-justify"></i>
Liste des Rendez-vous </button>
        -->
</div> 
</div> 

   <!--Pour la creation d'un rendezvous-->
   <div class="modal fade" id="rdvA" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

   <div class="modal-dialog">
       <div class="modal-content">
           <div class="modal-header">
               <button type="button" class="close" data-dismiss="modal">×</button>
               <h3>Prendre un Rendezvous</h3>
           </div>
           <div class="modal-body">
            
            <div class="form-group">
                <label>Motif </label>
                <div class="nk-int-st">
               <select name="type" id="" class="form-control">
                <option value="paiement">Paiement</option>
                <option value="remise de facture">remise de facture</option>
                <option value="échéancier">échéancier</option>
               </select>
                  
                </div>
            </div>
            <div class="form-example-int">
                <div class="form-group">
                    <label>Date de Rendezvous</label>
                    <div class="nk-int-st">
                    <input type="date" id="ladate" name="daterdv" style="border-color:gold;border-width:1px;border-style:solid" onkeyup="keyUpHandler(this)" class="form-control input-sm" >
                
                    </div>
                </div>
                <div class="form-group">
                    <label>Heure rendez-Vous</label>
                    <div class="nk-int-st">
                   <input type='time' name="heureRdv" class="form-control" >
                    </div>
                </div>
                <div class="form-group">
                    <label>Commentaire sur le rendezvous</label>
                    <div class="nk-int-st">
                   <textarea id="observation" name="description" class="form-control" rows="5"cols="20">
                            </textarea>
                    </div>
                </div>
            </div>
</div>
           </div>
           <div class="modal-footer">
               <a href="#" class="btn btn-danger" data-dismiss="modal">Annuler</a>
               <button  name="validerR" type="submit" id="validerR" value="validerR" class="btn btn-success">Ajouter</button>
           </div>
       
       </div>
   </div>
</div>
</form>
 <!-- debut du modal de  recherche-->
 <div class="modal fade" id="mySearch" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
         aria-hidden="true">

        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">×</button>
                    <h3>Recherche</h3>
                </div>
                <div class="modal-body d-flex justify-content-center">
                    <p> <form role="form" method="POST" action="{{ route('filtreDansSociete') }}">
                        @csrf
                        <div class="form-group">
                            <label for="exampleInputPassword1" class="col-md-4 col-form-label text-md-right">Entreprise</label>
                            <div class="col-md-6">
                            <input type="text" name="nom_ets" id="nom_ets" class="form-control" /> 
                            </div>
                        </div>
                        <br><br><br>
                        <div class="form-group">
                            <label for="exampleInputPassword1" class="col-md-4 col-form-label text-md-right">Adresse</label>
                            <div class="col-md-6">
                            <input type="text" name="adresse" id="adresse" class="form-control" /> 
                            </div>
                        </div>
                        <br><br>
                        <div class="form-group">
                            <label for="exampleInputEmail1" class="col-md-4 col-form-label text-md-right">Categorie</label>
                            <div class="col-md-6">
                            <select name="categorie" class="form-control">
                                <option ></option>
                                @foreach($categorie as $grille)
                                <option value="{{ $grille->id }}">{{ $grille->activite }}</option>
                                @endforeach
                            </select>
                            </div>
                        </div>
                                              
                        <br><br>
                        <div class="form-group">
                            <label for="exampleInputPassword1" class="col-md-4 col-form-label text-md-right">Arrondissement</label>
                            <div class="col-md-6">
                                <select name="arrondissement" class="form-control">
                                    <option ></option>
                                    @foreach($arr as $arrondissement)
                                    <option value="{{ $arrondissement->id }}">{{  $arrondissement->libellea }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <br>
                   </p>
                </div>
                <div class="modal-footer">
                    <a href="#" class="btn btn-danger" data-dismiss="modal">Annuler</a>
                    <button type="submit" name="recherche" value="recherche" class="btn btn-success">Rechercher</button>
                </div>
            </form>
            </div>
        </div>
    </div>
    <!--fin du modal-->

    <!--/span-->
    </div>
    <!--
    <script>
    $filtreCat('#table').DataTable();
/*
$filtreCat('#form1').submit(function(e){
   e.preventDefault();
  
var dateD = $filtreCat('#dateD').val();
var dateF = $filtreCat('#dateF').val();

const startDate = new Date(dateD);
const endDate = new Date(dateF);
if (startDate.getTime() > endDate.getTime()) {
   swal.fire("Attention!", "Veuillez entrer une plage de date correcte, la date debut doit être inférieure à la date de fin ", "error");
       return;
}
$filtreCat(".btn-submit").prepend('<i class="fa fa-spinner fa-spin"></i>');
$filtreCat(".btn-submit").attr("disabled", 'disabled');
*/

$filtreCat.ajax({
    type:'GET',
    url: "{{ route('filter') }}",
    dataType: 'json',
    data: {
        dateD: dateD,
        dateF: dateF
    },
    success: function (jsonData) {
       
       
   if(jsonData!="-1"){
           $filtreCat('#table').DataTable().destroy(); 

       $filtreCat('#table').DataTable({ 
           data: jsonData, 
           columns: [
           {data: 'arrond'},
           {data: 'categ'},
           {data: 'recouvre'},
           {data: null, 
           render: function (data, type, row) {
           return row['total_recouvrement'] - row['recouvre'];}},
           {data: 'nombre_soc_factures'},
           {data: null, 
           render: function (data, type, row) {
           return row['nombre_societes'] - row['nombre_soc_factures'];}},
           {data: 'nombre_societes'},
           {data: 'total_recouvrement'}
           ]
       });
       $(".btn-submit").find(".fa-spinner").remove();
       $(".btn-submit").removeAttr("disabled");
   }
       
       else{
           $(".btn-submit").find(".fa-spinner").remove();
           $(".btn-submit").removeAttr("disabled");
           swal.fire("Attention!", "Veuillez entrer une plage de date correcte ", "error");
       }

    },
    error: function (xhr, status, error) {
       $(".btn-submit").find(".fa-spinner").remove();
       $(".btn-submit").removeAttr("disabled");
        console.log(xhr.responseText);
    }
});



</script> -->
@endsection

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
function cocherTout(etat)
{
var cases = document.getElementsByTagName('input');   // on recupere tous les INPUT
for(var i=1; i<cases.length; i++)     // on les parcourt
if(cases[i].type == 'checkbox')     // si on a une checkbox...
{cases[i].checked = etat;
}
             // ... on la coche ou non
}
function keyUpHandler(obj){
  document.getElementById("conversion").firstChild.nodeValue	=	NumberToLetter(obj.value);

  $('#lettre').val(NumberToLetter(obj.value));
}
$(document).ready(function(){
    if($("input:radio[name=idets]").is(":checked")) {
       
//alert('jodel');
      //its checked
  }
  $("input:radio[name=id]").click(function() {
    var url = $('#form1').attr('action');
    $.ajax({
      headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      url : "/recherche",
      data : {'action' : 'rechercherdv',
      'valeur':$(this).val(),
     
        },
      type : 'POST',
      dataType : 'json',
      success : function(result){
        $("#ladate").val(result.daterdv);
        $("#observation").val(result.descrip);
        $(`#type option[value='${result.type}']`).prop('selected', true);
       // $("input:radio[name=observation]").val(result.type);
       // alert(result.daterdv);

          console.log("===== " + result.daterdv + " =====");

      }
  });
  });
 
 
})

</script>