@extends('layouts.master')
@section('title', 'Datatable')
@section('parentPageTitle', 'Allservices')
@section('page-style')
<!-- <link rel="stylesheet" href="{{asset('assets/plugins/jquery-datatable/dataTables.bootstrap4.min.css')}}"/>
<link rel="stylesheet" href="{{asset('assets/plugins/select2/select2.css')}}"/> -->
@stop
@section('content')

<!-- Modal Size Example -->

<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <div class="card">
      
            <div class="body">
              
       <a href="{{url('listdirections')}}" class="btn btn-success  mb-3" title="Afficher toutes les directions" style="float: right;"> Toutes les directions</a> 
              
            </div>
        </div>
    </div>
</div>
<center> <b><h4>Tous les services des differentes directions de l'ITRACOM</h4></b></center>


    @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="defaultModal" 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 nouveau service</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="{{route('addserv')}}">
                    @csrf
                    <b for="email_address">Nom du service</b>
                    <div class="form-group">                                
                        <input type="text" id="email_address" class="form-control" placeholder="Entrer  le nom du service" name="nom_service" required>
                    </div>   
    
                        <div class="mb-3">
                            <b for="email_address">Affecter à la direction</b>
             <select class="form-control show-tick ms select2" data-placeholder="Select" name="direction_id" required>    
                        @foreach ($directions as $dir)
                        <option value="{{$dir->id_direction}}">{{$dir->nom_direction}}</option>
                @endforeach
                        </select>
                    </div> 
          <!--         <div class="mb-3">
                            <b for="email_address">Affecter un Chef de service actuel</b>
             <select class="form-control show-tick ms select2 " data-placeholder="Select" name="chefservice_id" required>
   <option value="">----------------Selectionner un chef de service---------------</option>
                        @foreach ($users as $u)
                        <option value="{{$u->id}}">{{$u->name}}</option>
                @endforeach
                        </select>
                    </div>  -->


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


<!-- 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-info">
                            <tr>
                                <th>No</th>
                                <th>Nom service</th>
                                 <th>Chef de service actuel</th>
                                <th>Nom de la direction</th>
                                <th>Action</th>
                            </tr>
                        </thead>

                        <tbody>
                             @php $index=1; @endphp
                                @foreach($services as $i)
                            <tr>
                                <td>{{$index++}} </td>
                                    <td>{{$i->nom_service}} </td>
                                     <td><a href="{{url('detailUser',$i->id)}}">{{$i->name}}</a> </td>
                                  <td><a href="{{url('getserviceByDir',$i->id_direction)}}" title="Voir ses services">{{$i->nom_direction}}</a> </td>                                                                  
                                    <td> 
                                        <a  class="btn btn-primary" title="Editer" data-toggle="modal" data-target="#defaultModal{{$i->idservice}}"><i class="zmdi zmdi-edit" >Modifier</i></a>  

<!-- Default Size -->
<div class="modal fade" id="defaultModal{{$i->idservice}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Editer la service {{$i->nom_service}}</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="{{route('editserv',$i->idservice)}}">
                   @csrf
                  @method('PATCH')
                    <b for="email_address">Nom du service</b>
                    <div class="form-group">                                
                        <input type="text" id="email_address" class="form-control" placeholder="Entrer le nom" name="nom_service" required value="{{$i->nom_service}}">
                    </div>
                         <div class="mb-3">
                            <b for="email_address">Affecter à la direction</b>
                        <select class="form-control show-tick ms select2" data-placeholder="Select" name="direction_id">
                    
                        @foreach ($directions as $dir)
               <option value="{{$dir->id_direction}}" {{$dir->id_direction== $i->id_direction ? 'selected' : ''}}>{{$dir->nom_direction}}</option>
                @endforeach
                        </select>
                    </div>
                          <div class="mb-3">
                            <b for="email_address">Chef de service actuel</b>
             <select class="form-control show-tick ms select2 " data-placeholder="Select" name="chefservice_id" required>
            
                        @foreach ($users as $u)
                        <option value="{{$u->id}}" {{$i->id== $u->id ? 'selected' : ''}}>{{$u->name}}</option>
                @endforeach
                        </select>
                    </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>           
 <!-- <a href="{{url('deletedserv',$i->idservice)}}" class="btn btn-danger" title="Supprimer" onclick="return confirm('Voulez-vous supprimer {{$i->nom_service}}?');"><i class="zmdi zmdi-delete" >Supprimer</i></a> -->
                                     </td>                               
                            </tr>
                            
                          @endforeach
                                              
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@stop
@section('page-script')

@stop