@extends('layouts.master')
 @section('content')
<div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
            
            
            <div class="header">
                <h2><strong>Status 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 status de vehicule (1)</h4>
            </div>
            <form class="" action="/save_status_veh" method="POST">
                {{ csrf_field() }} 
            <div class="modal-body"> 
                <div class="form-group form-float">
                        <label>Status</label>
                        <input type="text" name="status" placeholder="status" 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>
<!-- Modal Add2 -->
<div class="modal fade" id="ModalAdd2" 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 status de vehicule (2)</h4>
            </div>
            <form class="" action="/save_status2_veh" method="POST">
                {{ csrf_field() }} 
            <div class="modal-body"> 
                <div class="form-group form-float">
                        <label>Status</label>
                        <input type="text" name="status" placeholder="status" 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


                <!-- Nav tabs -->
                <ul class="nav nav-tabs p-0 mb-3">
                    <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#status1">Status 1</a></li>
                    <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#status2">Status 2</a></li>
                    
                </ul>                        
                <!-- Tab panes -->
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane in active" id="status1">
                        
                        <a href="#" data-toggle="modal" data-target="#ModalAdd"> <button class="btn btn-info">Ajouter un nouveau status (1)</button></a>
                        <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>Status</th>
                                <th>Action</th> 
                            </tr>   
                            </thead>
                        @foreach($status as $key=>$sta)   
                    <tr>
                        <td>{{++$key}}</td>
                        <td>{{ $sta -> status_veh }}</td>
                        <td> 
                        </td>  
                    </tr>  
                    @endforeach                                               
                    </table>
                     </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="status2">
                        
                        <a href="#" data-toggle="modal" data-target="#ModalAdd2"> <button class="btn btn-info">Ajouter un nouveau status (2)</button></a>
                        <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>Status</th>
                                <th>Action</th> 
                            </tr>   
                        </thead>
                        @foreach($status2 as $key=>$sta)   
                    <tr>
                        <td>{{++$key}}</td>
                        <td>{{ $sta -> status2_veh }}</td>
                        <td> 
                        </td>  
                    </tr>  
                    @endforeach                                               
                    </table>
                     </div>
                    </div>
                </div>
 </div>
 </div>
 </div>
</div>  
@endsection

@section('page-script')

@stop