@extends('layouts.master')
 @section('content')
  <h3>Liste des produits</h3>
<div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
            <div class="header">
            <a href="#"> <button class="btn btn-info"  data-toggle="modal" data-target="#ModalAjout">Ajouter un nouveau produit </button></a>

            <a href="/produits" class="btn btn-primary">Tous produits</a>
            @foreach($type_missions as $type)
            <a href="/produits/{{$type->id_type_m}}" class="btn btn-primary">Produits {{$type->nom_type_m}}</a>
            @endforeach
        </div>
            <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>Nom du produit</th>
          <th>Type</th>
          <th>Description</th>
          <th>Action</th>
        </tr>   
        </thead>
     @foreach($produits as $key=>$pro)     
    <tr>
        <td>{{++$key}}</td>
        <td>{{$pro->nom_produit}}</td>
        <td>{{$pro->nom_type_m}}</td>
        <td>{{$pro->description}}</td>
        <td> 
           
        </td>   
    </tr>  

      @endforeach                                            
    </table>
     </div>
     </div>
     </div>
     </div>
    </div>
<!-- Modal ajout role -->
<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 le produit</h4>
            </div>
        <form id="form_validation" method="POST" action="/save_produit">
            <div class="modal-body">
                    {{ csrf_field() }}
                    <div class="form-group form-float">
                        <label>Nom du produit</label>
                        <input type="text" name="nom_produit" placeholder="Ajouter un produit ici" class="form-control" required>
                    </div>

                    <div class="form-group form-float">
                                    <label>Type</label>
                                    <select name="type_produit" class="form-control show-tick ms select2" required data-placeholder="Selectionner le type ">
                                        @foreach($type_missions as $type)
                                        <option value="{{$type->id_type_m}}">{{$type->nom_type_m}} </option>
                                        @endforeach
                                    </select>
                                    </div>
                    <div class="form-group form-float">
                        <label>Description</label>
                        <textarea name="description" placeholder="Description ici" class="form-control" required></textarea>
                    </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