@extends('layouts.master')
@section('content')
<div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
            <div class="header">
                 <h1><strong>Tous vehicules reliés </strong> </h1>
                 <div>
                 <a href="/vehicules" class="btn btn-primary"> Tous Vehicules </a>
                 <a href="/vehiculess" class="btn btn-primary"> Tous Vehicules reliés  </a>
                 <a class="btn btn-primary" data-toggle="modal" data-target="#modalrelier"> Relier deux vehicules </a>
                 
                 
             </div>
             <br><br>
             <div class="col-md-6">
                    <form method="POST" action="/vehiculess" class="form-wrapper">
                        @csrf
                        <input type="text" placeholder="Taper la plaque ici..." name="plate" style="padding:2%;width:30%;display:inline-block; vertical-align: right; margin:auto;font-size:80%;margin-left: 100px">
                        <input type="submit" value="Rechercher" id="submit" style="padding:1%;width:15%;background-color: green">
                    </form>
                 </div>
                <ul class="header-dropdown">
                    <li><a href="/add_vehicule" class="btn btn-primary"> Ajouter un vehicule </a> 
                    </li>
                   
                </ul>
            </div>

            @if(Auth::user()->role_id==1)
             <div>
                <h4>Afficher par charroi</h4>
                 @foreach($charrois as $ch) 
                 <a href="/vehiculess_charroi/{{$ch->id_charroi}}" class="btn btn-secondary"> {{$ch->name}} </a>
                 @endforeach
             </div>
             @endif
            <div class="body">
            @if(Session::has('message'))
                     <div class="alert alert-success">
                    <strong>{{Session::get('message')}}</strong>
                     </div>
                @endif
            @if(Session::has('message_error'))
                    <div class="alert alert-danger">
                    <strong>{{Session::get('message_error')}}</strong>
                    </div>
                @endif
        <div class="table-responsive">
        <table class="table table-bordered">
        <thead style="background-color: #5bc0de ">
        <tr>
            <th>No</th>
            <th>PLATE</th>
            <td>Chauffeur</td>
            <td>Aide Chauffeur</td>
            <!-- <th>Charroi</th> -->
            <th>Type vehi</th>
            <th>Tonage local</th>
            <th>Tonage international</th>
            <th>Status</th>
            <th>Action</th> 
        </tr>   
        </thead>
    @foreach($autos as $key=>$auto)
<tr>
    <td>{{++$key}}</td>
    <td>
        @if($auto->type_veh_id==1 OR $auto->type_veh_id==2)
        <strong>{{ $auto -> veh1 }}-{{ $auto -> veh2 }}</strong>
        @else
        <strong>{{ $auto -> veh1 }}</strong>
        @endif
    </td>
    <td>{{ $auto -> name }}</td>
    <td>
        @foreach($auto_conv as $aut)
        @if($auto->id_vehicule==$aut->id_vehicule)
        {{$aut->name}}
        @endif
        @endforeach
    </td>
    <td>{{ $auto -> nom_type }}</td>
    <td>{{ $auto -> tonage_local }}</td>
    <td>{{ $auto -> tonage_international }}</td>
    <td>{{ $auto -> status_veh }}</td>

 <td>
   <a class="btn btn-primary" data-toggle="modal" data-target="#modalEdit{{$auto->id_veh_relie}}"> Edit </a>
   @if($auto->status_affect==1)
   <a class="btn btn-secondary" data-toggle="modal" data-target="#modalDispo{{$auto->id_veh_relie}}"> Dispo </a>
   @endif
 </td>
</tr> 
<!-- Modal -->
<div class="modal fade" id="modalEdit{{$auto->id_veh_relie}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Modifier</h4>
            </div>
        <form id="form_validation" method="POST" action="/edit_veh_relie/{{$auto->id_veh_relie}}">
            <div class="modal-body"> 
                    {{ csrf_field() }}
                    
                    <label>Vehicule 1</label>
                    <select name="veh1" class="form-control show-tick ms select2" required data-placeholder="Selectionner le vehicule">
                            <option value="{{$auto->veh1}}">{{ $auto -> veh1 }}</option>
                            <option value="SANS">SANS</option>
                            @foreach($auto2 as $au)
                            <option value="{{$au->num_immatriculation}}">{{ $au -> num_immatriculation }}</option>
                            @endforeach
                    </select>
                    <label>Vehicule 2</label>
                    <select name="veh2" class="form-control show-tick ms select2" data-placeholder="Selectionner le vehicule">
                            <option value="{{$auto->veh2}}">{{ $auto -> veh2 }}</option>
                            <option value="SANS">SANS</option>
                            @foreach($auto2 as $au)
                            <option value="{{$au->num_immatriculation}}">{{ $au -> num_immatriculation }}</option>
                            @endforeach
                        </select>
                         <label>Type Vehicule</label>
                        <select name="type" class="form-control show-tick ms select2" required data-placeholder="Selectionner le type de vehicule">
                            <option value="{{$auto->id_typeV}}">{{ $auto -> nom_type }}</option>
                            <option value="00">SANS</option>
                            @foreach($type_veh as $type)
                            <option value="{{$type->id_typeV}}">{{ $type -> nom_type }}</option>
                            @endforeach
                        </select>
                        <label>Tonage local</label>
                        <input type="number" name="tonage_local" class="form-control" value="{{$auto->tonage_local}}" min="1" step="any">
                        <label>Tonage International</label>
                        <input type="number" name="tonage_international" class="form-control" value="{{$auto->tonage_international}}" min="1" step="any">

             </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>

<div class="modal fade" id="modalDispo{{$auto->id_veh_relie}}" tabindex="-1" role="dialog">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                           
                        <form id="form_validation" method="POST" action="/desaffecter_vehicule/{{$auto->id_veh_relie}}">
                            <div class="modal-body"> 
                                    {{ csrf_field() }}
                                    
                                <h4>Voulez-vous rendre disponible ce vehicule pour autre voyage ?</h4>

                             </div>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-default 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>
@endforeach                                               
</table>
<div class="d-flex justify-content-center">
                    {{ $autos->links() }}
                    </div>
 </div>
 </div>
 </div>
 </div>
</div>

<!-- Modal relier -->
<div class="modal fade" id="modalrelier" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Relier un vehicule</h4>
            </div>
        <form id="form_validation" method="POST" action="/save_veh_relie">
            <div class="modal-body"> 
                    {{ csrf_field() }}
                    
                        <label>Vehicule 1</label>
                        <select name="veh1" class="form-control show-tick ms select2" required data-placeholder="Selectionner le vehicule">
                            <option></option>
                            @foreach($auto2 as $au)
                            <option value="{{$au->num_immatriculation}}">{{ $au -> num_immatriculation }}</option>
                            @endforeach
                        </select>
                        <label>Vehicule 2</label>
                        <select name="veh2" class="form-control show-tick ms select2" data-placeholder="Selectionner le vehicule">
                            <option></option>
                            @foreach($auto2 as $au)
                            <option value="{{$au->num_immatriculation}}">{{ $au -> num_immatriculation }}</option>
                            @endforeach
                        </select>
                         <label>Type de Vehicule</label>
                        <select name="type" class="form-control show-tick ms select2" required data-placeholder="Selectionner le type de vehicule">
                            <option></option>
                            @foreach($type_veh as $type)
                            <option value="{{$type->id_typeV}}">{{ $type -> nom_type }}</option>
                            @endforeach
                        </select>
                        <label>Tonage local</label>
                        <input type="number" name="tonage_local" class="form-control" required placeholder="Entrer le tonage" min="1" step="any">
                        <label>Tonage International</label>
                        <input type="number" name="tonage_international" class="form-control" placeholder="Entrer le tonage" min="1" step="any">

             </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