@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')
@endsection
<!-- ************************************** -->
@section('titre')
{{ __('Frais généraux') }}
@endsection
<!-- ************************************** -->
@section('titre_page')
{{ __('Frais généraux') }}
@endsection
<!-- ************************************** -->
@section('panel_boutons')
	@include('layouts.partials.panelboutons', ['btn_ajout' => 'route', 'btn_imprim'=> false, 'btn_export'=> true])

@endsection
<!-- ************************************** -->
@section('contenu')

   <form id="formSearch" class="collapse show" method="POST" action="">
    <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-md-6">
                   @component('components.select.select_companyAccount',[ 'companies' => @$companies,
                        'comptes' =>@$comptes,
                        'comptesFourn' =>@$comptesFourn,
                        'company_value' => @$general_cost->com_id,
                        'genCosAcc_value' => @$general_cost->genCosAcc_id,
                        'genCosAcc_valueProvider' => @$general_cost->genCosAcc_idProvider,
                        'required' => array("true","false", "false"),
                        'search' => array("true","true", "true"),
                        'multiples' => array("false","false", "false"),
                        'emptyValues' => array("true","true", "true"),
                        'bmodeedit' => false,
                        ])
                    @endcomponent
                </div>
                <div class="col-md-6">
                    <div class="row">
                        <div class="col-sm-4">
                            @component('components.dates.select_simple',['label' => 'Date de création du','value' =>'','name' => 'genCos_createdDate'])
                            @endcomponent
                        </div>
                        <div class="col-sm-4">
                            @component('components.dates.select_simple',['label' => 'au','value' => '','name' =>'genCos_createdDate2'])
                            @endcomponent
                        </div>
                        <div class="col-sm-2">
                            @component('components.dates.buttons_selection',['target1' => 'genCos_createdDate','target2' => 'genCos_createdDate2'])
                            @endcomponent
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="row">
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>{{ __('N° frais') }}</label>
                                <input class="form-control" name="genCos_number" type="text">
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="role">{{ __('Exporté') }}</label>
                                <select class="selectpicker form-control" id="exported" name="exported">
                                    <option value="" selected>{{ __('Indifférent') }} </option>
                                    <option value="1">{{ __('Oui') }} </option>
                                    <option value="0">{{ __('Non') }} </option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>{{ __('Montant HT entre') }}</label>
                                <input class="form-control" name="genCos_amountHT" type="number">
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>{{ __('et') }}</label>
                                <input class="form-control" name="genCos_amountHT2" type="number">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="row">
                        <div class="col-sm-4">
                            @component('components.dates.select_simple',['label' => 'Date de réglement du','value' =>'','name' => 'genCos_paymentDate'])
                            @endcomponent
                        </div>
                        <div class="col-sm-4">
                            @component('components.dates.select_simple',['label' => 'au','value' => '','name' =>'genCos_paymentDate2'])
                            @endcomponent
                        </div>
                        <div class="col-sm-2">
                            @component('components.dates.buttons_selection',['target1' => 'genCos_paymentDate','target2' => 'genCos_paymentDate2'])
                            @endcomponent
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-2">
                        @component('components.select.select_status',['label' => '','status' => @$status_genCos,'value' => '','search' =>
                    'true','emptyValue' => 'true','multiple' => 'true'])
                    @endcomponent
                </div>
                <div class="col-md-2">
                    @component('components.select.select_genCosType',['gencosTypes' => @$gencosTypes,'value' => @$general_cost->genCosTyp_id,'search' =>
                            'true','emptyValue' => 'true'])
                    @endcomponent
                </div>
                <div class="col-md-2" id="div_userAssigned" style="visibility:hidden">
                    @if(Auth::user()->role === 'admin')
                        @component('components.select.select_user',['users' => @$users,'value' =>'','search' =>
                                'true','emptyValue' => 'true',
                                'libelle' => 'Agent concerné'])
                        @endcomponent
                    @else
                        <!-- Filtre automatique sur l'utilisateur connecté pour les non-admins -->
                        <input type="hidden" name="use_id" value="{{ Auth::user()->id }}">
                    @endif
                </div>
                <div class="col-md-6">
                    <div class="row">
                        <div class="col-sm-4">
                            @component('components.dates.select_simple',['label' => 'Date d\'échéance du','value' =>'','name' => 'genCos_deadlineDate'])
                            @endcomponent
                        </div>
                        <div class="col-sm-4">
                            @component('components.dates.select_simple',['label' => 'au','value' => '','name' =>'genCos_deadlineDate2'])
                            @endcomponent
                        </div>
                        <div class="col-sm-2">
                            @component('components.dates.buttons_selection',['target1' => 'genCos_deadlineDate','target2' => 'genCos_deadlineDate2'])
                            @endcomponent
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-2">
                    <div class="form-group">
                        <label>{{ __('Payé') }}</label>
                        <select id="payed" name="payed" class="form-control selectpicker" >
                            <option value="" selected> {{ __('Indifférent') }}</option>
                            <option value="1" > {{ __('Oui') }}</option>
                            <option value="0" > {{ __('Non') }}</option>
                        </select>
                    </div>
                </div>

                <div class="col-md-2">
                    <div class="form-group">
                        <label>{{ __('Import ZEENDOCS') }}</label>
                        <select id="imp_zeendocs" name="imp_zeendocs" class="form-control selectpicker" >
                            <option value="" selected> {{ __('Indifférent') }}</option>
                            <option value="1" > {{ __('Oui') }}</option>
                            <option value="0" > {{ __('Non') }}</option>
                        </select>
                    </div>
                </div>

                 <div class="col-md-2">
                </div>

                 <div class="col-md-6">
                    <div class="row">
                        <div class="col-sm-4">
                            @component('components.dates.select_simple',['label' => 'Date document','value' =>'','name' => 'genCos_entryDate'])
                            @endcomponent
                        </div>
                        <div class="col-sm-4">
                            @component('components.dates.select_simple',['label' => 'au','value' => '','name' =>'genCos_entryDate2'])
                            @endcomponent
                        </div>
                        <div class="col-sm-2">
                            @component('components.dates.buttons_selection',['target1' => 'genCos_entryDate','target2' => 'genCos_entryDate2'])
                            @endcomponent
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                 <div class="col-md-2">
                     <div class="form-group">
                        <label>{{ __('Nom fournisseur') }}</label>
                        <input class="form-control" name="genCos_providerName" type="text">
                    </div>
                </div>

                <div class="col-md-2">
                     <div class="form-group">
                        <label>{{ __('N° fact fournisseur') }}</label>
                        <input class="form-control" name="genCos_providerNumber" type="text">
                    </div>
                </div>

                <div class="col-md-2">
                     <div class="form-group">
                        <label>{{ __('Libellé') }}</label>
                        <input class="form-control" name="genCos_nameFr" type="text">
                    </div>
                </div>
            </div>
            <div class="text-center">
                <button type="button" id="BTN_valid_formsearch" class="btn btn-search btn-warning l-search">{{ __('Lancer la recherche ') }}</button>
                <button type="button"  class="btn btn-secondary" name="reinit_form_search" id="reinit_form_search" type="button"> {{ __('Réinitialiser le formulaire') }}</button>
            </div>
        </div>
    </div>
</form>

<!-- Main content -->

<div class="row">
    <div class="col-md-12">
        <div class="row">
            <div class="col-md-3">
                <div class="record-total-wrapper mt-3"></div>
            </div>
            <div class="col-md-3">
                <div class="text-left my-3"><b>{{ __('Total') }}</b> : <span id="totalAmountHT">0</span>€ HT</div>
            </div>
            <div class="col-md-3">
                <div class="text-left my-3"><b>{{ __('Total') }}</b> : <span id="totalAmountTTC">0</span>€ TTC</div>
            </div>
        </div>
        <table id="results" class="table table-hover table-striped nomargin table-compact" data-order='[[ 1, "desc" ]]' width="100%">
            <thead class="thead-dark">
                <tr>
                    <th>{{ __('#') }}</th>
                    <th>{{ __('Société') }}</th>
                    <th>{{ __('Date création') }}</th>
                    <th>{{ __('Créé par') }}</th>
                    <th>{{ __('Libellé') }}</th>
                    <th>{{ __('Compte HT') }}</th>
                    <th>{{ __('Compte fournisseur') }}</th>
                    <th>{{ __('Type de dépense') }}</th>
                    <th>{{ __('TTC / HT') }}</th>
                    {{-- <th width="8%">{{ __('TVA') }}</th> --}}
                    <th>{{ __('Date facture') }}</th>
                    <th>{{ __('Echéance') }}</th>
                    {{-- <th>{{ __('Pré-valid.') }}</th> --}}
                    <th>
                        <input type="checkbox" data-target="btnActionPrevalid" name="ids_prevalid[]" value="all" class="function-toggle">
                        <button id="btnActionPrevalid" type="button" class="btn btn-sm btn-light" disabled="disabled">{{ __('Pré-valid') }}</button>
                    </th>
                    <th>
                        <input type="checkbox" data-target="btnActionValid" name="ids_valid[]" value="all" class="function-toggle">
                        <button id="btnActionValid" type="button" class="btn btn-sm btn-light" disabled="disabled">{{ __('Valid') }}</button>
                    </th>
                    {{-- <th>{{ __('Valid.') }}</th> --}}
                    <th>
                        <input type="checkbox" data-target="btnActionPayee" name="ids_payee[]" value="all" class="function-toggle">
                        <button id="btnActionPayee" type="button" class="btn btn-sm btn-light" disabled="disabled">{{ __('Payée') }}</button>
                    </th>
                    <th>{{ __('Exporté') }}</th>
                    {{-- <th>{{ __('Mode paiement') }}</th> --}}
                    <th>{{ __('Actions') }}</th>
                </tr>
            </thead>
            <tbody>

            </tbody>
        </table>


        <!-- /.col -->
    </div>
    <!-- /.row -->
    </section>
    <!-- /.content -->

    @endsection

    @section('js_footer')

    <script src="{{ asset('js/fonctions/init_datatables.js')}}"></script>

     <script src="{{ asset('js/general_cost/index.js')}}?v={{ filemtime(public_path('js/general_cost/index.js')) }}"></script>
    @endsection

    @section('modale')
    @include('modales.delete_standard')

    <!-- Modale validation/refus de frais général -->
    <div id="ValidationModal" class="modal modal-warning fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header bg-warning">
                    <h4 class="modal-title text-center" id="validationModalTitle">{{ __('Validation du frais') }}</h4>
                </div>
                <div class="modal-body">
                    <input type="hidden" id="validation_genCos_id" value="">
                    <input type="hidden" id="validation_type" value="">
                    <p class="text-center" id="validationModalText">{{ __('Voulez-vous valider ce frais ou le refuser ?') }}</p>
                </div>
                <div class="modal-footer">
                    <center>
                        <button type="button" class="btn btn-abort" data-dismiss="modal">{{ __('Annuler') }}</button>
                        <button type="button" id="BTN_refuse" class="btn btn-danger"><i class="fas fa-times"></i> {{ __('Refuser') }}</button>
                        <button type="button" id="BTN_validate" class="btn btn-success"><i class="fas fa-check"></i> {{ __('Valider') }}</button>
                    </center>
                </div>
            </div>
        </div>
    </div>

     <!-- Modale paiement -->
    <div id="Modal_valid_payee" class="modal modal-warning fade" role="dialog">
        <form method="post" name="valid_gencost_payee" id="valid_gencost_payee" action="{{ route('VALID_gencost_payee') }}" enctype="multipart/form-data">
            @csrf
            {{ csrf_field() }}
            <input type="hidden" name="genCost_payee_list" id="genCost_payee_list" value="">
            <div class="modal-dialog modal-xl">
                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header bg-warning" id="modal_title">
                        <h4 class="modal-title text-center">{{ __("Validation de paiement frais") }}</h4>
                    </div>
                    <div class="modal-body">

                        <div class="row">
                            <div class="col-md-6">
                                <div class="callout callout-warning">
                                    <H5>{{ __("Frais concernés") }}</H5>
                                    <table id="tab_genCost_payee_validate" class="table table-hover table-striped table-striped">
                                        <thead>
                                            <tr><td>#</td><td>Libellé</td><td>TTC</td></tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>
                            </div>


                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-sm-6">
                                        @component('components.dates.select_simple',['label' => 'Date paiement',
                                        'value' => '',
                                        'name' => 'genCos_action_payment_date','required' => 'false'])
                                        @endcomponent

                                        <br>

                                        <div class="form-group" >
                                            <label for="role">{{ __("Méthode de paiement") }}</label>

                                            <select class="selectpicker form-control" id="genCos_action_paymentMethod"
                                                name="genCos_action_paymentMethod"
                                                data-live-search="true" required>
                                                <option value="CHEQUE">{{ __("CHEQUE")}}</option>
                                                <option value="VRT">{{ __("VIREMENT")}}</option>
                                                <option value="CB">{{ __("CARTE BANCAIRE")}}</option>
                                                <option value="PREL">{{ __("PRELEVEMENT")}}</option>
                                                <option value="AUTR">{{ __("AUTRE CAS")}}</option>
                                                <option value="TRAITE">{{ __("TRAITE")}}</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>


                    </div>
                    <div class="modal-footer">
                        <center>
                            <button type="button" class="btn btn-abort" data-dismiss="modal">{{ __("Annuler") }}</button>
                            <button type="submit" name="btn_edit_ok" id="btn_edit_ok" class="btn btn-save">{{ __("Enregistrer") }}</button>
                        </center>
                    </div>
                </div>
            </div>
        </form>
    </div>


    <!-- Modale pré-validation -->
    <div id="Modal_valid_prevalid" class="modal modal-warning fade" role="dialog">
        <form method="post" name="valid_gencost_prevalid" id="valid_gencost_prevalid" action="{{ route('VALID_gencost_prevalid') }}" enctype="multipart/form-data">
            @csrf
            {{ csrf_field() }}
            <input type="hidden" name="genCost_prevalid_list" id="genCost_prevalid_list" value="">
            <div class="modal-dialog modal-xl">
                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header bg-warning" id="modal_title">
                        <h4 class="modal-title text-center">{{ __("Pré-validation de frais") }}</h4>
                    </div>
                    <div class="modal-body">

                        <div class="row">
                            <div class="col-md-8">
                                <div class="callout callout-warning">
                                    <H5>{{ __("Frais concernés") }}</H5>
                                    <table id="tab_genCost_prevalid_validate" class="table table-hover table-striped table-striped">
                                        <thead>
                                            <tr><td>#</td><td>Libellé</td><td>TTC</td></tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <label class="d-flex">{{ __('Décision') }}</label>
                                <div class="form-group btn-group btn-group-toggle" data-toggle="buttons">
                                <label class="btn btn-default active">
                                    <input type="radio" name="decision_prevalid" id="decision_prev1" autocomplete="off" value="valid" checked="">{{ __('Valider') }}</label>
                                <label class="btn btn-default ">
                                    <input type="radio" name="decision_prevalid" id="decision_prev2" autocomplete="off" value="refuse">{{ __('Refuser') }}</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <center>
                            <button type="button" class="btn btn-abort" data-dismiss="modal">{{ __("Annuler") }}</button>
                            <button type="submit" name="btn_edit_ok" id="btn_edit_ok" class="btn btn-save">{{ __("Enregistrer") }}</button>
                        </center>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <!-- Modale pré-validation -->
    <div id="Modal_valid_valid" class="modal modal-warning fade" role="dialog">
        <form method="post" name="valid_gencost_valid" id="valid_gencost_valid" action="{{ route('VALID_gencost_valid') }}" enctype="multipart/form-data">
            @csrf
            {{ csrf_field() }}
            <input type="hidden" name="genCost_valid_list" id="genCost_valid_list" value="">
            <div class="modal-dialog modal-xl">
                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header bg-warning" id="modal_title">
                        <h4 class="modal-title text-center">{{ __("Validation de frais") }}</h4>
                    </div>
                    <div class="modal-body">

                        <div class="row">
                            <div class="col-md-8">
                                <div class="callout callout-warning">
                                    <H5>{{ __("Frais concernés") }}</H5>
                                    <table id="tab_genCost_valid_validate" class="table table-hover table-striped table-striped">
                                        <thead>
                                            <tr><td>#</td><td>Libellé</td><td>TTC</td></tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <label class="d-flex">{{ __('Décision') }}</label>
                                <div class="form-group btn-group btn-group-toggle" data-toggle="buttons">
                                <label class="btn btn-default active">
                                    <input type="radio" name="decision_valid" id="decision_val1" autocomplete="off" value="valid" checked="">{{ __('Valider') }}</label>
                                <label class="btn btn-default ">
                                    <input type="radio" name="decision_valid" id="decision_val2" autocomplete="off" value="refuse">{{ __('Refuser') }}</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <center>
                            <button type="button" class="btn btn-abort" data-dismiss="modal">{{ __("Annuler") }}</button>
                            <button type="submit" name="btn_edit_ok" id="btn_edit_ok" class="btn btn-save">{{ __("Enregistrer") }}</button>
                        </center>
                    </div>
                </div>
            </div>
        </form>
    </div>

@endsection