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

@section('titre_page')
@isset($secteur->sec_id)
  {{ $secteur->sec_name }}
@else
  {{ __('Gestion des secteurs') }}
@endisset
@endsection
<!-- ************************************** -->
@section('panel_boutons')
	@include('layouts.partials.panelboutons', ['btn_retour' => 'true'])
@endsection
<!-- ************************************** -->
@section('contenu')

@isset($secteur->sec_id)
  <form method="post" action="{{ route('secteur.update',[@$secteur->sec_id]) }}" enctype="multipart/form-data" id="SecteurForm">
    @method('PATCH')
@else
  <form method="post" action="{{ route('secteur.store') }}" enctype="multipart/form-data" id="LocationEditForm">
@endisset
@csrf
  <input type="hidden" name="id" id="id" value="{{ @$secteur->sec_id }}">


        @isset($secteur->sec_id)
        <ul class="nav nav-tabs" role="tablist" id="myTabBilling">
            <li class="nav-item">
                <a href="#information" class="nav-link {{ Route::current()->getName()=='secteur.edit' ? 'active' : '' }}" data-toggle="tab" role="tab" aria-controls="information" id="info-tab" aria-selected="true">{{ __('Informations') }}</a>
            </li>
            <li class="nav-item">
                <a href="#sites" class="nav-link" data-toggle="tab" role="tab" aria-controls="sites" id="site-tab" aria-selected="true">{{ __('Sites') }}</a>
            </li>
        </ul>
        @endisset
        <div class="row">
            <div class="col-md-12">

                <div class="card card-info card-tabs">
                    <div class="card-body">
                        <div class="tab-content" id="custom-tabs-one-tabContent">
<!---------------------------------------------------------------------------------------------------------------------------------------------------------->
<!---------------------------------------------------------------------------------------------------------------------------------------------------------->
<!-------------------------------------------------INFORMATION---------------------------------------------------------------------------------------------->
<!---------------------------------------------------------------------------------------------------------------------------------------------------------->

                            <div class="tab-pane fade show active" id="information" role="tabpanel" aria-labelledby="info-tab">

                                <div class="row" >
                                    <div class="col-md-6">

                                        @isset($secteur->sec_id)
                                        @component('components.cb_ouinon',[
                                            'title' => 'Actif',
                                            'name' => 'sec_active',
                                            'value' => $secteur->sec_active
                                            ])
                                        @endcomponent
                                        @endisset

                                        <div class="form-group">
                                            <label for="sec_code">{{ __('Code area manager') }}</label>
                                                <input id="sec_code" type="text" class="form-control @error('sec_code') is-invalid @enderror" name="sec_code" value="{{ @$secteur->sec_code}}" autocomplete="sec_code">
                                                @error('sec_code')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                        </div>

                                        <div class="form-group">
                                            <label for="sec_name">{{ __('Nom') }}</label>
                                            <input id="sec_name" type="text" class="form-control @error('sec_name') is-invalid @enderror" name="sec_name" value="{{ @$secteur->sec_name }}" autocomplete="sec_name" autofocus>
                                                @error('sec_name')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                        </div>

                                        <center>
                                            <button class='btn btn-save' data-toggle="tooltip" title="Valider"> {{ __('Sauvegarder') }}</button>
                                        </center>

                                    </div>
                                    <div class="col-md-6">
                                        <div class="card card-outline card-warning">
                                            <div class="card-header">
                                            <h5>{{ __('Contact') }}</h5>
                                            </div>
                                            <!-- /.card-header -->
                                            <div class="card-body">

                                                <div class="form-group">
                                                    <label for="sec_dirName">{{ __('Directeur') }}</label>
                                                    <input id="sec_dirName" type="text" class="form-control" name="sec_dirName" value="{{ @$secteur->sec_dirName }}" autocomplete="sec_name" autofocus>
                                                </div>

                                            </div>
                                        </div>
                                        <button id="btnOpenModal" class="btn btn-primary float-right" data-toggle="modal" data-target="#planningModal" data-id="{{ @$secteur->sec_id }}" data-key="{{ @$secteur->sec_linkKey }}">
                                            Lien vers le planning
                                          </button>
                                    </div>
                                </div>

                            </div>
                        </form>
<!---------------------------------------------------------------------------------------------------------------------------------------------------------->
<!---------------------------------------------------------------------------------------------------------------------------------------------------------->
<!-------------------------------------------------SITE----------------------------------------------------------------------------------------------------->
<!----------------------------------------------------------------------------------------------------------------------------------------------------- ----->

                            <div class="tab-pane fade" id="sites" role="tabpanel" aria-labelledby="site-tab">
                                <form method="post" action="{{route("update_sites_secteur")}}" enctype="multipart/form-data" id="SitesSecteurForm">
                                    @csrf
                                    <input type="hidden" name="sec_id" id="sec_id" value="{{ @$secteur->sec_id }}">
                                    <div class="row">
                                        <div class="col-md-5">
                                            <p>{{__('Liste des sites. Si le site a déjà un secteur, ce dernier s\'affichera entre parenthèses.')}}</p>
                                            <select name="sit_idExclus[]" id="sit_idExclus" class="form-control multiselect w-100" size="20" multiple="multiple">
                                                @isset($sites)
                                                    @foreach ($sites as $site)
                                                    <option value="{{ $site->sit_id}}">{{ $site->sit_name}}
                                                        @if ($site->sec_name != "")
                                                        ({{ $site->sec_name }})
                                                        @endif
                                                    </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>{{__('Liste des sites du secteur.')}}</p>
                                            <select name="sit_idInclus[]" id="sit_idInclus" class="form-control multiselect w-100" size="20" multiple>
                                                @isset($sites_lies)
                                                    @foreach ($sites_lies as $site_l)
                                                    <option value="{{ $site_l->sit_id}}">{{ $site_l->sit_name }}</option>
                                                    @endforeach
                                                @endisset
                                            </select>

                                        </div>

                                    </div>

                                <center>
                                    <button type="button" id="btn_submitfrom_sites" class='btn btn-save mt-4' data-toggle="tooltip" title="Valider"> {{ __('Sauvegarder') }}</button>
                                </center>
                            </form>
                            </div>

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

@endsection

@section('js_footer')
    <script src="{{ asset('js/secteur/edit.js')}}"></script>
@endsection

@section('modale')
<div class="modal fade" id="planningModal" tabindex="-1" role="dialog" aria-labelledby="planningModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="planningModalLabel">Lien vers le planning</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Fermer">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <input type="text" id="planningLink" class="form-control" readonly>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
          <button type="button" class="btn btn-primary" id="btnCopyLink">Copier le lien</button>
        </div>
      </div>
    </div>
  </div>
@endsection