@extends('layouts.master')
 @section('content')
  <h3>Déduction ou Pas</h3>
<div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
            <a href="#"> <button class="btn btn-info"  data-toggle="modal" data-target="#ModalAjout">Créer une opération </button></a>
            <div class="body">
             @if(Session::has('message'))       
        <p class="alert alert-success" align="center"> {{Session::get('message')}}</p>
             @endif
            <div class="table-responsive">
    <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
    <thead style="background-color: #5bc0de ">
        <tr>
     <th width="10px">No</th>
      <th>Code operation</th>
      <th>operation</th>     
      <th>Description</th>
       <th>Etat</th>
      <th>Action</th>
        </tr>   
        </thead>
     @foreach($operation as $key=>$p)     
    <tr>
       
       <td>{{++$key}}</td>
       <td>{{$p->code_operation}}</td>
       <td>{{$p->nom_operation}}</td>       
       <td>{{$p->description_operation}}</td>
        <td>@if($p->status_operation == 1) actif @else inactif @endif</td>
        <td> 
             <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#ModalEdit{{$p->id_operation}}"> Edit </a>
             <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#ModalDelete{{$p->id_operation}}"> Delete </a>
        </td> 
    </tr> 

<div class="modal fade" id="ModalEdit{{$p->id_operation}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Edit opération</h4>
            </div>
        <form id="form_validation" method="POST" action="/edit_operation/{{$p->id_operation}}">
            <div class="modal-body"> 
 
                    {{ csrf_field() }}
                    <div class="form-group form-float">
                        <label>Nom Opération</label>
                        <input type="text" value="{{$p->nom_operation}}" name="operation" placeholder="Operation ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">
                        <label>Code Opération</label>
                        <input type="text" value="{{$p->code_operation}}" name="codeoperation" placeholder="Code Opération ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">
                        <label>Description</label>
                        <input type="text" value="{{$p->description_operation}}" name="description" placeholder="Description ici" class="form-control" required>
                    </div>
             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-default btn-round waves-effect">Edit</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">Fermer</button>
            </div>
        </form>
        </div>
    </div>
</div>





<div class="modal fade" id="ModalDelete{{$p->id_operation}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Suppression</h4>
            </div>
        <form id="form_validation" method="POST" action="/delete_operation/{{$p->id_operation}}">
            <div class="modal-body"> 
                <p>Voullez vous supprimer l'Opération?</p>
 
                    {{ csrf_field() }}
                    
             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-default btn-round waves-effect">Delete</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">Fermer</button>
            </div>
        </form>
        </div>
    </div>
</div>


      @endforeach                                            
    </table>
     </div>
     </div>
     </div>
     </div>
    </div>
       
<!-- Modal ajout -->
<div class="modal fade" id="ModalAjout" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Créer le nouveau opération</h4>
            </div>
        <form id="form_validation" method="POST" action="/save_operation">
            <div class="modal-body"> 
 
                    {{ csrf_field() }}
                    <div class="form-group form-float">
                        <label>Opération</label>
                        <input type="text" name="operation" placeholder="Opération ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">
                        <label>Code Opération</label>
                        <input type="text" name="codeoperation" placeholder="Code Operation ici" class="form-control" required>
                    </div>

                   

                    <div class="form-group form-float">
                        <label>Description</label>
                        <input type="text" name="description" placeholder="Description ici" class="form-control" required>
                    </div>
             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-default 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>
          
@endsection
 @section('page-script')



@stop