@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')
@endsection
<!-- ************************************** -->
@section('titre')
    {{ __('Facturation des interventions aux enseignes') }}
@endsection
<!-- ************************************** -->
@section('titre_page')
    {{ __('Facturation des interventions aux enseignes') }}
@endsection
<!-- ************************************** -->
@section('contenu')

<div class="row">
    <div class="col-md-4">
        <button class="btn btn-default btn-search" data-toggle="collapse" data-target="#formSearch">{{ __('Recherche') }}</button>

        @if ( app('request')->input('intType')=='C')
        <a class="btn btn-defaut app2" id="btn_ajout" href="{{ url()->current() }}/create?intType={{app('request')->input('intType')}}">
            <i class="fas fa-plus"></i> {{ __('Ajouter') }} </a>
        @endif
        <a class="btn btn-defaut app2" id="btn_export" href="export/{{ request()->path() }}" data-export={{ Route::current()->getName() }}> <i class="fas fa-file-export"></i> {{ __('Exporter') }} </a>
    </div>
    <div class="col-md-8">

        <div class="info-box ib_elan_alert">
            <span class="info-box-icon bg-warning"><i class="fas fa-exclamation-circle"></i></span>

            <div class="info-box-content">
                <span class="info-box-text">{{ __('Seules les demandes dans les statuts Clôturé service maintenance, A régler et Réglée non encore facturées apparaissent par défaut') }}
                </span>
            </div>
            <!-- /.info-box-content -->
        </div>
    </div>
</div>

<form id="formSearch" class="{{ @$filtering=='ok' ? 'collapse show' : 'collapse' }}" 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-sm-6">
                    <div class="row">
                        <div class="col-md-4">
                            @component('components.select.select_status',['status' => $status,'value' => '' ,'search' => 'true','emptyValue' => 'true','multiple' => 'true'])
                            @endcomponent
                        </div>
                        <div class="col-md-8">
                            <div class="form-group">
                                @component('components.select.select_sig_site',['signs' => '',
                                'customers' => '',
                                'signs' => '',
                                'sites' => '',
                                'sig_value' => '',
                                'sit_value' => '',
                                'required' => array(false,false),
                                'search' => array(true,true),
                                'multiples' => array(false,true),
                                'emptyValues' => array(false,false),
                                'initialiser' => true,
                                'options_all' => true,
                                ])
                                @endcomponent
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>{{ __('Déjà facturé') }}</label>
                                <select id="int_signInvoice" name="int_signInvoice" class="form-control selectpicker">
                                    <option value=""> {{ __('Indifférent') }}</option>
                                    <option value="1"> {{ __('Oui') }}</option>
                                    <option value="0"> {{ __('Non') }}</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>{{ __('N° DI') }}</label>
                                <input class="form-control" name="number" type="text">
                            </div>
                        </div>

                        <div class="col-md-4">
                            @component('components.select.select_activity',['activities' => $activities,'value' => '','search' => 'true','emptyValue' => 'false'])
                            @endcomponent
                        </div>
                    </div>
                </div>

                <div class="col-sm-6">
                    <div class="row">
                        <div class="col-sm-6">
                            @component('components.dates.select_simple',['label' => 'Date création du','value' => '','name' => 'createdDate'])
                            @endcomponent
                        </div>
                        <div class="col-sm-6">
                            @component('components.dates.select_simple',['label' => 'au','value' => '','name' => 'createdDate2'])
                            @endcomponent
                        </div>
                        <div class="col-sm-6">
                            @component('components.dates.select_simple',['label' => 'Date planifiée du','value' => '','name' => 'planningDate'])
                            @endcomponent
                        </div>
                        <div class="col-sm-6">
                            @component('components.dates.select_simple',['label' => 'au','value' => '','name' => 'planningDate2'])
                            @endcomponent
                        </div>

                        @if (request()->get('intType') == "P")
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>{{ __('Nom Contrat') }}</label>
                                <input class="form-control" name="con_title" type="text">
                            </div>
                        </div>
                        @endif

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

            <div class="text-center"><button type="button" id="BTN_valid_formsearch" class="btn btn-secondary l-search">{{ __('Recherche') }}</button></div>
        </div>
    </div>
</form>

<!-- Main content -->

<div class="row">
    <div class="col-md-12">
        <div class="record-total-wrapper mt-3"></div>
        <table id="results" class="table table-di table-hover table-striped nomargin" width="100%" data-order='[[ 3, "desc" ]]'>
            <thead class="thead-dark mediumfont  table-compact">
                <tr>

                    <th width="12%">{{ __('Enseigne / site') }}</th>
                    <th># DI</th>

                    @if ( app('request')->input('intType')=='P')
                    <th>{{ __('Planification souhaitée') }}</th>
                    @else
                    <th>{{ __('Création') }}</th>
                    @endif

                    <th>{{ __('Planif.') }}</th>
                    <th>{{ __('Activité') }}</th>
                    <th>{{ __('Statut') }}</th>
                    <th>{{ __('Facturé') }}</th>
                    <th>{{ __('Date facture') }}</th>
                    <th>{{ __('Montant') }}</th>
                    <th>{{ __('Commentaire/réference') }}</th>
                    <th>{{ __('Présence facture prestataire') }}</th>
                    <th>{{ __('Bon intervention') }}</th>
                    <th>
                        <input type="checkbox" data-target="btnUpdate" name="ids[]" value="all" class="function-toggle">

                        <button id="btnUpdate" type="button" class="btn btn-sm btn-light" disabled="disabled"><i class="fas fa-edit"></i></button>
                        <!--
                        <button id="btnUpdate" type="button" class="btn btn-sm btn-light" onclick="modal('intervention-update',{'data':{page_id:'42','ids':$('#results :input').serialize()}})" disabled="disabled">Mettre &agrave; jour</button>-->
                    </th>
                    {{-- <th>{{ __('Actions') }}</th> --}}
                </tr>
            </thead>
            <tbody class="mediumfont">

            </tbody>
        </table>


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

    @endsection

    @section('js_footer')

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

    <script>
        var intType = "{!! app('request')->input('intType') !!}";
        var intFilter = "{!! app('request')->input('intFilter') !!}";

    </script>

    <script src="{{ asset('js/comptabilite/sign_invoices.js')}}"></script>
    @endsection

    @section('modale')
            <div id="Modale_Update" class="modal fade" role="dialog">
                <div class="modal-dialog">
                    <!-- Modal content-->
                    <form method="post" class="" id="form_modale_modif" name="form_modale_modif" action="{{ route('MOD_signInvoice') }}" enctype="multipart/form-data">
                        @csrf
                        {{ csrf_field() }}
                        <input type="hidden" name="intervention_list" id="intervention_list" value="">
                        <input type="hidden" name="type_maj" id="type_maj" value="update">
                        <div class="modal-content">
                            <div class="modal-header bg-danger">
                                <h4 class="modal-title text-center">{{ __('Facturation des interventions') }}</h4>
                            </div>

                            <div class="modal-body">
                                <div class="row">
                                    <div class="col-md-12" id="bloc_update">
                                        @component('components.cb_ouinon',[
                                            'title' => 'Facturer',
                                            'name' => 'int_signInvoice',
                                            'value' => '1'
                                            ])
                                        @endcomponent

                                        @component('components.dates.select_simple',['label' => 'Date de la facture',
                                        'value' =>date('d/m/Y'),
                                        'name' => 'int_signInvoiceDate','required' => 'false'])
                                       @endcomponent

                                       <div class="form-group" id="div_int_signInvoiceAmount">
                                        <label for="int_signInvoiceAmount">{{ __('Montant') }}</label>
                                        <input id="int_signInvoiceAmount" name="int_signInvoiceAmount"  type="number" class="form-control">
                                       </div>

                                        <div class="form-group" id="div_int_signInvoiceTxt">
                                            <label for="int_signInvoiceTxt">{{ __('Commentaire / réference') }}</label>
                                            <input id="int_signInvoiceTxt" name="int_signInvoiceTxt" required type="text" class="form-control">
                                        </div>
                                    </div>

                                    <div class="col-md-12" id="bloc_resultat">

                                    </div>
                                </div>

                            </div>
                            <div class="modal-footer">
                                <center>

                                    <button type="button" id="valid_facturation" class="btn btn-save">{{ __('Mettre à jour') }}</button>
                                    <button type="button" id="valid_export_facturation" class="btn btn-info">{{ __('Mettre à jour et exporter') }}</button>
                                    <button type="button" name="BTN_fermermodaleA" id="BTN_fermermodaleA" data-dismiss="modal" class="btn btn-abort">{{ __('Fermer') }}</button>
                                </center>
                            </div>

                    </form>
                </div>
            </div>
        </div>
   @endsection