@extends('Frontend.partials.layout')

@section('styles')
    <link rel="stylesheet" href="{{ asset('/vendor/libs/bootstrap-select/bootstrap-select.css') }}">
    <link rel="stylesheet" href="{{ asset('/vendor/libs/select2/select2.css') }}">

    <style>
        #bottomFixed.bottom-Fixed {
            left: 50%;
            transform: translateX(-50%);
            background: transparent;
        }

        @media only screen and (max-width: 767px) {
            #bottomFixed.some_class {
                bottom: 65px !important;
            }
        }

    </style>
@endsection

@php
    $admin = getUserDetails();
@endphp

@section('content')

<section class="create-corn">
    <div class="row">
        <div class="col-md-6">
            <div class="analysis-content-header d-flex align-items-center">
                <div class="logo">
                    <i class="fas fa-home primary-color"></i>
                </div>
                <div class="heading primary-color">
                    <h2>{{ __('action.page_heading2_cron_view')}}</h2>
                    <p>{{ brandName() }} Fernbehandlung</p>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="corn-button text-right">
                <a href="{{ route('cron.cron') }}">
                    <button class="btn btn-success mb-2 mb-sm-0"><i class="fas fa-tasks mr-3"></i>{{__('action.view_cron_draft')}}</button>
                </a>
                <a href="{{ route('cron.cronSetting', [md5(getAuthID())]) }}">
                    <button class="btn btn-info"><i class="fas fa-tools mr-3"></i>{{__('action.cron_setting')}} </button>
                </a>
            </div>
        </div>
    </div>
    <div class="row mt-3">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center">
                    <span class="d-inline-block mb-2 mb-sm-0">{{__('action.view_cron_draft')}}</span>
                </div>
                <div class="card-body">
                    <form action="{{ route('cron.storeCronSetupRemote', ['remote']) }}" class="create-corn-form" id="crondata" method="POST">
                    @csrf
                        <div class="row">
                        <div class="col-md-4"> 
                                <div class="form-group">
                                    <label class="form-label mb-2"> <b>{{__('action.cron_select_user')}}</b> </label>
                                    <select class="select2-demo form-control"  id="cronusercheck" name="cronuser"  required>
                                        @if (checkTherapist(getUserId()) == 0)
                                            <option value="{{$admin->id}}" data-timezoneid="{{ $admin->timezone_id }}" selected>{{ $admin->first_name." ".$admin->last_name}}</option>
                                        @else
                                            <option value="">{{__('action.cron_users_error')}}</option>
                                        @endif
                                        @if(!empty($subusers))
                                            @foreach($subusers as $sub)
                                                @if (Auth::user()->user_type == 4)
                                                    @continue(!in_array($sub->id,getCollectionArrayForStaffUser(Auth::user()->staffInGorup)))
                                                @endif
                                                <option data-timezoneid="{{ $sub->timezone_id }}" {{ ($user->id == $sub->id && $user->boss_id) ? 'selected':'' }} value="{{ $sub->id }}" id="{{ $sub->id}}" {{ (!empty(old('cronuser')) && old('cronuser')==$sub->id) ? "selected" : ""}}>
                                                    {{ $sub->first_name." ".$sub->last_name . ((!$sub->boss_id)? ' -'.$sub->userRoll:'')}}
                                                </option>
                                            @endforeach
                                        @endif

                                    </select>
                                    <span class="invalid-feedback allmsg" role="alert">
                                        <strong id="msg"></strong>
                                    </span>
                                </div>
                                <input type="hidden" name="type" value="remote">
                                <div class="form-group">
                                    <select class="form-control" multiple name="cronsubmenu[]">

                                        @foreach ($cart_content as $car_item)
                                            @php
                                                $dataCart = $car_item->options->toArray();
                                            @endphp
                                            <option class="mb-1" value="{{ $dataCart['submenu_id'] }}" selected>{{ gmdate("i:s", $dataCart['price']) }}&nbsp; &nbsp;{{ $dataCart['analysisName'] }}</option>

                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-4" id="duePowerdiv">
                                <div class="form-group">
                                    <label class="form-label mb-2"> <b>{{__('action.cron_start_date')}}</b> <span class="timeZoneAlert"></span> </label>
                                    <div class="input-group">
                                        <input type="text" id="flatpickr-datetime" name="start_time_duepower" onchange="checkcron()" class="form-control start_time_duepower"
                                            placeholder="@if(Config::get('app.locale') == 'de') dd.mm.YYYY @else  YYYY/mm/dd @endif">

                                        <div class="input-group-prepend">
                                            <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                                        </div>
                                    </div>
                                    <span class="invalid-feedback allmsg" role="alert">
                                        <strong id="msg2"></strong>
                                    </span>
                                </div>
                                <div class="form-group">
                                    <label class="form-label mb-2"> <b>{{__('action.cron_end_date')}}</b> </label>
                                    <select class="select2-demo form-control" name="end_time_duepower" id="end_time_duepower">
                                        <option value="">{{__('action.select_time')}}</option>
                                        <option value="30" {{ (!empty(old('end_time_duepower')) && old('end_time_duepower') == 30) ? "selected" : ""}}>30 {{__('action.waiting_minutes')}}</option>
                                        <option value="45" {{ (!empty(old('end_time_duepower')) && old('end_time_duepower') == 45) ? "selected" : ""}}>45 {{__('action.waiting_minutes')}}</option>
                                        <option value="60" {{ (!empty(old('end_time_duepower')) && old('end_time_duepower') == 60) ? "selected" : ""}}>60 {{__('action.waiting_minutes')}}</option>
                                        <option value="120" {{ (!empty(old('end_time_duepower')) && old('end_time_duepower') == 120) ? "selected" : ""}}>120 {{__('action.waiting_minutes')}}</option>
                                        <option value="240" {{ (!empty(old('end_time_duepower')) && old('end_time_duepower') == 240) ? "selected" : ""}}>240 {{__('action.waiting_minutes')}}</option>
                                    </select>
                                    <span class="invalid-feedback allmsg" role="alert">
                                        <strong id="msg3"></strong>
                                    </span>
                                </div>
                            </div>

                            <div class="col-md-4" id="normalDiv">
                                <div class="form-group">
                                    <label class="form-label mb-2"> <b>{{__('action.cron_start_date')}}</b> <span class="timeZoneAlert"></span></label>
                                    <div class="input-group">
                                        <input type="text" id="flatpickr-datetime2" name="crondate" onchange="checkcron()" class="form-control crondate" placeholder="@if(Config::get('app.locale') == 'de') dd.mm.YYYY @else  YYYY/mm/dd @endif">

                                        <div class="input-group-prepend">
                                            <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                                        </div>
                                    </div>
                                </div>

                                <div class="d-flex align-items-center">
                                    <div class="form-group" style="width:100%" id="selectFreq">
                                        <label class="form-label mb-2"> <b>{{__('action.frequency')}}</b> </label>
                                        <select class="custom-select w-100" name="cronfreq" id="frequencyDiv">
                                            <option value="1" id="fq_1">1</option>
                                            <option value="2" id="fq_2" {{!empty(old('cronfreq')) && old('cronfreq')==2 ? "Selected" : ""}}>2</option>
                                            <option value="3" id="fq_3" {{!empty(old('cronfreq')) && old('cronfreq')==3 ? "Selected" : ""}}>3</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="d-flex col-md-12 pl-0 pr-0">
                                    <button type="button" class="btn btn-default hover-green w-50 mr-2" id="autoGenerate_dl">{{__('action.auto_genrate')}}</button>
                                    <button type="button" class="btn btn-default hover-red w-50" id="clearGenerate_dl">{{__('action.clear')}}</button>
                                </div>
                            </div>

                            <div class="col-md-4" id="normalDivtime" >
                                <div class="row">
                                    <div class="form-group col-md-6" id="lengthdiv">
                                        <label class="form-label mb-2"> <b>{{__('action.length')}}</b> </label>
                                        <input type="number" class="form-control m-0" placeholder="1" id="cronlength" min="1" max="31" name="cronlength" value="@if(!empty($default->days)){{$default->days}}@else{{old('cronlength')}}@endif">
                                    </div>
                                    <div class="form-group col-md-6" id="lengthdivday">
                                        <label class="form-label"></label>
                                        <select class="custom-select mt-2" name="cronday" id="cronday">
                                            <option value="">{{__('action.day')}}</option>
                                            <option value="7"  @if($default->days == 7) {{"selected"}} @endif>7 {{__('action.day')}}</option>
                                            <option value="14" @if($default->days == 14) {{"selected"}} @endif>14 {{__('action.day')}}</option>
                                            @if(date('t') == 28)
                                                <option value="28" @if($default->days == 28) {{"selected"}} @endif>28 {{__('action.day')}}</option>
                                            @elseif(date('t') == 29)
                                                <option value="29" @if($default->days == 29) {{"selected"}} @endif>29 {{__('action.day')}}</option>
                                            @elseif(date('t') == 31)
                                                <option value="31" @if($default->days == 31) {{"selected"}} @endif>31 {{__('action.day')}}</option>
                                            @else
                                                <option value="30" @if($default->days == 30) {{"selected"}} @endif>30 {{__('action.day')}}</option>
                                            @endif
                                        </select>
                                    </div>
                                    <div class="form-group col-md-6" id="freq1" style="display: none">
                                        <label class="form-label mb-2"> <b>{{__('action.second_start_time')}} </b> </label>
                                        <input type="text" class="form-control" id="flatpickr-time" name="time2" onchange="checkcron()">
                                    </div>
                                    <div class="form-group col-md-6" id="freq2" style="display: none">
                                        <label class="form-label mb-2"> <b>{{__('action.third_start_time')}}</b> </label>
                                        <input type="text" class="form-control" id="flatpickr-time1" name="time3" onchange="checkcron()">
                                    </div>
                                    <div class="d-flex align-items-center col-md-12">
                                        <div class="form-group" style="width:100%" id="selectFreq">
                                            <label class="form-label lb-100 mb-2 col-md-12 pl-0" for="">{{ trans('action.timezone') }}</label>
                                            <select class="select2-demo form-control m-0 col-md-12" name="timezone_id" id="timezone_select">
                                                <option {{$admin->timezone_id == '' ? 'selected disabled' : ''}}>{{trans('action.Select')}}</option>
                                                                                            </select>
                                        </div>
                                    </div>

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

                        <div class="row mt-4">
                          <div class="col-md-6">
                            <div class="card">
                                <h5 class="card-header">{{ __('action.general_setting_header') }}</h5>
                                <div class="card-body">
                                    <h5 class="card-title">{{__('action.calculation_system_dashboard')}}</h5>
                                    <div class="mb-3 d-flex align-items-center">
                                        <div class="right-side ml-3">
                                          <div class="d-flex align-items-center">
                                             <div class="flex-shrink-1 mr-2">{{__('action.year')}}</div>
                                             <label class="switcher switcher-sm switcher-success m-0">
                                             <input type="checkbox" id="cal_type" name="cal_type" class="switcher-input" checked>
                                             <span class="switcher-indicator">
                                             <span class="switcher-yes"></span>
                                             <span class="switcher-no"></span>
                                             </span>
                                             </label>
                                             <div class="flex-shrink-1 text-success ml-2">{{__('action.month')}}</div>
                                          </div>
                                       </div>
                                    </div>
                                    <h5 class="card-title">{{ __('action.due_power_setting') }}</h5>
                                    <label class="custom-control custom-checkbox mb-3">
                                        <input type="checkbox" name="due_power" class="custom-control-input" id="cronDuePower" @if($default->due_power == 1){{ 'checked' }} @endif>
                                        <span class="custom-control-label">{{__('action.due_power')}}</span>
                                    </label>
                                </div>
                              </div>
                              <br/>

                              <div class="card">
                                <h5 class="card-header">{{ __('action.link_email_setting_header') }}</h5>
                                <div class="card-body">
                                  <h5 class="card-title">{{ __('action.cron_customer_link') }}</h5>
                                <label class="custom-control custom-checkbox mb-3">
                                    <input type="checkbox" name="customer_link" class="custom-control-input"  @if($default->customer_link == 1){{ 'checked' }} @endif>
                                    <span class="custom-control-label">{{__('action.enable_customer_link')}}</span>
                                </label>
                                <h5 class="card-title">{{ __('action.link_email_setting_title') }}</h5>
                                <label class="custom-control custom-checkbox mb-3 email1x">
                                    <input type="checkbox" name="start_email" id="sm1x" class="custom-control-input"  @if($default->start_email == 1){{ 'checked' }} @endif>
                                    <span class="custom-control-label">{{__('action.start_email_1x')}}</span>
                                </label>
                                <label class="custom-control custom-checkbox mb-3 email1x">
                                    <input type="checkbox" name="end_email" id="em1x" class="custom-control-input"  @if($default->end_email == 1){{ 'checked' }} @endif>
                                    <span class="custom-control-label">{{__('action.end_email_1x')}}</span>
                                </label>
                                <label class="custom-control custom-checkbox mb-3 emaildue">
                                    <input type="checkbox" name="start_email_duepower" id="smd1x" class="custom-control-input"  @if($default->start_email_duepower == 1){{ 'checked' }} @endif>
                                    <span class="custom-control-label">{{__('action.start_email_due_power')}}</span>
                                </label>
                                <label class="custom-control custom-checkbox mb-3 emaildue">
                                    <input type="checkbox" name="end_email_duepower" id="emd1x" class="custom-control-input"  @if($default->end_email_duepower == 1){{ 'checked' }} @endif>
                                    <span class="custom-control-label">{{__('action.end_email_due_power')}}</span>
                                </label>
                                </div>
                              </div>
                              <br/>
                              <div class="card">
                                <h5 class="card-header">{{ __('action.advanced_setting_header') }}</h5>
                                <div class="card-body">
                                  <h5 class="card-title">{{ __('action.advanced_setting_title') }}</h5>
                                  <label class="custom-control custom-checkbox mb-3">
                                    <input type="checkbox" name="pdf_export" class="custom-control-input"  @if($default->pdf_export == 1){{ 'checked' }} @endif>
                                    <span class="custom-control-label">{{__('action.enable_pdf_export')}}</span>
                                  </label>

                                <h5 class="card-title">{{ __('action.add_cause_remedy_title') }}</h5>

                                <div class="row">
                                    <div class="col-md-2">
                                      <label class="custom-control custom-checkbox mb-3">
                                      <input type="checkbox" name="causes" class="custom-control-input" {{ (!empty(old('causes')) && old('causes') == 'on') ? "checked" : ""}} @if($default->causes == 1){{ 'checked' }} @endif>
                                      <span class="custom-control-label">{{__('action.causes')}}</span>
                                      </label>
                                   </div>
                                   <div class="col-md-2">
                                      <label class="custom-control custom-checkbox mb-3">
                                      <input type="checkbox" name="medium" class="custom-control-input" {{ (!empty(old('medium')) && old('medium') == 'on') ? "checked" : ""}} @if($default->medium == 1){{ 'checked' }} @endif>
                                      <span class="custom-control-label">{{__('action.medium')}}</span>
                                      </label>
                                   </div>
                                   <div class="col-md-2">
                                      <label class="custom-control custom-checkbox mb-3">
                                      <input type="checkbox" name="tipp" class="custom-control-input" {{ (!empty(old('tipp')) && old('tipp') == 'on') ? "checked" : ""}} @if($default->tipp == 1){{ 'checked' }} @endif>
                                      <span class="custom-control-label">{{__('action.tipp')}}</span>
                                      </label>
                                   </div>
                                </div>
                                {{-- <h5 class="card-title">{{ __('action.apply_the_cal_to_all') }}</h5>
                                <label class="custom-control custom-checkbox mb-3">
                                    <input type="checkbox" name="calculation_next_day" class="custom-control-input"  @if($default->calculation_next_day == 1){{ 'checked' }} @endif>
                                    <span class="custom-control-label">{{__('action.calculation_next_day')}}</span>
                                </label> --}}

                                <h5 class="card-title">{{ __('action.no_fixed_cron_time_title') }}</h5>
                                <label class="custom-control custom-checkbox mb-3">
                                    <input type="checkbox" name="fixed_time" class="custom-control-input" {{ (!empty(old('fixed_time')) && old('fixed_time') == 'on') ? "checked" : ""}} @if($default->fixed_time == 1){{ 'checked' }} @endif>
                                    <span class="custom-control-label">{{__('action.no_fixed_cron_time')}}</span>
                                </label>
                                </div>
                              </div>
                              <br/>

                              <div class="card">
                                <h5 class="card-header">{{ __('action.action_value_setting_header') }}</h5>
                                <div class="card-body">
                                  <h5 class="card-title">{{ __('action.action_value_setting_title') }}</h5>
                                  <label class="custom-control custom-checkbox mb-3">
                                    <input type="checkbox" name="ra_status" class="custom-control-input" {{ (!empty(old('ra_status')) && old('ra_status') == 'on') ? "checked" : ""}} @if($default->ra_status){{ 'checked' }} @endif>
                                    <span class="custom-control-label">{{__('action.show_ra')}}</span>
                                  </label>
                                <h5 class="card-title">{{ __('action.show_cron_pdf_ra_title') }}</h5>
                                <label class="custom-control custom-checkbox mb-3">
                                    <input type="checkbox" name="pdf_status" class="custom-control-input" {{ (!empty(old('pdf_show')) && old('pdf_status') == 'on') ? "checked" : ""}} @if($default->pdf_status){{ 'checked' }} @endif>
                                    <span class="custom-control-label">{{__('action.show_cron_pdf_ra')}}</span>
                                </label>
                                </div>
                              </div>
                            {{-- <p class="mt-2"><strong>{{__('action.cron_note')}}</strong></p> --}}
                        </div>

                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header">
                                  {{ __('action.cron_theme_header') }}
                                </div>
                                <div class="card-body">
                                  <h5 class="card-title">{{ __('action.cron_theme_title') }}</h5>
                                    <div class="form-group">
                                       <label class="form-label mb-2"> <b>{{__('action.cron_topic')}}</b> </label>
                                       <textarea id="topic" name="topic" class="form-control" rows="5"
                                          placeholder="{{__('action.cron_note_placeholder')}}">{{ old('topic') ? old('topic') : $cronsetting->topic }}</textarea>
                                    </div>
                                </div>
                            </div>
                            <br/>
                            <div class="card">
                                <div class="row">
                                        <div class="col-sm-6">
                                            <h5 class="card-title">{{ __('action.cron_note_title') }}</h5>
                                            <div class="form-group">
                                                <label class="form-label"> <b>{{__('action.cron_note2')}}</b> </label>
                                                <textarea id="" name="note" class="form-control" rows="5"
                                                placeholder="{{__('action.note_here')}}">{{ old('note')  }}</textarea>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <h5 class="card-title">{{trans('action.cron_note_client_title')}}</h5>
                                            <div class="form-group">
                                                <label class="form-label"> <b>{{__('action.cron_note2')}}</b> </label>
                                                <textarea id="" name="client_note" class="form-control" rows="5"
                                                placeholder="{{__('action.note_here')}}">{{ old('note')  }}</textarea>
                                            </div>
                                        </div>
                                    </div>
                            </div>
                        </div>
                        </div>

                        <div class="d-flex justify-content-center bottom-Fixed" id="bottomFixed">
                            <button type="button" class="btn btn-secondary w-25 mr-1" onclick="cronpreview()">{{__('action.cron_preview')}}</button>
                            <button type="submit" id="fromSubmit" class="btn btn-success w-25 fromSubmit">{{__('action.save')}}</button>
                        </div>
                    </form>
                </div>

                <div class="modal modal-top fade" id="preview-modal">
                    <div class="modal-dialog">
                        <form class="modal-content" action="{{ route('cron.storeCronSetupRemote', ['remote']) }}" id="storeCronPreview" method="POST">
                            @csrf
                            <div class="modal-header">
                                <h5 class="modal-title">
                                    <p>{{__('action.preview_from')}} <b><span id="pre_name"></span></b> </p>
                                </h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
                            </div>

                            <div class="prevalues">
                                <input type="hidden" id="pre_val1" name="cronuser" value="">
                                <input type="hidden" id="pre_val2" name="cronsubmenu" value="">
                                <input type="hidden" id="pre_val3" name="start_time_duepower" value="">
                                <input type="hidden" id="pre_val4" name="end_time_duepower" value="">
                                <input type="hidden" id="pre_val5" name="crondate" value="">
                                <input type="hidden" id="pre_val6" name="time2" value="">
                                <input type="hidden" id="pre_val7" name="time3" value="">
                                <input type="hidden" id="pre_val8" name="cronlength" value="">
                                <input type="hidden" id="pre_val9" name="cronday" value="">
                                <input type="hidden" id="pre_val10" name="cronfreq" value="">
                                <input type="hidden" id="pre_val11" name="topic" value="">
                                <input type="hidden" id="pre_val12" name="note" value="">
                                <input type="hidden" id="pre_val15" name="timezone_id" value="">
                                <input type="hidden" name="preview" value="active">
                            </div>

                            <div class="modal-body">
                                <div class="modal_preloader">
                                    <div class="loading">
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                    </div>
                                </div>
                                <div class="loaded_data">

                                {{-- <p>{{__('action.preview_from')}} <b><span id="pre_name"></span></b> - {{__('action.start')}}: <span id="pre_time"></span></p> --}}
                                <div class="row">
                                    <div class="col-md-6">
                                        <h5 class="mb-3"> {{__('action.selectet_analysis')}}:</h5>
                                        <p id="pre_sub" style="font-weight: bold"></p>
                                        <div class="mb-3 d-flex align-items-center">
                                            <div class="right-side">
                                                <div class="d-flex align-items-center">
                                                    <div class="flex-shrink-1 mr-2">{{__('action.year')}}</div>
                                                    <label class="switcher switcher-sm switcher-success m-0">
                                                        <input type="checkbox" id="pre_cal_type" name="cal_type" class="switcher-input" checked>
                                                        <span class="switcher-indicator">
                                                            <span class="switcher-yes"></span>
                                                            <span class="switcher-no"></span>
                                                        </span>
                                                    </label>
                                                    <div class="flex-shrink-1 text-success ml-2">{{__('action.month')}}</div>
                                                </div>
                                            </div>
                                        </div>
                                        <label class="custom-control custom-checkbox mb-3">
                                            <input type="checkbox" class="custom-control-input" name="due_power" id="pre_dp" value="">
                                            <span class="custom-control-label">{{__('action.cron_due_power')}} ({{__('action.cron_due_power1')}} 240 {{__('action.cron_due_power2')}})</span>
                                        </label>
                                        <label class="custom-control custom-checkbox mb-3">
                                            <input type="checkbox" class="custom-control-input" name="customer_link" id="pre_cl" value="">
                                            <span class="custom-control-label">{{__('action.cron_customer_link')}}</span>
                                        </label>

                                        <label class="custom-control custom-checkbox mb-3 pre_smaildue">
                                            <input type="checkbox" name="start_email_duepower" id="pre_smd1x" class="custom-control-input"  @if($default->start_email_duepower == 1){{ 'checked' }} @endif>
                                            <span class="custom-control-label">{{__('action.start_email_due_power')}}</span>
                                        </label>

                                        <label class="custom-control custom-checkbox mb-3 pre_emaildue">
                                            <input type="checkbox" name="end_email_duepower" id="pre_emd1x" class="custom-control-input"  @if($default->end_email_duepower == 1){{ 'checked' }} @endif>
                                            <span class="custom-control-label">{{__('action.end_email_due_power')}}</span>
                                        </label>

                                        <label class="custom-control custom-checkbox mb-3 pre_semail">
                                            <input type="checkbox" class="custom-control-input" name="start_email" id="pre_se" value="">
                                            <span class="custom-control-label">{{__('action.start_email_1x')}}</span>
                                        </label>
                                        <label class="custom-control custom-checkbox mb-3 pre_email">
                                            <input type="checkbox" class="custom-control-input" name="end_email" id="pre_ee" value="">
                                            <span class="custom-control-label">{{__('action.end_email_1x')}}</span>
                                        </label>
                                        <label class="custom-control custom-checkbox mb-3">
                                            <input type="checkbox" class="custom-control-input" name="pdf_export" id="pre_pdf" value="">
                                            <span class="custom-control-label">{{__('action.cron_export')}}</span>
                                        </label>
                                        {{-- <label class="custom-control custom-checkbox mb-3">
                                            <input type="checkbox" class="custom-control-input" name="cmt" id="pre_cmt" value="">
                                            <span class="custom-control-label">{{__('action.medium_mittel_tipp')}}</span>
                                        </label> --}}
                                        <div class="row">
                                            <div class="col-sm-4">
                                                <label class="custom-control custom-checkbox mb-3">
                                                    <input type="checkbox" name="causes" id="pre_cau" class="custom-control-input">
                                                    <span class="custom-control-label">{{__('action.causes')}}</span>
                                                </label>
                                            </div>
                                            <div class="col-sm-4">
                                                <label class="custom-control custom-checkbox mb-3">
                                                    <input type="checkbox" name="medium" id="pre_mid" class="custom-control-input">
                                                    <span class="custom-control-label">{{__('action.medium')}}</span>
                                                </label>
                                            </div>
                                            <div class="col-sm-4">
                                                <label class="custom-control custom-checkbox mb-3">
                                                    <input type="checkbox" name="tipp" id="pre_tip" class="custom-control-input">
                                                    <span class="custom-control-label">{{__('action.tipp')}}</span>
                                                </label>
                                            </div>
                                        </div>
                                        <input type="hidden" class="custom-control-input" name="calculation_next_day" id="pre_cnd">

                                        <label class="custom-control custom-checkbox mb-3">
                                            <input type="checkbox" name="fixed_time" class="custom-control-input" id="pre_atc">
                                            <span class="custom-control-label">{{__('action.no_fixed_cron_time')}}</span>
                                        </label>
                                        <label class="custom-control custom-checkbox mb-3">
                                            <input type="checkbox" name="ra_status" id="pre_ra_status" class="custom-control-input">
                                            <span class="custom-control-label">{{__('action.show_ra')}}</span>
                                        </label>
                                        <label class="custom-control custom-checkbox mb-3">
                                            <input type="checkbox" name="pdf_status" id="pre_pdf_status" class="custom-control-input">
                                            <span class="custom-control-label">{{__('action.show_cron_pdf_ra')}}</span>
                                        </label>

                                        <p>{{__('action.topic')}}: <span id="pre_topic">{{__('action.no_topic_added')}}</span></p>
                                    </div>
                                    <div class="col-md-6">
                                        <h5 class="mb-3">{{__('action.start_time_cron_view')}}: <span id="pre_stime"></span></h5>
                                        <div class="media align-items-center mb-3">
                                            <img id="pre_img" src="" class="d-block ui-w-80">
                                        </div>
                                        <div>
                                            <p> <strong>{{__('action.cron_user')}}: <span id="pre_user"></span> </strong></p>
                                            <p> <strong>{{__('action.cron_birthday')}}:</strong> <span id="pre_dob"></span></p>
                                            <p> <strong>{{__('action.cron_village')}}:</strong> <span id="pre_pob"></span> </p>
                                            <div class="form-group form-inline">
                                                <label for="" class="mr-3">{{__('action.cron_email')}}:</label>
                                                <input type="email" name="usermail" class="form-control" id="pre_email" value="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <p class="my-2" id="pre_title"><strong>{{__('action.analysis_data')}}</strong></p>
                                <p id="pre_analyses"></p>

                                <input type="hidden" value="" id="pre_status" name="preview_status">

                                <div class="mt-4 mb-4 d-flex flex-column justify-content-end justify-content-sm-center flex-sm-row align-items-sm-center">

                                    {{--<button type="submit" name="draft" value="savedraft" class="btn btn-default w-32">{{__('action.save_draft')}}</button>--}}
                                    <button type="submit" class="btn btn-success w-32">{{__('action.save')}}</button>
                                </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">{{__('action.close')}}</button>
                            </div>
                        </form>
                    </div>
                </div>

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

@endsection


@section('scripts')


    <!-- Dependencies -->
    <script src="{{ asset('/vendor/libs/bootstrap-select/bootstrap-select.js') }}"></script>
    <script src="{{ asset('/vendor/libs/select2/select2.js') }}"></script>

    <script>
        $(function() {
            $('.select2-demo').each(function() {
                $(this)
                .wrap('<div class="position-relative"></div>')
                .select2({
                    placeholder: `{{__('action.cronSelectUser')}}`,
                    dropdownParent: $(this).parent()
                });
            })
        });
        var __getReqClose;
        let userid = 0;
        $(document).ready(function(){
            var sTimezone = $('#cronusercheck').children("option:selected").data('timezoneid');
            $("#timezone_select").val(sTimezone).trigger('change');

            var checkduePower = $('#cronDuePower').is(":checked");
            var status = "ok";
            var txt = "This field is required";

            $("#cronusercheck").on('change', function(){
                var select = $(this).find('option:selected');
                userid = select.val();
            });

            if(!checkduePower){
                $("#duePowerdiv").addClass("duePowerdivs");
                $("#normalDiv").attr("style", "display: block");
                $("#lengthdiv").removeClass("freqtime");
                $("#lengthdivday").removeClass("freqtime");
                $("#freq1").addClass("freqtime");
                $("#freq2").addClass("freqtime");
                $(".emaildue").addClass("duePowerdivs");
            } else {
                $("#duePowerdiv").removeClass("duePowerdivs");
                $("#normalDiv").attr("style", "display: none");
                $("#lengthdiv").addClass("freqtime");
                $("#lengthdivday").addClass("freqtime");
                $("#freq1").addClass("freqtime");
                $("#freq2").addClass("freqtime");
                $(".emaildue").removeClass("duePowerdivs");
                $(".email1x").attr("style", "display: none");
            }

            $("#cronDuePower").on('change', function(){
                var checkduePower = $('#cronDuePower').is(":checked");
                if(!checkduePower){
                    $('.start_time_duepower').prop('disabled', true);
                    $('.crondate').prop('disabled', false);
                    $("#duePowerdiv").addClass("duePowerdivs");
                    $("#normalDiv").attr("style", "display: block");
                    $("#lengthdiv").removeClass("freqtime");
                    $("#lengthdivday").removeClass("freqtime");
                    $("#freq1").addClass("freqtime");
                    $("#freq2").addClass("freqtime");
                    $(".emaildue").addClass("duePowerdivs");
                    $(".email1x").attr("style", "display: block");
                } else {
                    $('.crondate').prop('disabled', true);
                    $('.start_time_duepower').prop('disabled', false);
                    $("#duePowerdiv").removeClass("duePowerdivs");
                    $("#normalDiv").attr("style", "display: none");
                    $("#lengthdiv").addClass("freqtime");
                    $("#lengthdivday").addClass("freqtime");
                    $("#freq1").addClass("freqtime");
                    $("#freq2").addClass("freqtime");
                    $(".emaildue").removeClass("duePowerdivs");
                    $(".email1x").attr("style", "display: none");
                }
            });

            $("#frequencyDiv").on('change', function(){
                var freq = $('#frequencyDiv').find('option:selected').val();

                if(freq == 1) {
                    $("#freq1").attr("style", "display: none");
                    $("#freq2").attr("style", "display: none");
                }else if(freq == 2) {
                    $("#freq2").attr("style", "display: none");
                    $("#freq1").attr("style", "display: block");
                }else if(freq == 3) {
                    $("#freq2").attr("style", "display: block");
                    $("#freq1").attr("style", "display: block");
                }
            });

            $("#cronday").on('change', function(){
                var cday = $(this).find('option:selected').val();
                $("#cronlength").val(cday);
            })

            $("#fromSubmit").click(function(){
                var validationStatus = false;
                if ($("#cronusercheck").val() == "Select User" || $("#cronusercheck").val() == ""){
                    validationStatus = true;
                    event.preventDefault();
                    return error(`{{__('action.preview_cron')}}`,`{{__('action.cron_users_error')}}`);
                }
                if ($('#cronDuePower').is(":checked")){
                    if ($("[name=start_time_duepower]").val() == ""){
                        validationStatus = true;
                        event.preventDefault();
                        return error(`{{__('action.preview_cron')}}`,`{{__('action.cron_start_error')}}`);
                    }
                    if ($("[name=end_time_duepower]").val() == "")
                        {
                            validationStatus = true;
                            event.preventDefault();
                            return error(`{{__('action.preview_cron')}}`,`{{__('action.cron_end_date_error')}}`);
                        }

                }else if(!$('#cronDuePower').is(":checked")){
                    if ($("#frequencyDiv").val() == ""){
                        validationStatus = true;
                        event.preventDefault();
                        return error(`{{__('action.preview_cron')}}`,`{{__('action.frequency')}}`);
                    }

                    if ($("[name=crondate]").val() == "")
                    {
                        validationStatus = true;
                        event.preventDefault();
                        return error(`{{__('action.preview_cron')}}`,`{{__('action.cron_start_error')}}`);
                    }
                    if ($("#cronlength").val() == "")
                    {
                        validationStatus = true;
                        event.preventDefault();
                        return error(`{{__('action.preview_cron')}}`,`{{__('action.select_length')}}`);
                    }
                    if($("#cronlength").val() > 31 ){
                        validationStatus = true;
                        event.preventDefault();
                        return error(`{{__('action.preview_cron')}}`,`{{__('action.add_length_not')}}`);
                    }
                }
            })
        })

        function cronpreview()
        {
            //Start validation
            var validationStatus = false;
            if ($("#cronusercheck").val() == "Select User" || $("#cronusercheck").val() == ""){
                event.preventDefault();
                validationStatus = true;

                return error(`{{__('action.preview_cron')}}`,`{{__('action.cron_users_error')}}`);
            }
            if ($('#cronDuePower').is(":checked")){
                if ($("[name=start_time_duepower]").val() == ""){
                    validationStatus = true;
                    return error(`{{__('action.preview_cron')}}`,`{{__('action.cron_start_error')}}`);
                }
                if ($("[name=end_time_duepower]").val() == "")
                    {
                        validationStatus = true;
                        return error(`{{__('action.preview_cron')}}`,`{{__('action.cron_end_date_error')}}`);
                    }

            }else if(!$('#cronDuePower').is(":checked")){
                if ($("#frequencyDiv").val() == ""){
                    validationStatus = true;
                   return error(`{{__('action.preview_cron')}}`,`{{__('action.frequency')}}`);
                }
                if ($("#frequencyDiv").val() == 2){
                    if ($("[name=time2]").val() == ""){
                        validationStatus = true;
                        return error(`{{__('action.preview_cron')}}`,`{{__('action.second_start_time')}}`);
                    }
                }
                if ($("#frequencyDiv").val() == 3){
                    if ($("[name=time2]").val() == ""){
                        validationStatus = true;
                        return error(`{{__('action.preview_cron')}}`,`{{__('action.second_start_time')}}`);
                    }
                    if ($("[name=time3]").val() == ""){
                        validationStatus = true;
                        return error(`{{__('action.preview_cron')}}`,`{{__('action.third_start_time')}}`);
                    }
                }

                if ($("[name=crondate]").val() == "")
                {
                    validationStatus = true;
                    return error(`{{__('action.preview_cron')}}`,`{{__('action.cron_start_error')}}`);
                }
                if ($("#cronlength").val() == "")
                {
                    validationStatus = true;
                    return error(`{{__('action.preview_cron')}}`,`{{__('action.select_length')}}`);
                }
                if($("#cronlength").val() > 31 ){
                    validationStatus = true;
                    return error(`{{__('action.preview_cron')}}`,`{{__('action.add_length_not')}}`);
                }
            }

            //end Validastion
            if(!validationStatus) {

                $('.modal_preloader').show();
                $('.loaded_data').hide();

                $("#preview-modal").modal("show");
                var postdata = $('#crondata').serialize();
                console.log(postdata);

                $.ajax({
                    type: "GET",
                    cache: false,
                    url: "{{ route('cron.cronPreview') }}",
                    data : postdata,
                    async : false,
                    datatype: "json",
                    success: function(res){
                        (res.response.due_power) ? $("#pre_dp").attr("checked", true).val(1) : $("#pre_dp").attr("checked", false);
                        (res.response.customer_link) ? $("#pre_cl").attr("checked", true).val(1) : $("#pre_cl").attr("checked", false);
                        (res.response.cal_type) ? $("#pre_cal_type").attr("checked", true).val(1) : $("#pre_cal_type").attr("checked", false);

                        if(res.response.due_power){
                            $('.pre_smaildue').show();
                            $('.pre_emaildue').show();

                            if (!$(".pre_semail").hasClass("hide")) {
                                $('.pre_semail').hide();
                            }
                            if (!$(".pre_email").hasClass("hide")) {
                                $('.pre_email').hide();
                            }
                            (res.response.start_email_duepower) ? $("#pre_smd1x").prop("checked", true).val(1) : $("#pre_smd1x").prop("checked", false);
                            (res.response.end_email_duepower) ? $("#pre_emd1x").prop("checked", true).val(1) : $("#pre_emd1x").prop("checked", false);
                        }else{
                            $('.pre_semail').show();
                            $('.pre_email').show();
                            if (!$(".pre_smaildue").hasClass("hide")) {
                                $('.pre_smaildue').hide();
                            }
                            if (!$(".pre_emaildue").hasClass("hide")) {
                                $('.pre_emaildue').hide();
                            }
                            (res.response.start_email) ? $("#pre_se").prop("checked", true).val(1) : $("#pre_se").prop("checked", false);
                            (res.response.end_email) ? $("#pre_ee").prop("checked", true).val(1) : $("#pre_ee").prop("checked", false);
                        }

                        // (res.response.start_email) ? $("#pre_se").attr("checked", true).val(1) : $("#pre_se").attr("checked", false);
                        // (res.response.end_email) ? $("#pre_ee").attr("checked", true).val(1) : $("#pre_ee").attr("checked", false);
                        (res.response.pdf_export) ? $("#pre_pdf").attr("checked", true).val(1) : $("#pre_pdf").attr("checked", false);
                        (res.response.calculation_next_day) ? $("#pre_cnd").attr("checked", true).val(1) : $("#pre_cnd").attr("checked", false);
                        (res.response.causes) ? $("#pre_cau").attr("checked", true).val(1) : $("#pre_cau").attr("checked", false);
                        (res.response.medium) ? $("#pre_mid").attr("checked", true).val(1) : $("#pre_mid").attr("checked", false);
                        (res.response.tipp) ? $("#pre_tip").attr("checked", true).val(1) : $("#pre_tip").attr("checked", false);
                        (res.response.fixed_time) ? $("#pre_atc").attr("checked", true).val(1) : $("#pre_atc").attr("checked", false);
                        (res.response.ra_status) ? $("#pre_ra_status").attr("checked", true).val(1) : $("#pre_ra_status").attr("checked", false);
                        (res.response.pdf_status) ? $("#pre_pdf_status").attr("checked", true).val(1) : $("#pre_pdf_status").attr("checked", false);
                        (res.response.topic == null) ? "" : $("#pre_topic").html(res.response.topic);

                        let name = res.ures.first_name + " " + res.ures.last_name;
                        $("#pre_name").html(name);
                        $("#pre_time").html(res.others.start_time);
                        $("#pre_user").html(name);
                        $("#pre_dob").html(res.others.dob);
                        $("#pre_pob").html(res.ures.gebort);
                        $("#pre_email").val(res.ures.cron_email);
                        $("#pre_stime").html(res.others.start_time);
                        $("#pre_status").val(res.others.preview);
                        $("#pre_img").attr('src', res.predata.img_src);

                        let preCnt = 0;
                        $.each(res.predata, function(key, value) {
                            let index = preCnt + 1;
                            $("#pre_val"+index).val(value);
                            preCnt++;
                        });

                        let analyses = ""; let analysis = "";
                        $.each(res.anaPreview, function(key, value) {
                            analyses += value.sub_name + "<br>";
                            if(res.others.preview != 1){
                                analysis += "<strong>" + value.sub_name + "</strong><br>";
                                $.each(value.analyses, function(keys, values) {
                                    result = display(values.price);
                                    analysis += result +" - "+values.ana_val+"% "+ values.ana_name+ "<br>";
                                    if(values.type == 0) {
                                        (values.causes != null && res.response.causes) ? analysis += "{{trans('action.causes')}} - " + values.causes + "<br/>" : "";
                                        (values.medium != null && res.response.medium) ? analysis += "{{trans('action.medium')}} - " + values.medium + "<br/>" : "";
                                        (values.tipp != null && res.response.tipp) ? analysis += "{{trans('action.tipp')}} - " + values.tipp + "<br/>" : "";
                                    }
                                });
                            }
                        });

                        (res.others.preview == 0) ? $("#pre_analyses").html(analysis) : $("#pre_title").attr("style", "display: none");
                        $("#pre_sub").html(analyses);
                        $('.modal_preloader').hide();
                        $('.loaded_data').show();
                    }
                });
            }
        }


        $(document).on('click', "#autoGenerate_dl", function() {
            var length    = Math.floor(Math.random() * 30) + 1;
            var frequency = Math.floor(Math.random() * 3) + 1;
            $("#frequencyDiv").find('option:selected').prop("selected", false);
            $("#selectFreq select").val(frequency);
            $("#cronlength").val(length);
            if(frequency == 2) {
                $("#freq1").attr("style", "display : block");
                $("#freq2").attr("style", "display : none");
            }
            else if(frequency == 3) {
                $("#freq1").attr("style", "display : block");
                $("#freq2").attr("style", "display : block");
            }
            else if(frequency == 1) {
                $("#freq1").attr("style", "display : none");
                $("#freq2").attr("style", "display : none");
            }
        });

        $(document).on('click', "#clearGenerate_dl", function() {
            $('#cronlength').val('');
            $("#flatpickr-time").val("");
            $("#flatpickr-time1").val("");
            $("#freq1").hide();
            $("#freq2").hide();
            $("#frequencyDiv").find('option:selected').prop("selected", false);
            $("#selectFreq select").val(1);
        });

        function display (seconds) {
            const format = val => `0${Math.floor(val)}`.slice(-2)
            const hours = seconds / 3600
            const minutes = (seconds % 3600) / 60
            return [minutes, seconds % 60].map(format).join(':')
        }

        function error(mesasge1,mesasge2){
            Swal.fire({
            title: mesasge1,
            text: mesasge2,
            icon: 'warning',
            showCancelButton: false,
            confirmButtonColor: '#FFB505',
            cancelButtonColor: '#d33',
            cancelButtonText:  '',
            confirmButtonText: 'ok',
            });
        }

        $(function ($) {

            var today = new Date();
            var local_lang = "{{ Config::get('app.locale') }}";
            var datef = (local_lang === 'de') ? "d.m.Y H:i" : "Y/m/d H:i";
            today.setHours(0,0,0,0);

            $("#flatpickr-datetime").flatpickr({
                enableTime: true,
                time_24hr: true,
                dateFormat: datef,
                minDate: new Date(),
                defaultDate: "{{$pre_datetime}}"
            });

            $("#flatpickr-datetime1").flatpickr({
                enableTime: true,
                time_24hr: true,
                dateFormat: datef,
                minDate: new Date(),
                defaultDate: "{{$pre_datetime}}"
            });
            $("#flatpickr-datetime2").flatpickr({
                enableTime: true,
                time_24hr: true,
                dateFormat: datef,
                minDate: new Date(),
                defaultDate: "{{$pre_datetime}}"
            });
            $("#flatpickr-time").flatpickr({
                enableTime: true,
                noCalendar: true,
                time_24hr: true,
                dateFormat: "H:i",
            });
            $("#flatpickr-time1").flatpickr({
                enableTime: true,
                noCalendar: true,
                time_24hr: true,
                dateFormat: "H:i",
            });

        
            $('#cronusercheck').change(function(){
                
                $(".timeZoneAlert").text("")
                getExicutableTime($('#timezone_select option:selected').val())
            })
            $('#timezone_select').change(function(){
                getExicutableTime($(this).val())
            })
            
        
        });

        function getExicutableTime(timezone){
            if(__getReqClose) __getReqClose.abort()
            if(!timezone || !timezone.length) return $('.flatpickr-input').not($('[name=time2]')).prop('disabled', true).val('')
            let url = "{{ route('cron.get-date-time') }}"
            __getReqClose = $.get(url,{ timezone: timezone }, function (resp) {
                $("#flatpickr-datetime, #flatpickr-datetime1, #flatpickr-datetime2").val(''); // Clear the input field's value
                flatpickr("#flatpickr-datetime, #flatpickr-datetime1, #flatpickr-datetime2", {
                    enableTime: true,
                    dateFormat: resp.format,
                    time_24hr: true,
                    defaultDate: resp.setDefault,
                    minDate: resp.minDate
                });
                
                $(".timeZoneAlert").text(resp.timeAlert)
            })
        
        }
        $("#cronusercheck").on('change', function(){
            var sTimezone = $(this).children("option:selected").data('timezoneid');
            $("#timezone_select").val(sTimezone).trigger('change');

        });

        function checkcron(){
            var duepow_dt = $("#flatpickr-datetime").val();
            var single_dt = $("#flatpickr-datetime2").val();
            var time2 = $("#flatpickr-time").val();
            var time3 = $("#flatpickr-time1").val();
            var id = $("#cronusercheck").find(":selected").val();
            var user = (userid == 0) ? id : userid;
            var checkduePower = $('#cronDuePower').is(":checked");

            $.ajax({
                type: "POST",
                dataType: "json",
                url: "{{ route('Aajax.check_cron') }}",
                data: {userid: user, duepow: duepow_dt, single: single_dt, time2: time2, time3: time3, cdp: checkduePower},
                success: function(res) {
                    if(res.status == true){
                        toastr.error(res.message);
                        $(e).addClass('from-input-error')
                        $('#bottomFixed button').prop('disabled', true);
                    }else {
                        $(e).removeClass('from-input-error')
                        $('#bottomFixed button').prop('disabled', false);
                    }
                }
            });
        }
</script>

@endsection