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

@section('titre_page')
{{ __('Liste') }}
@endsection
<!-- ************************************** -->
@section('panel_boutons')
 @endsection
<!-- ************************************** -->
@section('contenu')


<div class="row">
    <div class="col-md-12">
        <div class="card card-info">
            <div class="card-body p-100">
                 
                <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-3">
                                    <div class="form-group">
                                        <label>{{ __('Localisation document') }}</label>
                                        <select class="form-control" name="type_document"  >
                                            <option value="all" selected> </option>
                                            <option value="intervention">{{ __('Intervention') }}</option>
                                            <option value="contract">{{ __('Contrat') }}</option>
                                            <option value="equipement">{{ __('Equipement') }}</option> 
                                            <option value="site">{{ __('Site') }}</option> 
                                            <option value="enseigne">{{ __('Enseigne') }}</option>

                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>{{ __('Catégorie de document') }}</label>
                                        <select class=" selectpicker form-control" name="cat_document"  >  
                                            <option value=""></option>
                                            @foreach ($categorie_document as $categorie)
                                            <option value={{$categorie->intFilCat_id}}>{{$categorie->intFilCat_nameFr}}</option>
                                            @endforeach 
                                        </select>
                                    </div>
                                </div>
                                <div class="col-6 col-md-3">
                                    @component('components.dates.select_simple',['label' => 'Date création entre le','value' => '','name' => 'createdDate'])
                                    @endcomponent
                                </div>
                                <div class="col-6 col-md-3">
                                    @component('components.dates.select_simple',['label' => 'et le','value' => '','name' => 'createdDate2'])
                                    @endcomponent
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>{{ __('Nom du document') }}</label>
                                        <input class="form-control" name="nom_document" type="text">
                                    </div>
                                </div> 
                            </div>

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


                <div class="row">
                    <div class="col-md-12">
                            <div class="card-body card-body-with-table p-100">
                                <div class="table-responsive">
                                    <table id="results" class="table table-striped table-advance table-hover" width="100%" cellspacing="0">
                                        <thead class="">
                                            <tr> 
                                                <th>{{ __('Localisation document') }}</th>
                                                <th>{{ __('Catégorie document') }}</th>
                                                <th>{{ __('Description') }}</th>
                                                <th>{{ __('Nom') }}</th> 
                                                <th>{{ __('Type')}}</th>
                                                <th>{{ __('Date Ajout') }}</th>
                                                <th align="right" class="action">{{ __('Actions') }}</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/documents/list.js').'?'.env('VERSION_JS')}}"></script>
@endsection

@section('modale')
@endsection