@extends('layouts.master')

 @section('content')

  <h3>Liste des modeles</h3>

<div class="row clearfix">

    <div class="col-lg-12">

        <div class="card">

            <a href="#"> <button class="btn btn-info"  data-toggle="modal" data-target="#ModalAjout">Ajouter un nouveau model </button></a>

            <div class="body">

             @if(Session::has('message'))       

        <p class="alert alert-success" align="center"> {{Session::get('message')}}</p>

            @endif

            <div class="table-responsive">

    <table class="table table-bordered table-striped table-hover js-basic-example dataTable">

    <thead style="background-color: #5bc0de ">

        <tr>
     <th width="10px">No</th>
      <th>Modele</th>
      <th>Action</th>
        </tr>   
        </thead>
     @foreach($modele as $key=>$m)     
    <tr>
       <td>{{++$key}}</td>
       <td>{{$m->modele}}</td>
        <td> 
          <a class="btn btn-primary"  data-toggle="modal" data-target="#ModalEdit{{$m->id_mod}}">Edit</a>
        </td> 
    </tr> 

    <div class="modal fade" id="ModalEdit{{$m->id_mod}}" 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 modele</h4>
            </div>
        <form id="form_validation" method="POST" action="/edit_modele/{{$m->id_mod}}">
            <div class="modal-body"> 
                    {{ csrf_field() }}
                    <div class="form-group form-float">
                        <label>Modele</label>
                        <input type="text" name="modele" placeholder="modele ici" class="form-control" required value="{{$m->modele}}">
                    </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">Fermer</button>
            </div>
        </form>
        </div>
    </div>
</div> 
      @endforeach                                            
    </table>
     </div>
     </div>
     </div>
     </div>
    </div>

       

<!-- Modal ajout -->

<div class="modal fade" id="ModalAjout" 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 modele</h4>
            </div>
        <form id="form_validation" method="POST" action="/save_modele">
            <div class="modal-body"> 
                    {{ csrf_field() }}
                    <div class="form-group form-float">
                        <label>Modele</label>
                        <input type="text" name="modele" placeholder="modele ici" 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">Fermer</button>
            </div>
        </form>
        </div>
    </div>
</div>

          

@endsection

 @section('page-script')







@stop