@extends('layouts.master')
@section('title', 'Cotation')
@section('parentPageTitle', 'Tables')
@section('page-style')
<link rel="stylesheet" href="{{asset('assets/plugins/jquery-datatable/dataTables.bootstrap4.min.css')}}"/>
  
@stop
@section('content')
 <h5>Toutes les cotations</h5>
<!-- Modal Size Example -->
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <div class="card">
      
            <div class="body">
                <!-- <p>Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.</p> -->
                <button type="button" class="btn btn-success waves-effect m-r-20" data-toggle="modal" data-target="#addCotation">Ajouter une nouvelle cotation</button>
              
            </div>
        </div>
    </div>
</div>

    @if (session()->has('success'))
    <div class="alert alert-success">
      <center> <h5 style="color:black;"> {{ session()->get('success') }}</h5></center>
    </div>
@elseif (session()->has('error'))
    <div class="alert alert-danger">
       <h5 class="text-center" style="color:white;"> {{ session()->get('error') }}</h5>
    </div>

@endif 
           @if ($errors->any())
      <div class="alert alert-danger">
        <ul>
          @foreach($errors->all() as $message)
          <li class="text-black">{{ $message }}</li>
          @endforeach
        </ul>
      </div>
    @endif
<!-- Default Size -->
<div class="modal fade" id="addCotation" tabindex="-1" cotation="dialog">
    <div class="modal-dialog" cotation="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Ajouter une nouvelle cotation</h4>
            </div>
            <div class="modal-body"> 
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
      
            <div class="body">
                <form method="POST" action="{{url('add_cotation')}}">
                    @csrf
                    <label for="email_address">Nom du cotation</label>
                    <div class="form-group">                                
                        <input type="text" id="email_address" class="form-control" placeholder="Entrer  le nom" name="nom_cotation" required>
                    </div>  
                      <div class="form-group">     
                           <label for="email_address">Note debut</label>                           
                        <input type="number" id="email_address" class="form-control" placeholder="Entrer  la note" name="note_debut"  required>
                    </div>
                      <div class="form-group">     
                           <label for="email_address">Note fin</label>                           
                        <input type="number" id="email_address" class="form-control" placeholder="Entrer  la note" name="note_fin"  required>
                    </div>
                     <div class="form-group">     
                           <label for="email_address">Note equivalente</label>                           
                        <input type="number" id="email_address" class="form-control" placeholder="Entrer  la note" name="note_equivalente"  required>
                    </div>    
                         <label for="email_address">Description de la note</label>
                     <div class="form-group">                                
                          <input type="text" id="email_address" class="form-control" placeholder="Entrer  la description_note" name="description_note"  required>
                    </div>
                 
    
    </div>
</div>

    </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary btn-round waves-effect">ENREGISTRER</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">FERMER</button>
            </div>
            </form>
        </div>
    </div>
</div>
</div>

 

<!-- Exportable Table -->
<div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
  
            <div class="body">
                <div class="table-responsive">
                        <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
                        <thead class="bg-secondary">
                            <tr>
                                <th>No</th>
                                <th>Nom cotation</th>
                             <th>Note debut</th>
                             <th>Note fin</th>
                             <th>Note equivalente</th>      
                           <th>Description Note</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                   
                        <tbody>
                             @php $index=1; @endphp
                                @foreach($cotations as $i)
                            <tr>
                                <td>{{$index++}} </td>
                                    <td>{{$i->nom_cotation}} </td>
                                    <td>{{$i->note_debut}} </td>
                                      <td>{{$i->note_fin}} </td>
                                        <td>{{$i->note_equivalente}} </td>
                                   <td>{{$i->description_note}} </td>
                                    
                                    <td> <a  class="btn btn-primary" title="Editer" data-toggle="modal" data-target="#defaultModal{{$i->id_cotation}}"><i class="zmdi zmdi-edit" >Modifier</i></a>  

<!-- Default Size -->
<div class="modal fade" id="defaultModal{{$i->id_cotation}}" tabindex="-1" cotation="dialog">
    <div class="modal-dialog" cotation="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Editer la cotation {{$i->nom_cotation}}</h4>
            </div>
            <div class="modal-body"> 
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
 
        <div class="card1">
        
            <div class="body">
                <form method="POST" action="{{url('edit_cotation',$i->id_cotation)}}">
                   @csrf
                  @method('PATCH')
                    <label for="email_address">Nom du cotation</label>
                    <div class="form-group">                                
                        <input type="text" id="email_address" class="form-control" placeholder="Entrer le nom" name="nom_cotation" required value="{{$i->nom_cotation}}">
                    </div>
                       <div class="form-group">     
                           <label for="email_address">Note debut</label>                           
                        <input type="number" id="email_address" class="form-control" placeholder="Entrer  la note" name="note_debut"  required value="{{$i->note_debut}}">
                    </div>
                      <div class="form-group">     
                           <label for="email_address">Note fin</label>                           
                        <input type="number" id="email_address" class="form-control" placeholder="Entrer  la note" name="note_fin"  required value="{{$i->note_fin}}">
                    </div>
                     <div class="form-group">     
                           <label for="email_address">Note</label>                           
                        <input type="number" id="email_address" class="form-control" placeholder="Entrer  la note" name="note_equivalente"  required value="{{$i->note_equivalente}}">
                    </div>    
                         <label for="email_address">Description de la note</label>
                     <div class="form-group">                                
                 <input type="text" id="email_address" class="form-control" placeholder="Entrer  la description_note" name="description_note"  required  value="{{$i->description_note}}">
                    </div>
                                
            </div> 
        </div>
    </div>
</div>

    </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary btn-round waves-effect">MODIFIER</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">FERMER</button>
            </div>
            </form>
        </div>
    </div>
</div> 

                     </td>                               
                            </tr>
                            
                          @endforeach
                                              
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- ----------------- -->


    <script>
    @if(session('success'))
        Swal.fire({
            icon: 'success',
            title: 'Succès',
            text: '{{ session('success') }}',
            timer: 2000,
            showConfirmButton: false
        });
    @endif
</script>
 

@stop
@section('page-script')
@stop