@extends('layout.app')

@section('title', __('Planifications'))

@section('active_planifications', 'active')
@section('data_col', '2-columns')
@section('body_class', '2-columns')

@section('content')
<div class="app-content content">
    <div class="content-overlay"></div>
    <div class="content-wrapper">
        <div class="content-header row mb-1">
            <div class="content-header-left col-md-6 col-12 breadcrumb-new">
                <h3 class="content-header-title mb-0 d-inline-block">{{ __('Planifications')}}</h3>
                <div class="row breadcrumbs-top d-inline-block">
                    <div class="breadcrumb-wrapper col-12">
                        <ol class="breadcrumb">
                            @if(isset($planification))
                                <li class="breadcrumb-item">{{ __('Edit') }}</li>
                                <li class="breadcrumb-item active">{{$planification->reference ?? ''}}</li>
                            @else
                                <li class="breadcrumb-item active">{{ __('Add') }}</li>
                            @endif
                        </ol>
                    </div>
                </div>
            </div>
            <div class="content-header-right col-md-6 col-12">
                <div class="btn-group float-msm-right">
                    <a class="btn btn-dark" href="{{ route('planifications.index') }}">
                        <i class="la la-arrow-left"></i> {{ __('Planifications') }}
                    </a>
                    <button type="submit" form="planificationForm" class="btn btn-success ml-1" id="submitForm">
                        <i class="la la-save"></i> {{ __('Save') }}
                    </button>
                </div>
            </div>
        </div>
        <div class="content-body pb-5">
            <div class="card">
                <div class="card-content">
                    <div class="card-body">
                        <form autocomplete="off" id="planificationForm" method="POST" action="{{ isset($planification) ? route('planifications.update', $planification->id) : route('planifications.store') }}" enctype="multipart/form-data">
                            @csrf
                            @if(isset($planification))
                                @method('PUT')
                            @endif
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="type">{{ __('Type') }} <span class="text-danger">*</span></label>
                                        <select id="type" name="type" class="form-control select2" required>
                                            <option value=""></option>
                                            @foreach(['weekly', 'daily', 'specific_day'] as $t)
                                                <option value="{{ $t }}" {{ old('type', $planification->type ?? '') == $t ? 'selected' : '' }}>
                                                    {{ __(ucfirst( str_replace('_', ' ', $t)))}}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6 d-none" id="extend-type-specific-day-container">
                                    <div class="form-group">
                                        <label for="extend_type_specific_day">{{ __('Days') }} <span class="text-danger">*</span></label>
                                        <select id="extend_type_specific_day" name="extend_type_specific_day[]" class="form-control select2" multiple>
                                            <option value=""></option>
                                            @foreach(['lundi', 'mardi', 'mercredi', 'jeudi', 'vendredi', 'samedi', 'dimanche'] as $t)
                                                <option value="{{ $t }}" {{ in_array($t, old('extend_type_specific_day', $planification->extend_type_specific_day ?? []))  ? 'selected' : '' }}>
                                                    {{ __(ucfirst($t))}}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6 d-none" id="extend-type-weekly-container">
                                    <div class="form-group">
                                        <label for="extend_type_weekly">{{ __('Day') }} <span class="text-danger">*</span></label>
                                        <select id="extend_type_weekly" name="extend_type_weekly" class="form-control select2">
                                            <option value=""></option>
                                            @foreach(['lundi', 'mardi', 'mercredi', 'jeudi', 'vendredi', 'samedi', 'dimanche'] as $t)
                                                <option value="{{ $t }}" {{ old('extend_type_weekly', $planification->extend_type_weekly ?? '')  == $t ? 'selected' : '' }}>
                                                    {{ __(ucfirst($t))}}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="start_hour">{{ __('Hour') }} <span class="text-danger">*</span></label>
                                        <input type="time" name="start_hour" id="start_hour" class="form-control" value="{{old('start_hour', $planification->start_hour ?? '')}}" required>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="created_before_days">{{ __('Created before (days)') }} <span class="text-danger">*</span></label>
                                        <input type="number" name="created_before_days" id="created_before_days" value="{{old('created_before_days', $planification->created_before_days ?? '')}}" class="form-control" min="1" required>
                                    </div>
                                </div>
                                <div class="col-md-4 mt-3 skin skin-square">
                                    <fieldset>
                                        <input type="checkbox" id="active" name="active" value="1" {{ old('active', $planification->active ?? false) ? 'checked' : '' }}>
                                        <label for="active">{{ __('Activé')}}</label>
                                    </fieldset>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="vehicule_id">{{ __('Vehicle') }} </label>
                                        <select id="vehicule_id" name="vehicule_id" class="form-control select2" >
                                            <option value=""></option>
                                            @foreach($vehicles as $vehicle)
                                                <option value="{{ $vehicle->id }}" {{ old('vehicule_id', $planification->vehicule_id ?? '') == $vehicle->id ? 'selected' : '' }}>
                                                    {{ $vehicle->immatriculation }} - {{ $vehicle->marque }}  ({{ $vehicle->nombre_places }} {{ __('Places')}})
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="driver_id">{{ __('Driver') }} </label>
                                        <select id="driver_id" name="driver_id" class="form-control select2" >
                                            <option value=""></option>
                                            @foreach($drivers as $driver)
                                                <option value="{{ $driver->id }}" {{ old('driver_id', $planification->driver_id ?? '') == $driver->id ? 'selected' : '' }}>
                                                    #{{ $driver->reference }} {{ $driver->first_name }} {{ $driver->last_name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="depart_type">{{ __('Depart type') }} </label>
                                        <select id="depart_type" name="depart_type" class="form-control select2">
                                            <option value=""></option>
                                            @foreach (['site', 'libre'] as $item)
                                                <option value="{{$item}}" {{ old('depart_type', $planification->depart_type ?? '') == $item ? 'selected' : '' }}>{{ __(ucfirst($item))}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-8 d-none" id="depart-site-container">
                                    <div class="form-group">
                                        <label for="depart_site_id">{{ __('Sites') }} <span class="text-danger">*</span></label>
                                        <select id="depart_site_id" name="depart_site_id" class="form-control select2" >
                                            <option value=""></option>
                                            @foreach($sites as $site)
                                                <option value="{{ $site->id }}" {{ old('depart_site_id', $planification->depart_site_id ?? '') == $site->id ? 'selected' : '' }}>
                                                    #{{ $site->reference }} {{ $site->name }} 
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-8 d-none" id="depart-libre-container">
                                    <div class="form-group">
                                        <label for="depart">{{ __('Adress') }} <span class="text-danger">*</span></label>
                                        <input type="text" name="depart" id="depart" class="form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="destination_type">{{ __('Destination type') }} </label>
                                        <select id="destination_type" name="destination_type" class="form-control select2">
                                            <option value=""></option>
                                            @foreach (['site', 'libre'] as $item)
                                                <option value="{{$item}}" {{ old('destination_type', $planification->destination_type ?? '') == $item ? 'selected' : '' }}>{{ __(ucfirst($item))}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-8 d-none" id="destination-site-container">
                                    <div class="form-group">
                                        <label for="destination_site_id">{{ __('Sites') }} <span class="text-danger">*</span></label>
                                        <select id="destination_site_id" name="destination_site_id" class="form-control select2" >
                                            <option value=""></option>
                                            @foreach($sites as $site)
                                                <option value="{{ $site->id }}" {{ old('destination_site_id', $planification->destination_site_id ?? '') == $site->id ? 'selected' : '' }}>
                                                    #{{ $site->reference }} {{ $site->name }} 
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-8 d-none" id="destination-libre-container">
                                    <div class="form-group">
                                        <label for="destination">{{ __('Adress') }} <span class="text-danger">*</span></label>
                                        <input type="text" name="destination" id="destination" class="form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12">
                                    <div class="form-group">
                                        <label for="passagers">{{ __('Passagers') }}</label>
                                        <select id="passagers" name="passagers[]" class="form-control select2" multiple>
                                            <option value=""></option>
                                            @foreach($passagers as $employee)
                                                <option value="{{ $employee->id }}"
                                                    {{ in_array($employee->id, old('employees', isset($planification) ? $planification->passagers->pluck('employe_id')->toArray() : [])) ? 'selected' : '' }}>
                                                    #{{ $employee->reference }} {{ $employee->first_name }} {{ $employee->last_name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
    <script>
        $(document).ready(function() {
            ajaxForm("#planificationForm");
            function setType(type) {
                switch (type) {
                    case 'weekly':
                        $('#extend-type-weekly-container').removeClass('d-none');
                        $('#extend-type-specific-day-container').addClass('d-none');
                        break;
                    case 'specific_day':
                        $('#extend-type-weekly-container').addClass('d-none');
                        $('#extend-type-specific-day-container').removeClass('d-none');
                        break;
                    default:
                        $('#extend-type-weekly-container').addClass('d-none');
                        $('#extend-type-specific-day-container').addClass('d-none');
                        break;
                }
            }
            function setDepart(type) {
                switch (type) {
                    case 'site':
                        $('#depart-site-container').removeClass('d-none');
                        $('#depart-libre-container').addClass('d-none');
                        break;
                    case 'libre':
                        $('#depart-site-container').addClass('d-none');
                        $('#depart-libre-container').removeClass('d-none');
                        break;
                    default:
                        $('#depart-site-container').addClass('d-none');
                        $('#depart-libre-container').addClass('d-none');
                        break;
                }
            }
            function setDestination(type) {
                switch (type) {
                    case 'site':
                        $('#destination-site-container').removeClass('d-none');
                        $('#destination-libre-container').addClass('d-none');
                        break;
                    case 'libre':
                        $('#destination-site-container').addClass('d-none');
                        $('#destination-libre-container').removeClass('d-none');
                        break;
                    default:
                        $('#destination-site-container').addClass('d-none');
                        $('#destination-libre-container').addClass('d-none');
                        break;
                }
            }
            $('#type').on('change', function() {
                const type = $(this).val();
                setType(type);
            });
            $('#depart_type').on('change', function() {
                const type = $(this).val();
                setDepart(type);
            });
            $('#destination_type').on('change', function() {
                const type = $(this).val();
                setDestination(type);
            });
            const type = $('#type').val();
            setType(type);
            const depart_type = $('#depart_type').val();
            setDepart(depart_type);
            const destination_type = $('#destination_type').val();
            setDestination(destination_type);
        });
    </script>
@endpush