@extends('layouts.master')
@section('content')
<h3>Demande des frais</h3>
@if(Session::has('message'))       
<p class="alert alert-success" align="center"> {{Session::get('message')}}</p>
@endif
<div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
            <div class="body">
                <h5><strong>Reference: </strong> <mark>{{$demande->reference_number}}</mark></h5>
                <div class="row">                                
                    <div class="col-md-6 col-sm-6">
                        <address>
                            <strong>Demandeur : {{$demande->name}}</strong><br>
                            <abbr title="Email">Demandeur Email : </abbr> {{$demande->email}}
                        </address>
                    </div>
                    <div class="col-md-6 col-sm-6 text-right">
                        <p class="mb-0"><strong>Date : </strong> {{$demande->date_demande}} </p>
                                                           
                    </div>
                </div>
            </div> 
            <hr>
            <div class="">
            <a href="/detail_demande_frais/{{$demande->id_demandef}}" class="btn btn-secondary"> Retour à la liste</a>
        </div>
        <div class="container">    
     <br />
     <h3 align="center">Formulaire d'ajout du demande des frais</h3>
     <br />
   <div class="table-responsive">
                <form method="post" id="dynamic_form" action="/save_demande_details">
                 <span id="result"></span>
                 <table class="table table-bordered table-striped" id="user_table">
               <thead>
                <tr>
                    <th width="35%">Libellé</th>
                    <th width="35%">Quantité</th>
                    <th width="35%">Prix Unitaire</th>
                </tr>
               </thead>
               <tbody>
               </tbody>
               <tfoot>
                <tr>
                    <td colspan="4" align="right">&nbsp;</td>
                    <td>
                  @csrf
                  <input type="submit" name="save" id="save" class="btn btn-primary" value="save" />
                 </td>
                </tr>
               </tfoot>
           </table>
        </form>
   </div>
  </div>
 </div>
 </div>
</div>
@endsection
@section('page-script')
<script>
$(document).ready(function(){
 var count = 1;
 dynamic_field(count);
 function dynamic_field(number)
 {
  html = '<tr>';
        
        html += '<td><input type="text" name="libelle[]" class="form-control" required  placeholder="Entrer libelle ici..."/></td>';
        html += '<td><input type="number" name="quantite[]" min="1" class="form-control" required placeholder="Entrer la quantite ici..."></td>';
        html += '<td><input type="number" name="pu[]" min="1" class="form-control" required placeholder="Entrer le prix unitaire ici..."></td>';
        html += '<td><input type="hidden" name="demande_id" class="form-control" required value="{{$demande->id_demandef}}"></td>';

        if(number > 1)
        {
            html += '<td><button type="button" name="remove" id="" class="btn btn-danger remove">Remove</button></td></tr>';
            $('tbody').append(html);
        }
        else
        {   
            html += '<td><button type="button" name="add" id="add" class="btn btn-success">Add</button></td></tr>';
            $('tbody').html(html);
        }
 }
 $(document).on('click', '#add', function(){
  count++;
  dynamic_field(count);
 });
 $(document).on('click', '.remove', function(){
  count--;
  $(this).closest("tr").remove();
 });
});
</script>
@stop