@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')
<style>
    .amount{
        text-align: left;
    }
    .butt_foot{
         position: relative;
         left: 70%;
    }
</style>
@endsection
<!-- ************************************** -->
@section('titre')
  {{ __("Bordereaux") }}
@endsection
<!-- ************************************** -->
@section('titre_header')
{{ __("Bordereaux") }}
@endsection

@section('titre_page')
@isset($bordereau->bor_id)
  <h1> Bordereaux N° B{{$bordereau->bor_id}}</h1>
@else
  {{ __("Gestion des bordereaux") }}
@endisset
@endsection
<!-- ************************************** -->
@section('panel_boutons')
<small class="float-right">
    <a class="btn btn-defaut app2 retour" href="/bordereaux"><i class="fa fa-arrow-circle-left"></i> Retour</a>
</small>
@endsection
<!-- ************************************** -->
@section('contenu')
<form id="update_cus_bil" class=" " method="POST" action="{{route('update_bordereau_cus_bil')}}">
    <input type="hidden" name="filtering" value="ok">
    @csrf
    <div class="h-20"></div>
    <div class="panel">
        <div class="panel-body">
            <div class="row"> 
                <div class="col-sm-2">
                    <label for="">Numéro</label>
                    <input type="text" class="form-control" name="bor_id" value="{{$bordereau->bordereaux_id}}" readonly>
                </div>
                <div class="col-sm-2">
                    <label for="">Client</label>
                    <input type="text" class="form-control" name="cus_id" value="{{$bordereau->cus_socialReason}}" readonly>
                    {{--@component('components.select.select_customer_modal_affect',['customers' => @$customers,'value' => $bordereau->cus_id,'search' => 'true','emptyValue' => 'false' ,'required' => 'true'])
                    @endcomponent--}}
                </div>
                <div class="col-sm-2">
                    <label for="">Société de facturation</label>
                    <input type="text" class="form-control" name="bil_id" value="{{$bordereau->bil_socialReason}}" readonly>
                    {{--@component('components.select.select_billingcompany',['bilCompanies' => @$billings,'value' => $bordereau->billing_id,'search' => 'true','emptyValue' => 'false' ])
                    @endcomponent 
                    <span id="err_soc_fac" style="display: none;color:red">{{__('Merci de choisir un client et une  société de facturation')}}</span>--}}
                </div>  
                <div class="col-sm-2">
                    <label for="">Date</label>
                    <input type="text" class="form-control" value="{{date_en_fr($bordereau->bor_createdDate)}}" readonly>
                </div>
                <div class="col-sm-2">
                    <div class="form-group provider-only hide">
                        <label>Montant HT</label>
                        <div class="input-group">
                            <input class="form-control amount"   readonly="readonly" value="{{$bordereau->bor_totalAmountHT}}">
                            <div class="input-group-append">
                                <div class="input-group-text">€</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group provider-only hide">
                        <label>Montant TTC</label>
                        <div class="input-group">
                            <input class="form-control amount"   readonly="readonly" value="{{$bordereau->bor_totalAmountTTC}}">
                            <div class="input-group-append">
                                <div class="input-group-text">€</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> 
            {{--<div class="text-center mt-2">
                <button type="button" id="BTN_update_cus_bil" class="btn btn-save">{{ __('Enregistrer ') }}</button>
            </div>--}}
        </div> 
    </div>
</form>
        <div class="row">
            <div class="col-md-12">

                <div class="card card-info card-tabs"> 
                    <div class="card-body">
                        <a class="btn btn-defaut btn-add mb-3" id="btn_add_facture" >{{ __("Ajouter une facture") }}</a>  
                        <a class="btn btn-defaut app2  mb-3" id="btn_export" href="/exportBordereau/{{$bordereau->bor_id }}" data-export={{ $bordereau->bor_id }}>
                            <i class="fas fa-file-export"></i> {{ __("Exporter Excel") }} </a>
                        <a class="btn btn-defaut app2  mb-3" id="btn_export" href="/getPDF_bordereau/{{$bordereau->bor_id }}" data-export={{ $bordereau->bor_id }}>
                            <i class="fas fa-file-export"></i> {{ __("Exporter PDF") }} </a>
                        <div class="tab-content" id="custom-tabs-one-tabContent">
                            <div class="tab-pane fade show active" id="custom-tabs-one-home" role="tabpanel" aria-labelledby="custom-tabs-one-home-tab">
 
                                <table id="results2"  class="table table-hover table-striped nomargin table-compact"  >
                                    <thead class="thead-dark">
                                        <tr> 
                                            <th width="20%">{{ __('Facture') }}</th>
                                            <th width="5%">{{ __('PDF') }}</th>
                                            <th width="7%">{{ __('Référence')}}</th>
                                            <th width="10%">{{ __('libellé')}}</th>
                                            <th width="8%">{{ __('N° Magasin')}}</th>
                                            <th width="8%">{{ __('Date')}}</th>
                                            <th width="8%">{{ __('Montant HT') }}</th>
                                            <th width="8%">{{ __('Montant TTC') }}</th>  
                                            <th width="8%">{{ __('Etat') }}</th>  
                                            <th width="8%">{{ __('Actions') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($invoices as $invoice)
                                            <tr>
                                                <td><a target="_blank" href="/interventions/{{$invoice->int_id}}/editIntCusInv/{{$invoice->cusInv_id}}"><i class="fas fa-file-alt fa-2x mr-2"></i>No {{ $invoice->cusInv_id }} - {{$invoice->cus_socialReason}}</a></td>
                                                <td><a class="btn btn-sm btn-info btn-pdf" href="/getPDF_cusInv/{{$invoice->cusInv_id}}/export" target="_blank"></a></td>
                                                <td>{{$invoice->cusInv_number}}</td>
                                                <td>{!!$invoice->int_title!!}</td>
                                                <td>{{$invoice->sit_code}}</td>
                                                <td>{{ date_en_fr($invoice->cusInv_createdDate)}}</td>
                                                <td>{{ number_format((float)$invoice->cusInv_amountHT, 2, '.', ' ') }}</td>
                                                <td>{{ number_format((float)$invoice->cusInv_amountTTC, 2, '.', ' ') }}</td>
                                                <td width="8%">{{$invoice->cusInv_payed == 1 ? 'Payée' : 'Non payée'}}</td> 
                                                <td> <button class="btn btn-sm btn-success btn-delete" id="BTN_DELETE_{{$invoice->cusInv_id}}" data-bor="{{$invoice->bor_id}}" data-id="{{$invoice->cusInv_id}}" ></button></td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>

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

@endsection
<script>
var routeUrls = {
    fetchInvoices: "{{ route('fetch_invoices') }}", 
    saveInvoices: "{{ route('save_invoices') }}",
    fetchInvoicesDefault : "{{ route('fetchInvoicesDefault')}}",
}; 
</script>
@section('js_footer')
    <script src="{{ asset('js/bordereaux/bordereaux.js')}}"></script>
@endsection
@section('modale')
    <!-- Modale ajout facture -->
    <div id="Modal_add_facture" class="modal modal-warning fade" role="dialog">
        <form method="post" name="add_facture" id="add_facture" action=" " enctype="multipart/form-data">
            @csrf
            {{ csrf_field() }}
            <input type="hidden" name="bor_id" id="bor_id" value="{{$bordereau->bordereaux_id}}"> 
            <input type="hidden" name="list_invoices" id ="list_invoices" value="[]">
            <div class="modal-dialog modal-xl">
                <!-- Modal content-->
                    <div class="modal-content">
                        <div class="modal-header " id="modal_title">
                            <h4 class="modal-title text-center">{{ __('Ajouter une facture') }}</h4>
                        </div>
                        <div class="modal-body"> 
                            <div class="row">
                                <div class="col-md-3">
                                    @component('components.dates.select_simple',['label' => 'Facture entre','value' => '','name' => 'invoiceDate'])
                                    @endcomponent
                                </div>
                                <div class="col-md-3">
                                    @component('components.dates.select_simple',['label' => 'et','value' => '','name' => 'invoiceDate2'])
                                    @endcomponent
                                </div> 
                                <div class="col-md-3">
                                    @component('components.select.select_status',['status'=> @$status,'search'=>'false' ,'emptyValue'=>'true','value'=>session()->get('sta_wait_paiment_cus'),'multiple'=>'true'])
                                    @endcomponent
                                </div> 
                            </div>
                            <div class="d-flex">
                                <button type="button" id="filter_invoices" class="btn btn-default btn-search mb-3">{{ __('Filtrer') }}</button>  
                                <div class="butt_foot" >
                                    <button type="button" class="btn btn-abort" data-dismiss="modal">{{ __('Annuler') }}</button>
                                    <button type="button" name="btn_edit_ok_up" id="btn_edit_ok_up" class="btn btn-save">{{ __('Enregistrer') }}</button>
                                </div> 
                            </div>
                            
                                <div class="table-responsive" id="table_invoices">
                                    <h6>Nombre de factures : <span id="count_invoice">0</span></h6>
                                    <table class="table table-striped table-advance table-hover" id="invoices_table">
                                        <thead class="thead-dark">
                                            <tr>
                                                
                                                <th>Facture N°</th>
                                                <th>Statut facture</th>
                                                <th>N° DI</th>
                                                <th>Statut DI</th>
                                                <th>Titre DI</th>
                                                <th>Site</th>
                                                <th>Montant total HT</th>
                                                <th>Montant total TTC</th>
                                                <th>Date</th>
                                                <th><input type="checkbox" id="select_all"></th>
                                            </tr>
                                        </thead>
                                        <tbody id="invoices_table_body"> 
                                        </tbody>
                                    </table>
                                </div>
                        </div>
                        <div class="modal-footer">
                            <center>
                                <button type="button" class="btn btn-abort" data-dismiss="modal">{{ __('Annuler') }}</button>
                                <button type="button" name="btn_edit_ok" id="btn_edit_ok" class="btn btn-save">{{ __('Enregistrer') }}</button>
                            </center>
                        </div>
                    </div>
            </div>
    </form>
</div>


<!-- Modale de suppression -->
<div id="Modal_facture_delete" class="modal fade modal-danger" role="dialog">
    <div class="modal-dialog ">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header bg-danger">

                <h4 class="modal-title text-center">{{ __('Confirmation de suppression') }}</h4>
            </div>
            <div class="modal-body">
                {{ csrf_field() }}
                {{ method_field('POST') }}
                <p class="text-center">{{ __('Confirmez-vous la suppression de la facture ?') }}</p>
            </div>
            <div class="modal-footer">
                <center>
                    <button type="button" class="btn btn-abort" data-dismiss="modal">{{ __('Annuler') }}</button>
                    <button type="button" name="btn_confirm_sup_fact_ok" id="btn_confirm_sup_fact_ok" class="btn btn-save">{{ __('Oui, supprimer') }}</button>
                </center>
            </div>
        </div>
    </div>
</div> 

@endsection