@extends('client.layouts.app')

@section('page_title', 'Processes')

@section('body_class', 'background-white')

@section('content')
<div class="processes processes--create">
    <div class="container-fluid">
        <h1 class="page-title">{{ __('client.navigation.processes') }}</h1>

        <div class="processes__create-form-wrapper">
            <form action="{{ route('client.processes.store') }}" method="POST">
                @csrf

                                <div class="form-group row">
                    <label for="id-{{$nameField}}" class="col-12 col-form-label col-form-label--required">{{ __('client.global.' . $nameField) }}</label>

                    <div class="col-3">
                        <input id="id-{{$nameField}}" type="text" class="form-control @error($nameField) is-invalid @enderror" value="{{ old($nameField) }}" name="{{$nameField}}">
                        @error($nameField)
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>

                                <div class="form-group row">
                    <label for="id-{{$nameField}}" class="col-12 col-form-label col-form-label--required">{{ __('client.global.' . $nameField) }}</label>

                    <div class="col-6">
                        <input id="id-{{$nameField}}" type="text" class="form-control @error($nameField) is-invalid @enderror" value="{{ old($nameField) }}" name="{{$nameField}}">
                        @error($nameField)
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>

                                <div class="form-group row">
                    <label for="id-{{$nameField}}" class="col-12 col-form-label col-form-label--required">{{ __('client.global.company_name') }}</label>
                    <div class="col-3">
                        <select id="id-{{$nameField}}" class="form-control selectpicker @error($nameField) is-invalid @enderror" name="{{$nameField}}">
                            @foreach($clients as $client)
                                <option {{ old($nameField) == $client->id ? 'selected' : '' }} value="{{$client->id}}">{{$client->name}}</option>
                            @endforeach
                        </select>
                        @error($nameField)
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>

                                <div class="form-group row">
                    <label for="id-{{$nameField}}" class="col-12 col-form-label col-form-label--required">{{ __('client.global.' . $nameField) }}</label>
                    <div class="col-xs-12 col-md-4 col-lg-3 h4h-datepicker" id="order-datetimepicker-parent">
                        <input autocomplete="off" id="id-{{$nameField}}" type="text" class="form-control @error($nameField) is-invalid @enderror" value="{{ old($nameField) }}" name="{{$nameField}}">
                        @error($nameField)
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>

                                <div class="form-group row">
                    <label for="id-{{$nameField}}" class="col-12 col-form-label">{{ __('client.global.' . $nameField) }}</label>
                    <div class="col-3">
                        <select id="id-{{$nameField}}" class="form-control selectpicker" name="{{$nameField}}" @error($nameField) is-invalid @enderror>
                            @foreach(getStatuses() as $status => $label)
                                @if ($status != \App\User::STATUS_PENDING) <option {{ old($nameField) == $status ? 'selected' : '' }} value="{{$status}}">{{$label}}</option> @endif
                            @endforeach
                        </select>
                        @error($nameField)
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>

                                <div class="form-group row form-group--processes-control">
                    <div class="col-12">
                        <div class="form-check form-check-inline form-check--radio">
                            <input
                                class="form-check-input"
                                type="radio"
                                id="oneTimeExecutionTime"
                                value="{{\App\Models\Process::EXECUTION_TYPE_ONCE}}"
                                name="{{$nameField}}"
                                {{old($nameField) == \App\Models\Process::EXECUTION_TYPE_ONCE || old('type', '') == '' ? 'checked' : ''}}
                                data-target="#oneTimeExecutionSettingsContent"
                            >
                            <label class="form-check-label" for="oneTimeExecutionTime">
                                {{ __('client.global.once') }}
                            </label>
                        </div>

                        <div class="form-check form-check-inline form-check--radio">
                            <input
                                class="form-check-input"
                                type="radio"
                                id="recurrentExecutionTime"
                                value="{{\App\Models\Process::EXECUTION_TYPE_RECURRING}}"
                                name="{{$nameField}}"
                                {{old($nameField) == \App\Models\Process::EXECUTION_TYPE_RECURRING ? 'checked' : ''}}
                                data-target="#recurrentExecutionSettingsContent"
                            >
                            <label class="form-check-label" for="recurrentExecrecurrentExecutionSettingsContentutionTime">
                                {{ __('client.global.recurrent') }}
                            </label>
                        </div>
                    </div>
                </div>

                                <div class="form-group row form-group--processes-settings {{old('type') == \App\Models\Process::EXECUTION_TYPE_ONCE || old('type', '') == '' ? '' : 'd-none'}}" id="oneTimeExecutionSettingsContent">
                    <div class="col-xs-12 col-md-4 col-lg-3 h4h-datetimepicker" id="one-time-execution-datetimepicker-parent">
                        <input autocomplete="off" type="text" value="{{old($nameField)}}" class="form-control @error($nameField) is-invalid @enderror" id="one-time-execution-datetimepicker" name="{{__($nameField)}}" placeholder="{{ __('client.global.pick_date_and_time') }}"/>
                        @error($nameField)
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>

                                <div class="form-group row form-group--processes-settings {{old('type') != \App\Models\Process::EXECUTION_TYPE_RECURRING ? 'd-none' : ''}}" id="recurrentExecutionSettingsContent">
                    <div class="col-md-12 col-lg-3 pb-2 pb-lg-0">
                        <select class="form-control selectpicker" name="{{$nameField}}" id="reccurent-options-select">
                            <option {{ old($nameField) == \App\Models\Process::RECURRING_TYPE_EVERY_DAY ? 'selected' : '' }} value="{{\App\Models\Process::RECURRING_TYPE_EVERY_DAY}}">{{__('client.global.daily')}}</option>
                            <option {{ old($nameField) == \App\Models\Process::RECURRING_TYPE_WEEKDAYS ? 'selected' : '' }} value="{{\App\Models\Process::RECURRING_TYPE_WEEKDAYS}}">{{__('client.global.weekdays')}}</option>
                            <option {{ old($nameField) == \App\Models\Process::RECURRING_TYPE_SELECTED_DAYS ? 'selected' : '' }} value="{{\App\Models\Process::RECURRING_TYPE_SELECTED_DAYS}}">{{__('client.global.selected_days')}}</option>
                            <option {{ old($nameField) == \App\Models\Process::RECURRING_TYPE_MONTHLY ? 'selected' : '' }} value="{{\App\Models\Process::RECURRING_TYPE_MONTHLY}}">{{__('client.global.monthly')}}</option>
                        </select>
                    </div>

                    <div class="col-md-12 col-lg-6 px-0">
                                                <div class="col-md-4 col-lg-6 col-xl-3 reccurent-option-row {{ old('recurring') != \App\Models\Process::RECURRING_TYPE_EVERY_DAY ? 'd-none' : '' }}" id="daily">
                            <input autocomplete="off" type="text" value="{{ old($nameField) }}" class="form-control @error($nameField) is-invalid @enderror" id="everyDayTimePicker" name="{{__($nameField)}}" placeholder="{{__('client.global.pick_time')}}"/>
                            @error($nameField)
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                                                <div class="col-md-4 col-lg-6 col-xl-3 reccurent-option-row {{ old('recurring') != \App\Models\Process::RECURRING_TYPE_WEEKDAYS ? 'd-none' : '' }} " id="weekdays">
                            <input autocomplete="off" type="text" value="{{ old($nameField) }}" class="form-control @error($nameField) is-invalid @enderror" id="everyWeekDayTimePicker" name="{{__($nameField)}}" placeholder="{{__('client.global.pick_time')}}"/>
                            @error($nameField)
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <div class="col-xs-12 col-lg-8 col-xl-5 px-0 px-md-0 pt-2 pt-md-2 pt-lg-0 reccurent-option-row {{ old('recurring') != \App\Models\Process::RECURRING_TYPE_SELECTED_DAYS ? 'd-none' : '' }} " id="selected_days">
                                                        <div class="col-xs-12 col-md-3 col-lg-6">
                                @for($day=1;$day<=7;$day++)
                                <div class="form-check d-flex align-items-center">
                                    <input type="checkbox" @if(in_array($day, old("$nameField", []))) checked @endif class="form-check-input @error($nameField) is-invalid @enderror" name="{{$nameField}}[]" value="{{$day}}" id="weekday-{{$day}}">
                                    <label class="form-check-label" for="weekday-{{$day}}">{{__('client.dates.weekday_' . $day)}}</label>
                                </div>
                                @endfor
                                @error($nameField)
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                                                        <div class="col-xs-12 col-md-3 col-lg-6" id="selectedDaysTimePickerParent">
                                <input type="text" value="{{ old($nameField) }}" class="form-control @error($nameField) is-invalid @enderror" id="selectedDaysTimePicker" name="{{__($nameField)}}" placeholder="{{__('client.global.pick_time')}}"/>
                                @error($nameField)
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>

                        <div class="col-xs-12 col-lg-11 col-xl-8 pt-2 pt-lg-0 px-0 px-md-0 reccurent-option-row flex-column flex-md-row {{ old('recurring') != \App\Models\Process::RECURRING_TYPE_MONTHLY ? 'd-none' : '' }} " id="monthly">
                                                        <div class="col-12 col-md-4 col-lg-6 d-flex px-0 px-md-0">
                                <div class="col-3 reccurent-option-row__item">
                                @for($day=1;$day<=31;$day++)
                                    <div class="form-check d-flex align-items-center">
                                        <input type="checkbox" @if(in_array($day, old("$nameField", []))) checked @endif class="form-check-input @error($nameField) is-invalid @enderror" name="{{$nameField}}[]" value="{{$day}}" id="month-day-{{$day}}">
                                        @if ($day==31)
                                            <label class="form-check-label form-check-label--last-date" for="month-day-{{$day}}">{{__('client.global.last_day_of_month')}}</label>
                                        @else
                                            <label class="form-check-label" for="month-day-{{$day}}">{{$day}}</label>
                                        @endif
                                    </div>
                                @if ($day==10 || $day==20)
                                </div>
                                <div class="col-3 reccurent-option-row__item">
                                @endif
                                @endfor
                                </div>
                                @error($nameField)
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                                                        <div class="col-6 col-md-4 col-lg-4" id="everyMonthTimePickerParent">
                                <input autocomplete="off" type="text" value="{{ old($nameField) }}" class="form-control @error($nameField) is-invalid @enderror" id="everyMonthTimePicker" name="{{$nameField}}" placeholder="{{ __('client.global.pick_time') }}"/>
                                @error($nameField)
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <div class="col-12 d-flex">
                        <button type="submit" class="btn btn--dark-red d-flex justify-content-center align-items-center">
                            {{ __('client.buttons.save') }}
                        </button>
                        <button type="button" onclick="window.location='{{route('client.processes')}}'" class="btn btn--cancel d-flex justify-content-center align-items-center">
                            {{ __('client.buttons.cancel') }}
                        </button>
                    </div>
                </div>


            </form>
        </div>
    </div>
</div>
@endsection
@section('custom_scripts')
    <script type="text/javascript">
        $(document).ready(function () {
            $('#id-order_date').datetimepicker({
                timepicker:false,
                validateOnBlur:true,
                //minDate:new Date(),
                format: '{{__('client.dates.global_format')}}',
                parentID:'#order-datetimepicker-parent'
            });

            $('#one-time-execution-datetimepicker').datetimepicker({
                validateOnBlur:true,
                minDate:new Date(),
                parentID:'#one-time-execution-datetimepicker-parent',
                format: '{{__('client.dates.global_format_short_time')}}',
                step: 5
            });

            $('#everyDayTimePicker').datetimepicker({
                datepicker:false,
                parentID:'#daily',
                step: 5,
                format: 'H:i',
                timepicker: true
            });

            $('#everyWeekDayTimePicker').datetimepicker({
                datepicker:false,
                parentID:'#weekdays',
                step: 5,
                format: 'H:i',
                timepicker: true
            });

            $('#selectedDaysTimePicker').datetimepicker({
                datepicker:false,
                parentID:'#selectedDaysTimePickerParent',
                step: 5,
                format: 'H:i',
                timepicker: true
            });

            $('#everyMonthTimePicker').datetimepicker({
                datepicker:false,
                parentID:'#everyMonthTimePickerParent',
                step: 5,
                format: 'H:i',
                timepicker: true
            });
        })
    </script>
@endsection