@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')
@endsection
<!-- ************************************** -->
@section('titre_header')
{{ __("Services") }}
@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-12">
        <div class="card card-info">
            <div class="card-body card-body-with-table p-100">
                <div class="table-responsive">
                    <table id="results" class="table table-striped table-compact table-advance table-hover" width="100%" cellspacing="0">
                        <thead class="">
                            <tr>
                                <th style="width: 200px;">{{ __("Nom") }}</th>
                                <th style="width: 200px;">{{ __("Information") }}</th>
                                <th>{{ __("Activités/lots") }}</th>
                                <th class="action">{{ __("Actions") }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($departments as $department)
                            <tr>
                                <td><strong>{!! $department['dep_name'] !!}</strong></td>
                                <td>{!! $department['dep_managerName'] !!}</td>
                                <td><strong>{!! $department['chaineSigns'] !!}</strong></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_{{ $department->dep_id }}" data-id="{{ $department->dep_id }}">
                                        {{ __("Modifier") }}
                                    </button>

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

@endsection

@section('js_footer')
<script src="{{ asset('js/department.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('CU_department') }}" enctype="multipart/form-data">

            @csrf
            {{ csrf_field() }}
            <div class="modal-content">
                <div class="modal-header bg-modal">
                    <h4 class="modal-title text-center">{{ __("Services") }}</h4>
                </div>

                <div class="modal-body">

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

                            <div class="form-group">
                                <label class="required_label" for="email">{{ __('Nom du service') }}</label>
                                <input id="dep_name" name="dep_name" type="text" class="form-control" value="" required>
                            </div>

                            <div class="form-group">
                                <label for="email">{{ __('Information') }}</label>
                                <input id="dep_managerName" name="dep_managerName" type="text" class="form-control" value="">
                            </div>

                            <div class="row">
                                <div class="col-md-5">
                                    <p>{{ __('Activités/lots') }} </p>
                                    <select name="act_idExclus[]" id="act_idExclus" class="form-control multiselect w-100" size="15" multiple="multiple">
                                        @isset($sites)
                                        @foreach ($signs as $sign)
                                        <option value="{{ $sign->act_id}}">{{ $sign->act_nameFr}}</option>
                                        @endforeach
                                        @endisset
                                    </select>
                                </div>

                                <div class="col-md-2">
                                    <br>
                                    <button type="button" id="multiselect_rightAll" class="btn btn-block">
                                        <i class="fas fa-forward" aria-hidden="true"></i>
                                    </button>
                                    <button type="button" id="multiselect_rightSelected" class="btn btn-block">
                                        <i class="fas fa-chevron-right" aria-hidden="true"></i>
                                    </button>
                                    <button type="button" id="multiselect_leftSelected" class="btn btn-block">
                                        <i class="fas fa-chevron-left" aria-hidden="true"></i>
                                    </button>
                                    <button type="button" id="multiselect_leftAll" class="btn btn-block">
                                        <i class="fas fa-backward" aria-hidden="true"></i>
                                    </button>
                                </div>

                                <div class="col-md-5">
                                    <p>{{ __('Activités du service') }}</p>
                                    <select name="act_idInclus[]" id="act_idInclus" class="form-control multiselect w-100" size="15" multiple>
                                        @isset($signs_lies)
                                        @foreach ($signs_lies as $sign_l)
                                        <option value="{{ $sign_l->sit_id}}">{{ $sign_l->act_nameFr }}</option>
                                        @endforeach
                                        @endisset
                                    </select>

                                </div>
                            </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