@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')
@endsection
<!-- ************************************** -->
@section('titre')
{{ __("Contacts") }}
@endsection
<!-- ************************************** -->
@section('titre_header')
{{ __("Contacts") }}
@endsection
<!-- ************************************** -->
@section('titre_page')
{{ __("Liste") }}
@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>

    </div>
</div>
<br>
<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-md-8">
                    @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 class="d-flex justify-content-between col-md-12">
                    <div class="form-group col-md-4">
                        <label>{{ __('Nom / Prénom') }}</label>
                        <input class="form-control" name="con_firstname" type="text">
                    </div>
                    <div class="form-group col-md-4">
                        <label>{{ __('Téléphone') }}</label>
                        <input class="form-control" name="con_phone" type="text">
                    </div>
                    <div class="form-group col-md-4">
                        <label>{{ __('Email') }}</label>
                        <input class="form-control" name="con_email" type="text">
                    </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="table-responsive">
                    <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>{{ __("Nom") }}</th>
                                <th>{{ __("Email") }}</th>
                                <th>{{ __("Type") }}</th>
                                <th>{{ __("Tel") }}</th>
                                <th class="action">{{ __("Actions") }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            {{-- @foreach ($contacts as $contact)
                            <tr>
                                <td><strong>{!! $contact->con_firstname !!} {!! $contact->con_lastname !!}</strong></td>
                                <td>{!! $contact->con_email !!}</td>
                                <td>
                                    @if ($contact->sig_id != '0')
                                    Enseigne : {{ $contact->sig_socialReason }}
                            @endif
                            @if ($contact->sit_id != '0')
                            Site : {{ $contact->sit_name }}
                            @endif
                            </td>
                            <td>{!! $contact->con_phone !!}</td>
                            <td class="action">
                                <button type="button" class='btn btn-sm btn-success btn-edit btn-circle' data-toggle="tooltip" title="Modifier" id="btn_edit_{{ $contact->con_id }}" data-id="{{ $contact->con_id }}">
                                    {{ __("Modifier") }}
                                </button>

                                <button type="button" class='btn btn-sm btn-danger btn-delete btn-circle' data-toggle="tooltip" title="Supprimer" id="btn_suppr_{{ $contact->con_id }}" data-id="{{ $contact->con_id }}">
                                    {{ __("Supprimer") }}
                                </button>
                            </td>
                            </tr>
                            @endforeach --}}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

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

@section('modale')
<!-- Modale AJOUT -->
<div id="Modale_Edit" class="modal fade" role="dialog">
    <div class="modal-dialog modal-xl">
        <!-- Modal content-->
        <form method="post" class="" id="form_modaleajout" name="form_modaleajout" action="{{ route('create_contact') }}" enctype="multipart/form-data">

            @csrf
            {{ csrf_field() }}
            <div class="modal-content">
                <div class="modal-header bg-info">
                    <h4 class="modal-title text-center">{{ __("Contact") }}</h4>
                    <span id="mod_header_desc">{{ __("Modification") }}</span>
                </div>

                <div class="modal-body">

                    <div class="row">
                        <div class="col-md-6">
                            <input type="hidden" name="con_id" id="con_id">
                            <input type="hidden" name="type_maj" id="type_maj">

                            <div class="d-flex">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>{{ __("Nom") }}</label>
                                        <input class="form-control" name="con_lastname" id="con_lastname" type="text" value="">
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>{{ __("Prénom") }}</label>
                                        <input class="form-control" name="con_firstname" id="con_firstname" type="text" value="">
                                    </div>
                                </div>
                            </div>

                            <div class="d-flex">
                                <div class="col-md-6">
                                    <div class="form-group mr-4">
                                        <label>{{ __("Téléphone") }}</label>
                                        <input class="form-control" name="con_phone" id="con_phone" type="text" value="">
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>{{ __("Email") }}</label>
                                        <input class="form-control" name="con_email" id="con_email" type="text" value="">
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label>{{ __("Fonction") }}</label>
                                <input class="form-control" name="con_fonction" id="con_fonction" type="text" value="">
                            </div>

                            <div id="div_sig_sit_modal">
                                @component('components.select.select_sig_site_modal',['signs' => '',
                                'customers' => '',
                                'signs' => @$signs,
                                'sites' => @$sites,
                                'sig_value' => '',
                                'sit_value' => '',
                                'required' => array(false,false),
                                'search' => array(true,true),
                                'multiples' => array(false,false),
                                'emptyValues' => array(false,false),
                                'initialiser' => true,
                                'options_all' => true,
                                ])
                                @endcomponent
                            </div>


                            <div id="div_cus_modal">
                                @component('components.select.select_customer',['customers' => @$customers,'value' => '','search' => 'true','emptyValue' => 'true'])
                                @endcomponent
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>{{ __("Commentaire") }}</label>
                                <textarea class="form-control trumbowyg" name="con_comment" id="con_comment"></textarea>
                            </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>

@include('modales.delete_standard')

@endsection