@extends('layouts.master')
@section('content')
<div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
            <h4>Liste des missions internationales</h4>
            <hr>
            <ul class="nav nav-tabs pl-0 pr-0">
                <li class="nav-item"><a class="nav-link" href="/mission_locales">Missions Locales</a></li>
                <li class="nav-item"><a class="nav-link active" href="/mission_internationales">Missions internationales</a></li>
            </ul>
            <hr>
            @if(Session::has('message'))
                     <div class="alert alert-success">
                    <strong>{{Session::get('message')}}</strong>
                     </div>
                @endif
                @if(Session::has('message_error'))       
        <p class="alert alert-danger" align="center"> {{Session::get('message_error')}}</p>
            @endif
                    <div class="row clearfix">
                       
                        <div class="header">
                        @if(Auth()->user()->roles()->whereIn('role_id', [1,2,12])->exists())
                        <a href="#"> <button class="btn btn-info"  data-toggle="modal" data-target="#ModalAjout">Ajouter un voyage international </button></a>
                        @endif
                        </div>
                        <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>Reference</th>
                              <th>Trajet</th>
                              <th>Entreprise</th>
                              <th>Produit</th>
                              <th>Date debut</th>
                              <th>date fin</th>
                              <th>Veh affectés</th>
                              <th>Description charroi</th>
                              <th>Description Générale</th>
                              <th>Commentaire Annulation</th>
                              <th>Action</th>
                            </tr>   
                            </thead>
                         @foreach($voyages as $key=>$voy)     
                        <tr>
                           <td>{{++$key}}</td>
                           <td>
                        @if($voy->status_annule==0)
                          @if(Auth()->user()->roles()->whereIn('role_id', [1,2,12,29,41])->exists())
                          <a href="/detail_voyages/{{$voy->id_voyage}}" title="voir details"><span class="badge badge-success">{{$voy->reference_voy}}</span><i class="zmdi zmdi-hc-fw"></i></a>
                          @else
                          <a href="/rap_devis/{{$voy->id_voyage}}" target="blank"><span class="badge badge-danger">{{$voy->reference_voy}}</span></a>
                          @endif
                        @else
                        <a><span class="badge badge-danger">{{$voy->reference_voy}}</span></a>
                        
                        @endif

                           </td>
                           <td>{{$voy->trajet}}</td>
                           <td>{{$voy->nom_entreprise}} - {{$voy->siege_social}}</td>
                           <td><span class="badge badge-primary">{{$voy->nom_produit}}</span></td>
                           <td>{{$voy->date_depart}}</td>
                           <td>{{$voy->date_fin_mission}}</td>
                           <td>{{$voy->nbre_veh_reel}}</td>
                           <td>{{$voy->description_charroi}}</td>
                           <td>{{$voy->description_general}}</td>
                           <td>{{$voy->comment_annule}}</td>
                          <td>
                        @if($voy->status_annule==0) 
                          @if($voy->stat_ended==0)
                          @if(Auth()->user()->roles()->whereIn('role_id', [1, 12])->exists())
                          <a href="" class="btn btn-primary" data-toggle="modal" data-target="#ModalBlockVoy{{$voy->id_voyage}}">Block</a>
                          <a href="" class="btn btn-danger" data-toggle="modal" data-target="#ModalAnnulerVoy{{$voy->id_voyage}}">Annuler</a>
                          <a href="/edit_voyage/{{$voy->id_voyage}}" class="btn btn-secondary">Edit</a>
                          @else
                          <span class="badge badge-success">En cours...</span>
                          @endif
                          @else
                          <span class="btn btn-danger">Blocked</span>
                          <a href="" class="btn btn-secondary" data-toggle="modal" data-target="#ModaldeblockVoy{{$voy->id_voyage}}">Unlock</a>
                          @endif
                        @else
                        <span class="btn btn-danger">Annulé</span>
                        @endif
                            </td> 
                        </tr>  

                        <div class="modal fade" id="ModalBlockVoy{{$voy->id_voyage}}" tabindex="-1" role="dialog">
                            <div class="modal-dialog modal-lg" role="document">
                                <div class="modal-content">
                                <form id="form_validation" method="POST" action="/block_voyage/{{$voy->id_voyage}}">
                                    <div class="modal-body"> 
                                            {{ csrf_field() }}
                                        <p>Voulez-vous mettre fin ce voyage ?</p>
                                           
                                     </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">NON</button>
                                        <button type="submit" class="btn btn-default btn-round waves-effect">OUI</button>
                                    </div>
                                </form>
                                </div>
                            </div>
                        </div> 

                        <div class="modal fade" id="ModaldeblockVoy{{$voy->id_voyage}}" tabindex="-1" role="dialog">
                            <div class="modal-dialog modal-lg" role="document">
                                <div class="modal-content">
                                <form id="form_validation" method="POST" action="/deblock_voyage/{{$voy->id_voyage}}">
                                    <div class="modal-body"> 
                                            {{ csrf_field() }}
                                        <p>Voulez-vous debloquer ce voyage ?</p>
                                           
                                     </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">NON</button>
                                        <button type="submit" class="btn btn-primary btn-round waves-effect">OUI</button>
                                    </div>
                                </form>
                                </div>
                            </div>
                        </div>

                        <div class="modal fade" id="ModalAnnulerVoy{{$voy->id_voyage}}" tabindex="-1" role="dialog">
                            <div class="modal-dialog modal-lg" role="document">
                                <div class="modal-content">
                                <form id="form_validation" method="POST" action="/annuler_voyage/{{$voy->id_voyage}}">
                                    <div class="modal-body"> 
                                            {{ csrf_field() }}
                                        <p>Voulez-vous Annuler ce voyage ?</p>
                                          <div>
                                              <label>Commentaire</label>
                                              <input type="text" name="comment_annule" class="form-control" required>
                                          </div> 
                                     </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">NON</button>
                                        <button type="submit" class="btn btn-primary btn-round waves-effect">OUI</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 modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Ajouter un voyage international</h4>
            </div>
            @if(Session::has('message_error'))       
        <p class="alert alert-danger" align="center"> {{Session::get('message_error')}}</p>
            @endif
        <form id="form_validation" method="POST" action="/save_voyage">
            <div class="modal-body"> 
                    {{ csrf_field() }}
                    <div class="row">
                    <div class="col-md-12">
                    <div class="form-group form-float">
                        <label>Trajet</label>
                        <select class="form-control show-tick ms select2" name="trajet"data-placeholder="Selectionner le trajet">
                        <option></option>
                            @foreach($trajets as $tr)
                            <option value="{{$tr->id_trajet}}">{{$tr->trajet}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group form-float">
                        <label>Company</label>
                         <select name="entreprise" class="form-control show-tick ms select2" required data-placeholder="Selectionner l'entreprise">
                        <option></option>
                            @foreach ($entreprises as $key => $entr)
                              <option value="{{$entr->id_entreprise}}" > {{$entr->nom_entreprise}} - {{$entr->siege_social}} </option>
                            @endforeach
                    </select>
                    </div>
                    <div class="form-group form-float">
                        <label>Produit</label>
                         <select name="produit" class="form-control show-tick ms select2" required data-placeholder="Selectionner le produit">
                        <option></option>
                            @foreach ($produits as $key => $pro)
                              <option value="{{$pro->id_produit}}" > {{$pro->nom_produit}} </option>
                            @endforeach
                    </select>
                    </div>
                    <div class="form-group form-float">
                        <label>Date depart</label>
                        <input type="date" name="date_depart" placeholder="" class="form-control" required min="2026-07-27">
                    </div>
                    <div class="form-group form-float">
                        <label>Date fin mission</label>
                        <input type="date" name="date_fin_mission" placeholder="" class="form-control" required min="2026-07-27">
                    </div>
                   <div class="form-group form-float">
                        <label>Description au charroi</label>
                        <input name="description_charroi" placeholder="decription au charroi ici" class="form-control" required>
                    </div>
                    <div class="form-group form-float">
                        <label>Description Générale</label>
                        <input name="description_general" placeholder="decription Générale ici" class="form-control">
                    </div>
                </div>
                <div class="col-md-6">
                     <!-- <div class="form-group form-float">
                        <label>Nbre Veh souhaité</label>
                        <input type="number" name="nbre_veh_souhaite" min="0" value="0" class="form-control" required>
                    </div>
                    <div class="form-group form-float">
                        <label>Nbre Pulling</label>
                        <input type="number" name="nbre_veh_pulling" min="0" value="0" class="form-control" required>
                    </div>
                    <div class="form-group form-float">
                        <label>Nbre Semi</label>
                        <input type="number" name="nbre_veh_semi" min="0" value="0" class="form-control" required>
                    </div> -->
                    <!-- <div class="form-group form-float">
                        <label>Description au charroi</label>
                        <textarea name="description_charroi" placeholder="" class="form-control" required></textarea>
                    </div> -->
                    <!-- <div class="form-group form-float">
                        <label>Description Géneral</label>
                        <textarea name="description_general" placeholder="" class="form-control"></textarea>
                    </div> -->
                   
                </div>
            </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>
@stop
@section('page-script')

@stop