@extends('layouts.master')
@section('content')
<div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
            <div class="header">
                <h2><strong>Liste des Services de vehicules</strong></h2>       
            </div>
                <!-- Modal Add -->
                <div class="modal fade" id="ModalAdd" tabindex="-1" role="dialog">
                    <div class="modal-dialog modal-dialog-centered" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h4 class="title" id="defaultModalLabel">Ajouter un nouveau service</h4>
                            </div>
                            <form class="" action="/save_serv_veh" method="POST">
                                {{ csrf_field() }} 
                            <div class="modal-body"> 
                                <div class="form-group form-float">
                                        <label>Service Name </label>
                                        <input type="text" name="name" placeholder="Service Name" class="form-control" required>
                                </div>
                                <div class="form-group form-float">
                                        <label>Code Service </label>
                                        <input type="text" name="code" placeholder="Code service" class="form-control">
                                </div>
                                
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">Fermer</button>
                                <button type="submit" class="btn btn-primary btn-round waves-effect">Enregistrer</button>
                            </div>
                        </form>
                        </div>
                    </div>
                </div>

               
            <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
                        <a href="" data-toggle="modal" data-target="#ModalAdd" class="btn btn-primary">Ajouter un nouveau Service</a>
                        <hr>
                        <h3>Liste des services</h3>
                        <div class="table-responsive">
                    <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
                        <thead style="background-color: #8FBC8F ">
                            <tr>
                                <th>No</th>
                                <th>Nom du Service</th>
                                <th>Code du Service</th>
                                <th></th>
                            </tr>   
                            </thead>
                        @foreach($serv as $key=>$serv)   
                    <tr>
                        <td>{{++$key}}</td>
                        <td>{{ $serv -> name_service }}</td>
                        <td>{{ $serv -> code_service }}</td>
                        <td> 
                        </td>  
                    </tr>  
                    @endforeach                                               
                    </table>
                     </div>
                 </div>
        
 </div>
 </div>
</div>  
@endsection

@section('page-script')

@stop