@extends('layouts.master')

 @section('content')
  
<div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
         
            <a href="#" data-toggle="modal" data-target="#ModalAdd"> <button class="btn btn-info">Ajouter un usage</button></a>
            <div class="header">
                <h2><strong>Usages</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 usage de vehicule</h4>
            </div>
            <form class="" action="/save_usage" method="POST">
                {{ csrf_field() }} 
            <div class="modal-body"> 
                <div class="form-group form-float">
                        
                        <label for="usage">Usage</label>
                        <input type="text" name="usage" placeholder="usage" 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">Annuler</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
              
            <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>Usage</th>
            <th>Action</th> 
        </tr>   
        </thead>
    @foreach($usage as $key=>$usage)   
<tr>
    <td>{{++$key}}</td>
    <td>{{ $usage -> usage }}</td>
    <td> 

    </td>  
</tr>  
@endforeach                                               
</table>
 </div>
 </div>
 </div>
 </div>
</div>
   


                
       @endsection


 @section('page-script')
 

@stop