@extends('layouts.master')
@section('content')
  <h3>Liste des trajets</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">Ajouter un nouveau trajet </button></a>
            <div class="body">
             @if(Session::has('message'))       
        <p class="alert alert-success" align="center"> {{Session::get('message')}}</p>
            @endif
             @if(Session::has('message_error'))       
        <p class="alert alert-danger" align="center"> {{Session::get('message_error')}}</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>Trajet</th>
      <th>Type de mission</th>
      <th>Status</th>
      <th>Action</th>
    </tr>   
    </thead>
 @foreach($trajets as $key=>$tr)     
<tr>
   <td>{{++$key}}</td>
   <td>{{$tr->trajet}}</td>
   <td>{{$tr->nom_type_m}}</td>
   <td>
    @if($tr->status_trajet==0)
    Inactif
    @else
    Actif
    @endif
    </td>
    <td> 
        <div class="btn-group">
        <a href='' class="btn btn-sm btn-info edit-brand" data-toggle="modal" data-target="#ModalEdit{{$tr->id_trajet}}"><span style="display:none;"></span><i class="zmdi zmdi-edit"></i></a> 
        <a onclick="return confirm('Etes-vous sure de supprimer ?')" href='/delete_trajet/{{$tr->id_trajet}}' class="btn btn-sm btn-danger delete-brand"><i class="zmdi zmdi-delete"></i></a>
        @if($tr->status_trajet==0)
        <a href='' class="btn btn-sm btn-primary" data-toggle="modal" data-target="#ModalActiv{{$tr->id_trajet}}">Activer</a>
        @else
        <a href='' class="btn btn-sm btn-secondary" data-toggle="modal" data-target="#ModalDesactiv{{$tr->id_trajet}}">Desactiver</a>
        @endif
        </div>
    </td> 
</tr>  
<!-- modal edit -->
<div class="modal fade" id="ModalEdit{{$tr->id_trajet}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Modifier le trajet</h4>
            </div>
        <form id="form_validation" method="POST" action="/edit_trajet/{{$tr->id_trajet}}">
            <div class="modal-body"> 
                    {{ csrf_field() }}
                    <div class="form-group form-float">
                        <label>Trajet</label>
                        <input type="text" name="trajet" value="{{$tr->trajet}}" placeholder="Trajet ici" class="form-control" required>
                    </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>
<!-- End modal edit -->
<!-- modal aciver-desactiver -->
<div class="modal fade" id="ModalActiv{{$tr->id_trajet}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Activer le trajet</h4>
            </div>
        <form id="form_validation" method="POST" action="/activer_trajet/{{$tr->id_trajet}}">
            <div class="modal-body"> 
                    {{ csrf_field() }}
                    <p>Voulez-vous activer ce trajet ?</p>
             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary btn-round waves-effect">OUI</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">NON</button>
            </div>
        </form>
        </div>
    </div>
</div>
<div class="modal fade" id="ModalDesactiv{{$tr->id_trajet}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Desactiver le trajet</h4>
            </div>
        <form id="form_validation" method="POST" action="/desactiver_trajet/{{$tr->id_trajet}}">
            <div class="modal-body"> 
                    {{ csrf_field() }}
                    <p>Voulez-vous desactiver ce trajet ?</p>
             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary btn-round waves-effect">OUI</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">NON</button>
            </div>
        </form>
        </div>
    </div>
</div>
<!-- End modal  aciver-desactiver -->

@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">Ajouter un trajet international</h4>
            </div>
        <form id="form_validation" method="POST" action="/save_trajet">
            <div class="modal-body"> 
                    {{ csrf_field() }}
                    <div class="form-group form-float">
                        <label>Trajet</label>
                        <input type="text" name="trajet" placeholder="Ajouter un trajet 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