@extends('layouts.master')
 @section('content')
  <h3>Liste des Actions pour le Budget</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 une action </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>Nom de l'action</th>
          <th>Code Budget</th>
          <th>Direction</th>
          <th></th>
        </tr>   
        </thead>
 @foreach($actions as $key=>$act)     
<tr>
    <td>{{++$key}}</td>
    <td>{{$act->nom_action}}</td>
    <td>{{$act->code_budget}}</td>
    <td> 
        <div class="btn-group">
        <a onclick="return confirm('Voulez-vous supprimer ?')" href='/delete_action_budget/{{$act->id_action}}' class="btn btn-sm btn-danger delete-brand"><i class="zmdi zmdi-delete"></i></a>
        <a href="#" class="btn btn-primary"data-toggle="modal" data-target="#ModalEdit{{$act->id_action}}">Edit</a>
        </div>
    </td>   
</tr>  

<div class="modal fade" id="ModalEdit{{$act->id_action}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Edit action</h4>
            </div>
        <form id="form_validation" method="POST" action="/edit_action_budget/{{$act->id_action}}">
            <div class="modal-body">
                    {{ csrf_field() }}
                    <div class="form-group form-float">
                        <label>Nom de l'action </label>
                        <input type="text" name="nom_action" value="{{$act->nom_action}}" class="form-control" required placeholder="Entrez le nom de l'action ici...">
                    </div>
                    <div class="form-group form-float">
                        <label>Code budget</label>
                        <input type="text" name="code_budget" value="{{$act->code_budget}}" class="form-control" required placeholder="Entrez le Code budget ici...">
                    </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 action</h4>
            </div>
        <form id="form_validation" method="POST" action="/save_action_budget">
            <div class="modal-body">
                    {{ csrf_field() }}
                    <div class="form-group form-float">
                        <label>Nom de l'action </label>
                        <input type="text" name="nom_action" class="form-control" required placeholder="Entrez le nom de l'action ici...">
                    </div>
                    <div class="form-group form-float">
                        <label>Code budget</label>
                        <input type="text" name="code_budget" class="form-control" required placeholder="Entrez le Code budget ici...">
                    </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