@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')
@endsection
<!-- ************************************** -->
@section('titre')
{{ __('Action et relances / Documents et garanties prestataires') }}
@endsection
<!-- ************************************** -->
@section('titre_header')
{{ __('Action et relances') }}
@endsection
<!-- ************************************** -->
@section('titre_page')
{{ __("Documents et garanties prestataires") }}
@endsection
<!-- ************************************** -->
@section('panel_boutons')
<small class="float-right">

</small>
@endsection
<!-- ************************************** -->
@section('contenu')
<div class="row">
    <div class="col-md-12">
        <div class="card card-info">
            <div class="card-body p-100">

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


        <form id="formSearch" class="{{ @$filtering=='ok' ? 'collapse' : 'collapse show' }}" method="POST" action="">
            <input type="hidden" name="filtering" value="ok">
            <input type="hidden" name="pro_docsUpToDate" id="pro_docsUpToDate" value="0">
            <input type="hidden" name="doc_list" value="">
        
            @csrf
            <div class="h-20"></div>
            <div class="panel">
                <div class="panel-body">
        
                    <div class="row">
                        <div class="col-md-4">
                            @component('components.select.select_provider',['providers' => '','value' => '','search' => 'true','emptyValue' => 'false'])
                            @endcomponent
                        </div>
                        
                        <div class="col-md-3">
                            <div class="form-group" id="div_typeRecherche">
                                <label for="role">{{ __("Prestataires") }}</label>
                                <select class="selectpicker form-control" id="typeRecherche" name="typeRecherche">
                                    <option value="recents" selected> {{ __("Prestataires crées récemment") }} </option>
                                    <option value="travailles"> {{ __("Prestataire avec commande") }} </option>
                                </select>     
                            </div> 
                        </div> 
                        <div class="col-md-2">
                            <div class="form-group" id="div_sel_nb_ans" name="div_sel_nb_jours">
                                <label>{{ __('Sur les') }} </label>
                                <div class="input-group mb-3">
                                <input class="form-control max200" id="nb_jours_docs" name="nb_jours_docs" type="text" value="{{ Session()->get('nbjours_prestarecent') }}">
                                 <div class="input-group-append">
                                    <span class="input-group-text" id="basic-addon2">{{ __('derniers jours') }}</span>
                                  </div>
                                </div>
                            </div>
                        </div> 
                        <div class="col-md-3">
                            <div class="form-group">
                                <label>{{ __('Attestations à jour') }}</label>
                                <select id="pro_docsUpToDate" name="pro_docsUpToDate" class="form-control selectpicker" >
                                    <option value="" > {{ __('Indifférent') }}</option>
                                    <option value="1" > {{ __('Oui') }}</option>
                                    <option value="0" selected> {{ __('Non') }}</option>
                                </select>
                            </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="card-body card-body-with-table p-100">
                    <div class="record-total-wrapper mt-3"></div>
                    <table id="results" class="table table-striped table-compact table-advance table-hover" width="100%" cellspacing="0" data-order='[[ 0, "asc" ]]'>
                        <thead class="thead-dark">
                            <tr>
                                <th width="20%">{{ __("Raison sociale") }}</th>
                                <th width="15%">{{ __("Localisation") }}</th>
                                <th width="10%">{{ __("Email") }}</th>
                                <th width="8%">{{ __("Mobile") }}</th>
                                <th width="5%">{{ __("Actif") }}</th>
                                <th width="7%">{{ __("Crée le") }}</th>
                                <th width="10%">{{ __("Docs à jour") }}</th>
                                <th width="25%">{{ __("Détail") }}</th>
                                {{-- <th>{{ __("Attestation") }}</th> --}}
                                <th>
                                    <input type="checkbox"  data-target="btnRelanceDoc" name="ids_doc[]" value="all" class="function-toggle" >
                                    <button id="btnRelanceDoc" type="button" class="btn btn-sm btn-light" disabled="disabled" >{{ __('Relance documents') }}</button>
                                </th>
                                <th class="action">{{ __("Actions") }}</th>
                            </tr>
                        </thead>
                        <tbody>
            
                        </tbody>
                    </table>


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

    @endsection

    @section('js_footer')
    <script src="{{ asset('js/fonctions/init_datatables.js')}}"></script>
    <script src="{{ asset('js/actionsRelances/relanceFichierPrestataire.js')}}"></script>
    @endsection

    @section('modale')

<!-- Modale facture payée -->
<div id="Modal_relance_doc" class="modal modal-warning fade" role="dialog">
    <form method="post" name="doc_pro" id="doc_pro" action="{{ route('VALID_relance_documents')}}" enctype="multipart/form-data">
      @csrf
      {{ csrf_field() }}
        <input type="hidden" name="pro_list_doc" id="pro_list_doc" 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">{{ __("Documents") }}</h4>
                    </div>
                    <div class="modal-body">

                        <div class="row">
                          <div class="col-md-6">
                            <div class="callout callout-warning">
                              <H5>{{ __("Prestataites concernées") }}</H5>
                              <table id="tab_documents" class="table table-hover table-striped table-striped">
                                <tbody>
                                </tbody>
                              </table>
                            </div>
                          </div>

                          <div class="col-md-6">
                            <div class="form-group">
                                <label>{{ __("Sujet") }}</label>
                                <input class="form-control no-reset" id="subject" name="subject" type="text" value="">
                              </div>
                            
                              <div class="form-group ">
                                <label>{{ __("Message") }}</label>
                                <textarea class="form-control trumbowyg no-reset" id="body" name="body" rows="5"></textarea>
                              </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_ok2" id="btn_edit_ok2" class="btn btn-save" >{{ __("Enregistrer") }}</button>
                      </center>
                  </div>
              </div>
          </div>
        </form>
  </div>
@endsection