@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')
@endsection
<!-- ************************************** -->
@section('titre')
  {{ __('Documents Clients') }}
@endsection
<!-- ************************************** -->
@section('titre_header')
{{ __('Documents Clients') }}
@endsection

@section('titre_page')
{{ __('Documents clients') }}
@endsection
<!-- ************************************** -->
@section('panel_boutons')
	@include('layouts.partials.panelboutons', ['btn_ajout' => 'modale', 'btn_imprim'=> false, 'btn_export'=> false])
@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
    </div>
</div>
<br>
<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-sm-3">
                                <div class="form-group">
                                    <label>{{ __('Libelle') }}</label>
                                    <input class="form-control" name="docCli_libelle" type="text" >
                                </div>
							</div>

							<div class="col-sm-3">
                                <div class="form-group">
                                    @component('components.select.select_sign',['signs' => @$clients,'value' => '','search' => 'true','emptyValue' => 'true'])
                                    @endcomponent
                                </div>
						  </div>

							<div class="col-sm-3">
                                <div class="form-group">
                                    @component('components.select.select_site',['sites' => @$parcs,'value' => [],'search' => 'true','emptyValue' => 'true', 'required' => 'true', 'multiple' => 'true', 'label' => 'Parc', 'size' => '15', 'options_all' => 'true'])
                                    @endcomponent
                                </div>
						  </div>

                          <div class="col-sm-3">
                            <div class="form-group">
                              @component('components.select.select_user',['users' => $lead_techs,'value' => [],'search' => 'true','emptyValue' => 'true', 'multiple' => 'true', 'label' => 'Lead Tech', 'size' => '15', 'options_all' => 'true'])
                              @endcomponent
                            </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>
		<div class="row">
			<div class="col-md-12">
				<div class="card card-info">
		 			<div class="card-body p-100">
                        <div class="d-flex justify-content-end"><button class="btn btn-info btn-xs btn-zip"><i class="fa fa-arrow-circle-down" aria-hidden="true"></i>
                            {{ __('Télécharger') }}</button></div>
						<div class="table-responsive">
                            {{-- <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='[[ 1, "desc" ]]'>
                                <thead class="thead-dark">
                                    <tr>
                                        <th style="width: 60px;"></th>
                                        <th style="width: 200px;">{{ __('Parc') }}</th>
                                        <th style="width: 60px;">{{ __('Date') }}</th>
                                        <th style="width: 200px;">{{ __('Libelle') }}</th>
                                        <th style="width: 400px;">{{ __('Documents') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
						</div>
					</div>
				</div>
		  </div>
	</div>


@endsection

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

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

<!-- Modale AJOUT -->
<div id="Modale_Edit" class="modal fade" role="dialog">
    <div class="modal-dialog">
      <!-- Modal content-->
        <form method="post" class="" id="form_modaleajout" name="form_modaleajout" action="{{ route('CU_DC') }}" enctype="multipart/form-data">
        @csrf
        {{ csrf_field() }}
          <div class="modal-content">
			  <div class="modal-header bg-warning">
				<span id="mod_header_desc">{{ __('Ajout') }}</span>
			  </div>

              <div class="modal-body">

				<div class="row">
					<div class="col-md-12">
							<input type="hidden" name="docCli_id" id="docCli_id" value="">
							<input type="hidden" name="CU_type" id="CU_type" value="add">
							<input type="hidden" name="page_type" id="page_type" value="Document client">

							<div class="form-group">
								<label>{{ __('Titre') }}</label>
								<input class="form-control" name="docCli_libelle" id="docCli_libelle" type="text" value="">
							</div>
							<div class="form-group">
                                @component('components.select.select_site',['sites' => @$parcs,'value' => '','search' => 'true','emptyValue' => 'true', 'required' => 'true', 'label' => 'Parc', 'size' => '15'])
                                @endcomponent
                                <div class="warning-message"></div>
							</div>
							<div class="form-group">
                                @component('components.dates.select_simple',['label' => 'Date','value' => '','name' => 'docCli_date'])
                                @endcomponent
							</div>
                            <div class="form-group">
                                <label for="files">{{ __('Fichier') }}</label>
                                <input id="file" class="my-pond" type="file" name="files[]" accept="{{ Session::get('value_authorized_extensions') }}" multiple>
                                {{-- <input id="file" class="my-pond" type="file" name="files[]" accept="{{ Session::get('value_authorized_extensions') }}" multiple> --}}
                            </div>

					</div>
				</div>

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

              </form>
          </div>
    </div>
</div>
   <!-- Modale de suppression -->
	<div id="Modale_DeleteFile" class="modal fade modal-danger" role="dialog">
		<div class="modal-dialog ">
		<!-- Modal content-->
			<div class="modal-content">
				<div class="modal-header bg-danger">
					<!--<button type="button" class="close" data-dismiss="modal">&times;</button>-->
					<h4 class="modal-title text-center">{{ __('Confirmation de suppression') }}</h4>
				</div>
				<div class="modal-body">
					{{ csrf_field() }}
					{{ method_field('DELETE') }}
					<div id="txt_modale"><p class="text-center">{{ __('Voulez-vous vraiment supprimer cet élément ?') }}</p></div>
				</div>
				<div class="modal-footer">
					<center>
						<button type="button" class="btn btn-abort" data-dismiss="modal">{{ __('Annuler') }}</button>
						<button type="button" name="BTN_supprFileOK" id="BTN_supprFileOK" class="btn btn-save" >{{ __('Oui, supprimer') }}</button>
					</center>
				</div>
			</div>
		</div>
	</div>
    <!-- Modale de suppression -->
     <div id="Modale_Delete" class="modal fade modal-danger" role="dialog">
         <div class="modal-dialog ">
         <!-- Modal content-->
             <div class="modal-content">
                 <div class="modal-header bg-danger">
                     <!--<button type="button" class="close" data-dismiss="modal">&times;</button>-->
                     <h4 class="modal-title text-center">{{ __('Confirmation de suppression') }}</h4>
                 </div>
                 <div class="modal-body">
                     {{ csrf_field() }}
                     {{ method_field('DELETE') }}
                     <div id="txt_modale"><p class="text-center">{{ __('Voulez-vous vraiment supprimer cet élément ?') }}</p></div>
                 </div>
                 <div class="modal-footer">
                     <center>
                         <button type="button" class="btn btn-abort" data-dismiss="modal">{{ __('Annuler') }}</button>
                         <button type="button" name="BTN_supprOK" id="BTN_supprOK" class="btn btn-save" >{{ __('Oui, supprimer') }}</button>
                     </center>
                 </div>
             </div>
         </div>
     </div>
</div>