@extends('layouts.main')

@section('content')




<!-- end breadcrumb -->
<!-- begin row -->
<div class="row">



	<div class=" col-sm-2 ">

		@include('modules.finances.menu')

	</div>


	<div class="col-md-10" style="padding: 10px; background: #f9f8f8;padding: 10px;border-radius: 5px; ">



<div class="row" >
    <div class=" col-sm-12 " >
        
@if($fc)


<div class="row" >
<div class=" col-sm-2" ></div>
<div class=" col-sm-8" >
<div style="border: 1px solid lightgray;margin: 10px;" >
 
    <div class="row"   style="color: burlywood;background: antiquewhite;">
        <div class=" col-sm-6 text-left" >
          
        <h1 class="m-0 text-left" > Petite de caisse <span style="">{{  $fc->fc_journee }}</span></h1>
        </div>
        <div class=" col-sm-6 text-right" >
            <a  href="#modal-caisseclose" data-toggle="modal" class="btn btn-danger" style="font-weight: 900;font-size: 11px;padding: 1px;margin-top: 2px;" >
                <img style="height: 20px;" src="{{ asset('img/cash-register.png') }}">
                
                Clôturer
            </a>
            <a class="btn btn-default" style="font-weight: 900;font-size: 11px;padding: 1px;margin-top: 2px;" href="{{URL::route('fcaisse_details', ['id' => encrypt($fc->fc_id)])}}">
                <i class="fal fa-print" style="font-size: 18px"></i>
                
                Imprimer la journée
            </a>
        </div>
        </div>
    



        <div class="row"  >
          
            <div class=" col-sm-8 text-left" >
                
    <form method="POST" action="{{ route('caisse_depense') }} " enctype="multipart/form-data">
        {{ csrf_field() }}
        <input type="hidden" name="username"  value="{{ Auth::user()->name }} [{{ Auth::user()->id }}]">
        <input type="hidden" name="usercrea" value="{{ Auth::user()->id }}">
        <input type="hidden" name="fcl_fcid" value="{{ $fc->fc_id }}">

        <fieldset class="scheduler-border" style="background: #fbbebe;padding: 10px;">
            <div class="row">
                <div class="col-sm-12">
            <legend class="scheduler-border h1" style="text-align: center;" >Décaissement</legend> 
                </div>
            </div>                        
        
                        <div class="row" >
                            <div class="col-sm-5">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class="form-group row m-b-0">
                                            <label class="col-form-label col-md-12 text-center"><span style="font-size: 8px">Designation </span> </small> :</label>
                                            <div class="col-md-12">
                                                <select class="form-control" name="fcl_libelle"  style="font-size: 12px;font-weight: 900;text-align:center" >
                                                    <option value="422">Frais avance</option>
                                                    <option value="635">Frais OVD</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                    
                            </div>
                            <div class="col-sm-4" >
                                  

                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="form-group row m-b-0">
                                                <label class="col-form-label col-md-12 text-center"><span style="font-size: 8px">Montant </span>  <small>  FDJ</small> :</label>
                                                <div class="col-md-12">
                                                    <input type="number" value="" class="form-control  text-center"  name="fcl_credit" style="font-size: 12px;font-weight: 900;" required>
                                                </div>
                                            </div>
                                        </div>
                                    </div>                                      
                            </div>
                            
                            <div class="col-sm-3" >
                                <br>
                                <button type="submit" class="btn btn-success">Enregistrer</button>
                            </div>
                        </div>	
                        
                  
                </fieldset>  

    </form>
<table  class="table table-bordered table-hover table-striped w-100">
    <thead>
        <th>Transaction type</th>
        <th>Récettes</th>
        <th>Dépenses</th>
        <th>Date Transaction</th>
        <th></th>
    </thead>
    <tbody>
        @php $totalcredit=0; $totaldebit=0; @endphp
      @foreach ($fondscaisse_ligne as $fcl )

      @php $totalcredit= $totalcredit + $fcl->fcl_credit; $totaldebit= $totaldebit + $fcl->fcl_debit; @endphp
  
     <tr> 												
     
        <td>{{ $fcl->fcl_libelle }}</td>
        <td>{{ $fcl->fcl_debit }}</td>
        <td>{{ $fcl->fcl_credit }}</td>
        <td>{{ $fcl->fcl_datetimecrea }}</td>
        <td> </td>
      </tr>
      @endforeach

      <tr> 												
     
        <td></td>
        <td>{{ $totaldebit }}</td>
        <td>{{ $totalcredit }}</td>
        <td></td>
        <td> </td>
      </tr>
    </tbody>
  </table>
<p class="text-right"> <strong> {{count($fondscaisse_ligne)}}</strong> Transaction(s)</p>
            </div>


            <div class=" col-sm-4 text-center" >
                <div style="background: lightgray; padding:10px" >
                    <a    href="#modal-caisserecette" data-toggle="modal" class="btn btn-warning" style="font-weight: 900;font-size: 18px;" >
                        <img style="height: 30px;" src="{{ asset('img/cash-register.png') }}">
                        
                        Chargement
                    </a>
                    <br> 
                    <br> 
                    <p class="m-10 text-center"style="background: #ededed;border-radius: 18px;" ><span style="font-size: 28px;font-weight: 900;">{{  $fc->fc_montantouvert }}  </span> <br> Solde ouverture </p>
               
                    <p class="m-10 text-center"style="background: #ebffe7;border-radius: 18px;" ><span style="font-size: 28px;font-weight: 900;">{{  ($totaldebit - $totalcredit) + $fc->fc_montantouvert }}  </span> <br> Solde actuel </p>
               
                
                
                
                   
    
                    <br>
                    <br>
                  
                </div>
                </div>



        </div>
   
     
   
   
</div>
</div>
</div>
</div>
















<div class="modal fade" id="modal-caisserecette" style="background:rgb(135, 240, 174) ">

    <form method="POST" action="{{ route('caisse_recette') }} " enctype="multipart/form-data">
        {{ csrf_field() }}
        <input type="hidden" name="username"  value="{{ Auth::user()->name }} [{{ Auth::user()->id }}]">
        <input type="hidden" name="usercrea" value="{{ Auth::user()->id }}">
        <input type="hidden" name="fcl_fcid" value="{{ $fc->fc_id }}">

        <div class="modal-dialog" >
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title"><i class="fas fa-md fa-fw m-r-0 fa-user"></i> 
                    </h4>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                </div>
                <div class="modal-body">

 

                    <div class="modal-body">

                        <div class="row" >
                            <div class="col-sm-2">
                                  
                    
                            </div>
                            <div class="col-sm-8" style="background: #fef8ef;">
                                <fieldset class="scheduler-border">
                                    <legend class="scheduler-border h1" style="text-align: center;background: rgb(135, 240, 174);" >Encaissement</legend>                         
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="form-group row m-b-0">
                                                <label class="col-form-label col-md-12 text-center"><span style="font-size: 18px">Designation </span> </small> :</label>
                                                <div class="col-md-12">
                                                    <select class="form-control" name="fcl_libelle"  style="font-size: 18px;font-weight: 900;text-align:center" >
                                                        <option value="1">Chargemeent</option>
                                                        <option value="422">Frais avance</option>
                                                        <option value="635">Frais OVD</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
<br>
<br>
<br>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="form-group row m-b-0">
                                                <label class="col-form-label col-md-12 text-center"><span style="font-size: 18px">Montant  </span> <br> <small>  FDJ</small> :</label>
                                                <div class="col-md-12">
                                                    <input type="number" value="" class="form-control  text-center"  name="fcl_debit" style="font-size: 38px;font-weight: 900;" required>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </fieldset>                                        
                            </div>
                        </div>	
                    </div>



                </div>
                <div class="modal-footer">
                    <a href="javascript:;" class="btn btn-white" data-dismiss="modal">Fermer</a>
                    <button type="submit" class="btn btn-success">Enregistrer</button>
                </div>
            </div>
        </div>

    </form>
</div>














<div class="modal fade" id="modal-caissedepense" style="background:lightcoral ">

    <form method="POST" action="{{ route('caisse_depense') }} " enctype="multipart/form-data">
        {{ csrf_field() }}
        <input type="hidden" name="username"  value="{{ Auth::user()->name }} [{{ Auth::user()->id }}]">
        <input type="hidden" name="usercrea" value="{{ Auth::user()->id }}">
        <input type="hidden" name="fcl_fcid" value="{{ $fc->fc_id }}">

        <div class="modal-dialog" >
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title"><i class="fas fa-md fa-fw m-r-0 fa-user"></i> 
                    </h4>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                </div>
                <div class="modal-body">

 

                    <div class="modal-body">

                        <div class="row" >
                            <div class="col-sm-2">
                                  
                    
                            </div>
                            <div class="col-sm-8" style="background: #fef8ef;">
                                <fieldset class="scheduler-border">
                                    <legend class="scheduler-border h1" style="text-align: center;background: lightcoral;" >Décaissement</legend>                         
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="form-group row m-b-0">
                                                <label class="col-form-label col-md-12 text-center"><span style="font-size: 18px">Designation </span> </small> :</label>
                                                <div class="col-md-12">
                                                    <select class="form-control" name="fcl_libelle"  style="font-size: 18px;font-weight: 900;text-align:center" >
                                                        <option value="422">Frais avance</option>
                                                        <option value="635">Frais OVD</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
<br>
<br>
<br>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="form-group row m-b-0">
                                                <label class="col-form-label col-md-12 text-center"><span style="font-size: 18px">Montant </span> <br> <small>  FDJ</small> :</label>
                                                <div class="col-md-12">
                                                    <input type="number" value="" class="form-control  text-center"  name="fcl_credit" style="font-size: 38px;font-weight: 900;" required>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </fieldset>                                        
                            </div>
                        </div>	
                    </div>



                </div>
                <div class="modal-footer">
                    <a href="javascript:;" class="btn btn-white" data-dismiss="modal">Fermer</a>
                    <button type="submit" class="btn btn-success">Enregistrer</button>
                </div>
            </div>
        </div>

    </form>
</div>











<div class="modal fade" id="modal-caisseclose">

    <form method="POST" action="{{ route('caisse_close') }} " enctype="multipart/form-data">
        {{ csrf_field() }}
        <input type="hidden" name="username"  value="{{ Auth::user()->name }} [{{ Auth::user()->id }}]">
        <input type="hidden" name="usercrea" value="{{ Auth::user()->id }}">
        <input type="hidden" name="fc_id" value="{{ $fc->fc_id }}">

        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title"><i class="fas fa-md fa-fw m-r-0 fa-user"></i> 
                    </h4>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                </div>
                <div class="modal-body">

 

                    <div class="modal-body">

                        <div class="row" >
                            <div class="col-sm-2">
                                  
                    
                            </div>
                            <div class="col-sm-8" style="background: #fef8ef;">
                                <fieldset class="scheduler-border">
                                    <legend class="scheduler-border h1" style="text-align: center;background: antiquewhite;" >Fermeture de caisse </legend>                         
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="form-group row m-b-0">
                                                <label class="col-form-label col-md-12 text-center"><span style="font-size: 18px">Montant du fond de caisse </span> <br> <small>  Francs Djibouti</small> :</label>
                                                <div class="col-md-12">
                                                    <input type="number" value="" class="form-control  text-center"  name="fc_montantferme" style="font-size: 38px;font-weight: 900;" required>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </fieldset>                                        
                            </div>
                        </div>	
                    </div>



                </div>
                <div class="modal-footer">
                    <a href="javascript:;" class="btn btn-white" data-dismiss="modal">Fermer</a>
                    <button type="submit" class="btn btn-success">Enregistrer</button>
                </div>
            </div>
        </div>

    </form>
</div>


@else

		
<form method="POST" action="{{ route('caisse_crea') }} "   enctype="multipart/form-data" >
    {{ csrf_field() }}   
    <input type="hidden" name="username"  value="{{ Auth::user()->name }} [{{ Auth::user()->id }}]">
    <input type="hidden" name="usercrea"  value="{{ Auth::user()->id }}">  

<div class="modal-dialog modal-lg">
    <div class="modal-content">
        <div class="modal-header">
            <h4 class="modal-title"><i class="fas fa-md fa-fw m-r-0 fa-user"></i>Ouverture de la caisse</h4>
        </div>
        <div class="modal-body">

            <div class="modal-body">

                <div class="row" >
                    <div class="col-sm-2">
                          
            
                    </div>
                    <div class="col-sm-8" style="background: #fef8ef;">
                        <fieldset class="scheduler-border">
                            <legend class="scheduler-border h1" style="text-align: center;background: antiquewhite;" >Ouverture de caisse </legend>                         
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="form-group row m-b-0">
                                        <label class="col-form-label col-md-12 text-center"><span style="font-size: 18px">Montant du fond de caisse </span> <br> <small>  Francs Djibouti</small> :</label>
                                        <div class="col-md-12">
                                            <input type="number" value="" class="form-control  text-center"  name="fc_montantouvert" style="font-size: 38px;font-weight: 900;" required>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </fieldset>
                                
                    </div>
                </div>	
                

            </div>




        </div>
        <div class="modal-footer">
            <button type="submit" class="btn btn-success">Entrer et ouvrir la caisse</button>
        </div>
    </div>
</div>

</form>





@endif
    </div>
   
</div>

<!-- end breadcrumb -->
<!-- begin row -->














<script>
    $('document').ready(function () {
    $("#imgload").change(function () {
        if (this.files && this.files[0]) {
            var reader = new FileReader();
            reader.onload = function (e) {
                $('#imgshow').attr('src', e.target.result);
            }
            reader.readAsDataURL(this.files[0]);
        }
    });
});
</script>
@endsection