@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')
@endsection
<!-- ************************************** -->
@section('titre')
{{ __('Gestion des échéances') }}
@endsection
<!-- ************************************** -->
@section('titre_header')
{{ __('Gestion des échéances') }}
@endsection

@section('titre_page')
{{ __('Liste des écheances') }}
@endsection
<!-- ************************************** -->
@section('panel_boutons')
@include('layouts.partials.panelboutons', ['btn_ajout' => 'route', 'btn_imprim'=> false, 'btn_export'=> false])
@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="row">
                    <div class="col-md-12">
                        <input type="hidden" name="int_id" id="int_id" value="">
                        <input type="hidden" name="close" id="close" value="close">

                        <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">{{ __('Ces écheances sont basées sur la frequence de paiement ainsi que le type de paiement') }}</span>
                            </div>
                        </div>
                    </div>
                </div>
                {{-- <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="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_sig_sec_site',['signs' => '',
                                'customers' => '',
                                'signs' => '',
                                'secteurs' => '',
                                'sites' => '',
                                'sig_value' =>'',
                                'sec_value' => '',
                                'sit_value' => '',
                                'required' => array(false,false,false),
                                'search' => array(true,true,true),
                                'multiples' => array(false,false,false),
                                'emptyValues' => array(false,false,false),
                                'initialiser' => true,
                                'options_all' => true,
                                'mode_creation_di' => false,
                                ])
                                @endcomponent
                            </div>
                            <div class="col-md">
                                <div class="form-group" id="div_ownCon_active">
                                    <label for="role">{{ __('Contrat actif ?') }}</label>
                                    <select class="selectpicker form-control" id="ownCon_active" name="ownCon_active">
                                        <option value="" selected>{{ __('Indifférent') }}</option>
                                        <option value="1">{{ __('Oui') }}</option>
                                        <option value="0">{{ __('Non') }}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md">
                                <div class="form-group" id="div_own_id">
                                    <label class="required_label" for="role">{{ __('Type de contrat') }}</label>
                                    <select class="selectpicker form-control" id="ownCon_type" name="ownCon_type" required>
                                        <option value="" selected></option>
                                        @foreach (@$types_contrats as $element)
                                        <option value="{!! $element->div_id !!}"> {!! $element->div_nameFr !!} </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md">
                                <div class="form-group">
                                    <label class="required_label" for="role">{{ __('Position') }}</label>
                                    <select class="selectpicker form-control" id="ownCon_position" name="ownCon_position" required>
                                        <option value="" selected></option>
                                        <option value="PRENEUR">{{ __('Preneur') }}</option>
                                        <option value="INTRAGROUP">{{ __('Intragroup') }} </option>
                                        <option value="BAILLEUR">{{ __('Bailleur') }} </option>
                                    </select>
                                </div>
                            </div>

                        </div>

                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group" id="div_idPart1">
                                    <label class="required_label" for="role">{{ __('Enseigne concernée (partie 1 ou 2)') }}</label>
                                    <select class="selectpicker form-control" id="party_sig_id" name="party_sig_id" required>
                                        <option value="" selected></option>
                                        @foreach (@$signs as $element)
                                        <option value="{!! $element->sig_id !!}"> {!! $element->sig_socialReason !!} </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group" id="div_idPart2">
                                    <label class="required_label" for="role">{{ __('Partenaire / bailleur concerné (partie 1 ou 2)') }}</label>
                                    <select class="selectpicker form-control" id="party_own_id" name="party_own_id" required>
                                        <option value="" selected></option>
                                        @foreach (@$owners as $element)
                                        <option value="{!! $element->own_id !!}"> {!! $element->own_socialReason !!} </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                @component('components.dates.select_simple',['label' => 'Date d\'écheance du','value' => '','name' => 'ownCon_date1'])
                                @endcomponent
                            </div>

                            <div class="col-sm-3">
                                @component('components.dates.select_simple',['label' => 'au','value' => '','name' => 'ownCon_date2'])
                                @endcomponent
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="ownCon_montant">{{ __('Montant supérieur à ') }}</label>
                                    <input type="text" class="form-control" id="ownCon_montant" name="ownCon_montant" value="" maxlength="150">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="ownCon_montant">{{ __('Montant inférieur à ') }}</label>
                                    <input type="text" class="form-control" id="ownCon_montant2" name="ownCon_montant2" value="" maxlength="150">
                                </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 id="div_ownDeadlines" name="div_ownDeadlines">

                                <table id="tab_ownDeadlines" class="table table-striped table-compact table-advance table-hover" width="100%" cellspacing="0">

                                    <thead class="">
                                        <tr>
                                            <th width="30%">{!! __('Lieu') !!}</th>
                                            <th width="10%">{{ __('Type contrat') }}</th>
                                            <th width="5%">{{ __('Position') }}</th>
                                            <th width="15%">{{ __('Partie 1') }}</th>
                                            <th width="15%">{{ __('Partie 2') }}</th>
                                            <th width="5%">{{ __('Date') }}</th>
                                            <th width="10%">{{ __('Libellé') }}</th>
                                            <th width="5%">{{ __('Montants') }}</th>
                                            <th class="action" width="5%">{{ __('Action') }}</th>

                                        </tr>
                                    </thead>
                                    <tbody>


                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12">
                            <div class="card-body card-body-with-table p-100">
                        <div class="card card-gray">

                            <div class="card-body">
                                <div id="div_ownerDeadlines" name="div_ownerDeadlines"></div>

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


@endsection

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

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