@extends('admin.layouts.app')
@section('content')
<section class="forms">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <form id="frmAddUpdate" name="frmAddUpdate" action="{!! $class->id ? route('admin.class.update') : route('admin.class.store') !!}" method="POST" class="form-horizontal" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="id" value="{!! $class->id !!}">
                    <p class="require-size mb-1">All timings are in Eastern Time (ET).</p>
                    <div class="col-lg-06">
                        <div class='accordion' id='accordionExample'>
                            <div class='card'>
                                <div class='card-header' id='general_section' data-toggle='collapse' data-target='#general_section_collapse' aria-expanded='false' aria-controls='general_section_collapse'>
                                    <h3>General Information</h3>
                                </div>
                                <div id='general_section_collapse' class='collapse' aria-labelledby='general_section' data-parent='#accordionExample'>
                                    <div class="card-body">
                                        <div class="form-group row">
                                            <label class="col-md-3 form-control-label">Title</label>
                                            <div class="col-md-9">
                                                <input type="text" name="name" id="name" value="{!! old('name') ?? $class->name !!}" placeholder="Enter class name" class="form-control">
                                                @error('name')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <hr/>
                                        <div class="form-group row">
                                            <label class="col-md-3 form-control-label">Slug</label>
                                            <div class="col-md-9">
                                                <input type="text" name="slug" id="slug" value="{!! old('slug') ?? $class->slug !!}" placeholder="Enter class slug" class="form-control">
                                                @error('slug')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <hr/>
                                        <div class="form-group row">
                                            <label class="col-sm-3 form-control-label">Categories</label>
                                            <div class="col-sm-7">
                                                <select name="categories[]" id="categories" class="form-control" multiple>
                                                    @if($categories->count() > 0)
                                                    @foreach($categories as $category)
                                                    <option value="{!! $category->id !!}" @if(in_array($category->id,$class->categories()->pluck('category_id')->toArray())) selected @endif>{!! $category->name !!}</option>
                                                    @endforeach
                                                    @endif
                                                </select>
                                                @error('categories[]')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                            @if(checkAdminHasAccess('class_category','Add'))
                                            <div class="col-sm-2">
                                                <button type="button" class="btn btn-primary mr-3 btnOpenAddCategoryPopup">Add New</button>
                                            </div>
                                            @endif
                                        </div>
                                        <hr>
                                        <div class="form-group row">
                                            <div class="col-md-3">
                                                <label class="form-control-label" for="fileInput">Image</label>
                                                <p class="require-size mb-1">* Require size in pixel. (998x480)</p>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="d-md-flex align-items-center image_div">
                                                    {!! getMedipickerButton('Image',"image","image_alt","image_type","div_image_preview") !!}
                                                    <div class="show-image imageRounded mt-3 mt-md-0" id="div_image_preview">
                                                        <img src="{!! old('image') ?? $class->image_url !!}" class="img-fluid image_preview">
                                                    </div>
                                                </div>
                                                <input id="image_old" name="image_old" type="hidden" value="{!! $class->image !!}">
                                                <input id="selected_media" name="image" type="hidden" value="{!! old('image') !!}">
                                                @error('image')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                            <div class="col-md-6">
                                                <label class="form-control-label">Image Alt Tag Text</label>
                                                <input type="text" name="image_alt" id="image_alt" value="{!! old('image_alt') ?? $class->image_alt !!}" placeholder="Enter image alt text" class="form-control">
                                                @error('image_alt')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <hr/>
                                        <div class="form-group row">
                                            <label class="col-sm-3 form-control-label">Embed</label>
                                            <div class="col-sm-9">
                                                <textarea name="elexio_form_embed_code" id="elexio_form_embed_code" class="form-control" rows="3" placeholder='<script src="https://forms.ministryforms.net/embed.aspx?formId=c8ff6c00-3548-442d-ae61-6be32a17440c"></script>'>{!! old('elexio_form_embed_code') ?? $class->elexio_form_embed_code !!}</textarea>
                                                @error('elexio_form_embed_code')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <hr/>
                                        <div class="form-group row">
                                            <div class="col-md-3">
                                                <label class="form-control-label">Elexio Group ID</label>
                                                <p class="require-size mb-1">Comma Seperated IDs (3025, 5214, 6325)</p>
                                            </div>
                                            <div class="col-md-9">
                                                <input type="text" name="elexio_group_id" id="elexio_group_id" value="{!! old('elexio_group_id') ?? $class->elexio_group_id !!}" class="form-control" placeholder="3025, 5214, 6325">
                                                @error('elexio_group_id')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="form-group row">
                                            <label class="col-md-3 form-control-label">Description</label>
                                            <div class="col-md-9">
                                                <textarea class="form-control clsFullEditor" name="description" id="description" placeholder="Enter class description" rows="10">{!! old('description') ?? $class->description !!}</textarea>
                                                @error('description')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <hr/>
                                        <div class="form-group row">
                                            <label class="col-md-3 form-control-label">Type</label>
                                            <div class="col-md-9 radiobox d-block">
                                                <div class="radio-wrap">
                                                    @foreach(classTypes() as $classType)
                                                    <div class="checkbox-data">
                                                        @php
                                                        $checked = "";
                                                        if(is_array(old('type'))) {
                                                            if(in_array($classType,old('type'))) {
                                                                $checked = "checked";
                                                            }
                                                        } else if(in_array($classType,$class->typearr)) {
                                                            $checked = "checked";
                                                        }
                                                        @endphp
                                                        <input type="checkbox" name="type[]" class="checkbox check chkType" value="{!! $classType !!}" {!! $checked !!}>
                                                        <span class="checkbox-custom"></span>
                                                        <label>{!! $classType !!}</label>
                                                    </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                            @error('type')
                                            <span class="error" role="alert">{!! $message !!}</span>
                                            @enderror
                                        </div>
                                        <div class="form-group row" id="content_id_div">
                                            <div class="col-md-9 offset-md-3">
                                                <label class=" form-control-label">Content</label>
                                                <select name="content_id" id="content_id" class="form-control">
                                                    <option value="">Select On Demand Category</option>
                                                    @if($contents->count() > 0)
                                                    @foreach($contents as $content)
                                                    <option value="{!! $content->id !!}" @if($content->id == $class->content_id || $content->id == old('content_id')) selected @endif>{!! $content->name !!}</option>
                                                    @endforeach
                                                    @endif
                                                </select>
                                                @error('content_id')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="form-group row" id="location_div">
                                            <div class="col-md-9 offset-md-3">
                                                <label class="form-control-label">Location</label>
                                                <input type="location" name="location" id="location" placeholder="Enter class location" value="{!! old('location') ?? $class->location !!}" class="form-control">
                                                @error('location')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <hr/>
                                        <div class="form-group row productsMainDiv">
                                            <label class="col-md-3 form-control-label">Attached Books / Products</label>
                                            <div class="col-md-9">
                                                <div class="row box mx-auto" id="productsHtml" style="background-color: #f0f0f0;">
                                                    @if($class->products()->count() > 0)
                                                    @foreach($class->products as $products)
                                                    @php $rand = rand(999999,1); @endphp
                                                    <div class='col-sm-3 mb-4 divProduct' id='product_{!! $products->product_id !!}'>
                                                        <div class="border text-center bg-white" style="position:relative;min-height:100%;padding:20px;">
                                                            <input type='hidden' name='products[{!! $rand !!}][product_id]' value='{!! $products->product_id !!}'>
                                                            <input type='hidden' name='products[{!! $rand !!}][name]' value='{!! $products->name !!}'>
                                                            <input type='hidden' name='products[{!! $rand !!}][price]' value='{!! $products->price !!}'>
                                                            <input type='hidden' name='products[{!! $rand !!}][image]' value='{!! $products->image !!}'>
                                                            <input type='hidden' name='products[{!! $rand !!}][link]' value='{!! $products->link !!}'>
                                                            <p>
                                                                <img src='{!! $products->image !!}' style='width:100px;height:100px'>
                                                            </p>
                                                            <p>
                                                                <a href="{!! $products->link !!}" target="_blank">{!! $products->name !!}</a>
                                                            </p>
                                                            <p class="mb-0">{!! $products->price !!}</p>
                                                            <a href='javascript:void(0)' class='removeProduct' data-product_id='{!! $products->product_id !!}'>
                                                                <i class='fa fa-times'></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    @endforeach
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-md-3 form-control-label">Books / Products</label>
                                            <div class="col-md-9">
                                                <select name="productsSelect2" id="productsSelect2">
                                                    <option value="">Search for a Books / Products</option>
                                                </select>
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="form-group row">
                                            <label class="col-md-3 form-control-label">Want to hide time ?</label>
                                            <div class="col-md-3 radiobox">
                                                <div class="radio-wrap">
                                                    <div class="radiobtn">
                                                        <input type="radio" id="is_hide_time_yes" class="form-control checkboxinput" name="is_hide_time" value="1"
                                                        @if(old('is_hide_time') != "")
                                                            @if(old('is_hide_time') == "1")
                                                            checked
                                                            @endif
                                                        @elseif($class->is_hide_time == '1')
                                                            checked
                                                        @endif>Yes
                                                        <h1></h1>
                                                    </div>
                                                    <div class="radiobtn">
                                                        <input type="radio" id="is_hide_time_no" class="form-control checkboxinput" name="is_hide_time" value="0"
                                                        @if(old('is_hide_time') != "")
                                                            @if(old('is_hide_time') == "0")
                                                            checked
                                                            @endif
                                                        @elseif(!$class->is_hide_time || $class->is_hide_time == '0')
                                                            checked
                                                        @endif>No
                                                        <h1></h1>
                                                    </div>
                                                </div>
                                            </div>

                                            <label class="col-md-3 form-control-label">Want to hide end date & time ?</label>
                                            <div class="col-md-3 radiobox">
                                                <div class="radio-wrap">
                                                    <div class="radiobtn">
                                                        <input type="radio" id="is_hide_end_date_time_yes" class="form-control checkboxinput" name="is_hide_end_date_time" value="1"
                                                        @if(old('is_hide_end_date_time') != "")
                                                            @if(old('is_hide_end_date_time') == "1")
                                                            checked
                                                            @endif
                                                        @elseif($class->is_hide_end_date_time == '1')
                                                            checked
                                                        @endif>Yes
                                                        <h1></h1>
                                                    </div>
                                                    <div class="radiobtn">
                                                        <input type="radio" id="is_hide_end_date_time_no" class="form-control checkboxinput" name="is_hide_end_date_time" value="0"
                                                        @if(old('is_hide_end_date_time') != "")
                                                            @if(old('is_hide_end_date_time') == "0")
                                                            checked
                                                            @endif
                                                        @elseif(!$class->is_hide_end_date_time || $class->is_hide_end_date_time == '0')
                                                            checked
                                                        @endif>No
                                                        <h1></h1>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="form-group row">
                                            <label class="col-sm-3 form-control-label">Password</label>
                                            <div class="col-sm-2">
                                                <input type="text" name="password" id="password" value="{!! old('password') ?? $class->password !!}" class="form-control">
                                                @error('password')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>

                                            <label class="col-md-2 form-control-label text-md-right">Is Private ?</label>
                                            <div class="col-md-2 radiobox">
                                                <div class="radio-wrap">
                                                    <div class="radiobtn">
                                                        <input type="radio" id="is_private_yes" class="form-control checkboxinput" name="is_private" value="1"
                                                        @if(old('is_private') != "")
                                                            @if(old('is_private') == "1")
                                                            checked
                                                            @endif
                                                        @elseif($class->is_private == '1')
                                                            checked
                                                        @endif>Yes
                                                        <h1></h1>
                                                    </div>
                                                    <div class="radiobtn">
                                                        <input type="radio" id="is_private_no" class="form-control checkboxinput" name="is_private" value="0"
                                                        @if(old('is_private') != "")
                                                            @if(old('is_private') == "0")
                                                            checked
                                                            @endif
                                                        @elseif(!$class->is_private || $class->is_private == '0')
                                                            checked
                                                        @endif>No
                                                        <h1></h1>
                                                    </div>
                                                </div>
                                            </div>

                                            <label class="col-md-1 form-control-label text-md-right">Status</label>
                                            <div class="col-md-2 radiobox">
                                                <div class="radio-wrap">
                                                    <div class="radiobtn">
                                                        <input type="radio" id="is_active_yes" class="form-control checkboxinput" name="is_active" value="1"
                                                        @if(old('is_active') != "")
                                                            @if(old('is_active') == "1")
                                                            checked
                                                            @endif
                                                        @elseif($class->is_active == '1')
                                                            checked
                                                        @endif>Yes
                                                        <h1></h1>
                                                    </div>
                                                    <div class="radiobtn">
                                                        <input type="radio" id="is_active_no" class="form-control checkboxinput" name="is_active" value="0"
                                                        @if(old('is_active') != "")
                                                            @if(old('is_active') == "0")
                                                            checked
                                                            @endif
                                                        @elseif($class->is_active == '0')
                                                            checked
                                                        @endif>No
                                                        <h1></h1>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="line"> </div>
                                        <div class="form-group row">
                                            <div class="col-sm-12 text-center">
                                                <button type="button" class="btn btn-secondary" onclick="javascript:window.location.href='{!! route('admin.class.index') !!}'">Cancel</button>
                                                <button type="button" class="btn btn-primary" onclick="javascript:formsubmit('general')">Save changes</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class='card'>
                                <div class='card-header' id='recurring_section' data-toggle='collapse' data-target='#recurring_section_collapse' aria-expanded='false' aria-controls='recurring_section_collapse'>
                                    <h3>Recurring Information</h3>&nbsp;&nbsp;<span class="require-size">Any details changed in this section will delete current recurring classes and create new ones.</span>
                                </div>
                                <div id='recurring_section_collapse' class='collapse' aria-labelledby='recurring_section' data-parent='#accordionExample'>
                                    <div class="card-body">
                                        <div class="form-group row">
                                            <label class="col-md-3 form-control-label">Is Recurring?</label>
                                            <div class="col-md-9 radiobox d-block">
                                                <div class="radio-wrap">
                                                    <div class="radiobtn">
                                                        <input type="radio" id="recurring_yes" class="form-control checkboxinput" name="is_recurring" value="1" {!! old('is_recurring') == "1" ? 'checked' : ($class->is_recurring == '1' ? 'checked' : '') !!}>Yes
                                                        <h1></h1>
                                                    </div>
                                                    <div class="radiobtn">
                                                        <input type="radio" id="recurring_no" class="form-control checkboxinput" name="is_recurring" value="0" {!! old('is_recurring') == "0" ? 'checked' : ($class->is_recurring == '0' ? 'checked' : '') !!}>No
                                                        <h1></h1>
                                                    </div>
                                                </div>
                                                @error('is_recurring')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form-group row recurring_no">
                                            <div class="col-md-3 offset-md-3">
                                                <label class="form-control-label">Event Date</label>
                                                <div class="datepicker-group">
                                                    <input type="text" name="date" id="date" value="{!! old('date') ?? ($class->date ? convertUtcToEt($class->start_date_time,config('constants.INPUT_DATE_FORMAT')) : "") !!}" class="form-control clsManualDatePicker" placeholder="MM-DD-YYYY">
                                                </div>
                                                @error('date')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                            <div class="col-md-3">
                                                <label class="form-control-label">Event Start Time</label>
                                                <div class="timepicker-group">
                                                    <input type='text' name="start_time" id="start_time" value="{!! old('start_time') ?? ($class->start_time ? convertUtcToEt($class->start_date_time,'H:i') : "") !!}" class="inptp">
                                                </div>
                                                @error('start_time')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                            <div class="col-md-3">
                                                <label class="form-control-label">Event End Time</label>
                                                <div class="timepicker-group">
                                                    <input type="text" name="end_time" id="end_time" value="{!! old('end_time') ?? ($class->end_time ? convertUtcToEt($class->end_date_time,'H:i') : "") !!}" class="inptp">
                                                </div>
                                                @error('end_time')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="form-group row recurring_yes">
                                            <div class="col-md-3 offset-md-3">
                                                <label class="form-control-label">Recurring Start Date</label>
                                                <div class="datepicker-group">
                                                    <input type="text" name="recurring_start_date" id="recurring_start_date" value="{!! old('recurring_start_date') ?? ($class->recurring_start_date ? $class->recurring_start_date->format(config('constants.INPUT_DATE_FORMAT')) : "") !!}" class="form-control clsManualDatePicker" placeholder="MM-DD-YYYY">
                                                </div>
                                                @error('recurring_start_date')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                            <div class="col-md-3">
                                                <label class="form-control-label">Recurring End Date</label>
                                                <div class="datepicker-group">
                                                    <input type="text" name="recurring_end_date" id="recurring_end_date" value="{!! old('recurring_end_date') ?? ($class->recurring_end_date ? $class->recurring_end_date->format(config('constants.INPUT_DATE_FORMAT')) : "") !!}" class="form-control clsManualDatePicker" placeholder="MM-DD-YYYY">
                                                </div>
                                                @error('recurring_end_date')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="form-group row recurring_yes mb-0">
                                            <div class="col-md-9 radiobox offset-md-3">
                                                <div class="w-100 d-sm-flex align-items-center">
                                                <label class="form-control-label mr-2">Repeat At:</label>
                                                <div class="radio-wrap">
                                                    <div class="radiobtn">
                                                        <input type="radio" id="repeat_at_daily" class="form-control checkboxinput" name="repeat_at" value="Daily" {!! old('repeat_at') == "Daily" ? 'checked' : (!old('repeat_at') && $class->repeat_at == 'Daily' ? 'checked' : '') !!}>Daily
                                                        <h1></h1>
                                                    </div>
                                                    <div class="radiobtn">
                                                        <input type="radio" id="repeat_at_weekly" class="form-control checkboxinput" name="repeat_at" value="Weekly" {!! old('repeat_at') == "Weekly" ? 'checked' : (!old('repeat_at') && $class->repeat_at == 'Weekly' ? 'checked' : '') !!}>Weekly
                                                        <h1></h1>
                                                    </div>
                                                    <div class="radiobtn">
                                                        <input type="radio" id="repeat_at_monthly" class="form-control checkboxinput" name="repeat_at" value="Monthly" {!! old('repeat_at') == "Monthly" ? 'checked' : (!old('repeat_at') && $class->repeat_at == 'Monthly' ? 'checked' : '') !!}>Monthly
                                                        <h1></h1>
                                                    </div>
                                                </div>
                                                </div>
                                                @error('repeat_at')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="form-group row recurring_yes daily_div">
                                            <div class="col-md-3 offset-md-3">
                                                <label class="form-control-label">Daily Start Time</label>
                                                <div class="timepicker-group">
                                                    <input type="text" name="daily_start_time" id="daily_start_time" value="{!! old('daily_start_time') ?? ($class->daily_start_time ? $class->daily_start_time->format('H:i') : '' ) !!}" class="inptp">
                                                </div>
                                                @error('daily_start_time')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                            <div class="col-md-3">
                                                <label class="form-control-label">Daily End Time</label>
                                                <div class="timepicker-group">
                                                    <input type="text" name="daily_end_time" id="daily_end_time" value="{!! old('daily_end_time') ?? ($class->daily_end_time ? $class->daily_end_time->format('H:i') : '' ) !!}" class="inptp">
                                                </div>
                                                @error('daily_end_time')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form-group row recurring_yes weekly_div mb-0">
                                            <div class="col-md-9 offset-md-3">
                                                <div class="border-bottom pb-2 mb-2">
                                                    <label class="form-control-label py-0">Select occurance</label>
                                                </div>
                                                <div id="divWeeklyHtml">
                                                    @if(is_array(old('weekly')) > 0 && count(old('weekly')) > 0 && old('repeat_at') == "Weekly")
                                                    @foreach(old('weekly') as $otimings)
                                                    @php $rand = rand(1000,100000); @endphp
                                                    <div class="weeklyBox" id="weeklyBox_{!! $rand !!}">
                                                        <div class="row">
                                                            <div class="col-md-3">
                                                                <label class="form-control-label">Day</label>
                                                                <select class="form-control clsInputWeeklyDay" name="weekly[{!! $rand !!}][day]">
                                                                    <option value="">Choose day</option>
                                                                    @foreach(days() as $day)
                                                                    <option value="{!! $day !!}" @if($otimings['day'] == $day) selected @endif>{!! $day !!}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                            <div class="col-md-3">
                                                                <label class="form-control-label">Start Time</label>
                                                                <div class="timepicker-group">
                                                                    <input type="text" class="clsInputWeeklyStartTimes inptp"  name="weekly[{!! $rand !!}][start_time]" id="clsInputWeeklyStartTimes_{!! $rand !!}" value="{!! $otimings['start_time'] !!}">
                                                                </div>
                                                            </div>
                                                            <div class="col-md-3">
                                                                <label class="form-control-label">End Time</label>
                                                                <div class="timepicker-group">
                                                                    <input type="text" class="clsInputWeeklyEndTimes inptp"  name="weekly[{!! $rand !!}][end_time]" id="clsInputWeeklyEndTimes_{!! $rand !!}" value="{!! $otimings['end_time'] !!}">
                                                                </div>
                                                            </div>
                                                            <div class="col-md-3">
                                                                <label class="form-control-label">Action</label>
                                                                <div>
                                                                    <a href='javascript:void(0)' class='btn btn-sm btn-primary btnBoxMove' data-value='up' data-item='weeklyBox' title='Move this section to up'><i class='fa fa-sort-up'></i></a>&nbsp;&nbsp;
                                                                    <a href='javascript:void(0)' class='btn btn-sm btn-primary btnBoxMove' data-value='down' data-item='weeklyBox' title='Move this section to down'><i class='fa fa-sort-down'></i></a>&nbsp;&nbsp;
                                                                    <a href="javascript:void(0)" class="btn btn-sm btn-danger removeWeekly"><i class="far fa-trash-alt"></i></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    @endforeach

                                                    @elseif($class->timings()->count() > 0 && $class->repeat_at == "Weekly")
                                                    @foreach($class->timings as $timings)
                                                    @php $rand = rand(1000,100000); @endphp
                                                    <div class="weeklyBox" id="weeklyBox_{!! $rand !!}">
                                                        <div class="row">
                                                            <div class="col-md-3">
                                                                <label class="form-control-label">Day</label>
                                                                <select class="form-control clsInputWeeklyDay" name="weekly[{!! $rand !!}][day]">
                                                                    <option value="">Choose day</option>
                                                                    @foreach(days() as $day)
                                                                    <option value="{!! $day !!}" @if($timings->day == $day) selected @endif>{!! $day !!}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                            <div class="col-md-3">
                                                                <label class="form-control-label">Start Time</label>
                                                                <div class="timepicker-group">
                                                                    <input type="text" class="clsInputWeeklyStartTimes inptp"  name="weekly[{!! $rand !!}][start_time]" id="clsInputWeeklyStartTimes_{!! $rand !!}" value="{!! $timings->start_time->format('H:i:s') !!}">
                                                                </div>
                                                            </div>
                                                            <div class="col-md-3">
                                                                <label class="form-control-label">End Time</label>
                                                                <div class="timepicker-group">
                                                                    <input type="text" class="clsInputWeeklyEndTimes inptp"  name="weekly[{!! $rand !!}][end_time]" id="clsInputWeeklyEndTimes_{!! $rand !!}" value="{!! $timings->end_time->format('H:i:s') !!}">
                                                                </div>
                                                            </div>
                                                            <div class="col-md-3">
                                                                <label class="form-control-label">Action</label>
                                                                <div>
                                                                    <a href='javascript:void(0)' class='btn btn-sm btn-primary btnBoxMove' data-value='up' data-item='weeklyBox' title='Move this section to up'><i class='fa fa-sort-up'></i></a>&nbsp;&nbsp;
                                                                    <a href='javascript:void(0)' class='btn btn-sm btn-primary btnBoxMove' data-value='down' data-item='weeklyBox' title='Move this section to down'><i class='fa fa-sort-down'></i></a>&nbsp;&nbsp;
                                                                    <a href="javascript:void(0)" class="btn btn-sm btn-danger removeWeekly"><i class="far fa-trash-alt"></i></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    @endforeach
                                                    @endif
                                                </div>
                                                @error('weekly')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-md-9 offset-md-3">
                                                <div class="recurring_yes weekly_div border-top pt-2 mt-2 text-right" id="footerBtnAddWeekly">
                                                    <button type="button" class="btn btn-sm btn-primary btnAddWeekly">+ Add New</button>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="form-group row recurring_yes monthly_div mb-0">
                                            <div class="col-md-9 offset-md-3">
                                                <div class="border-bottom pb-2 mb-2">
                                                    <label class="form-control-label py-0">Select occurance</label>
                                                </div>
                                                <div id="divMonthlyHtml">
                                                    @if(is_array(old('monthly')) > 0 && count(old('monthly')) > 0 && old('repeat_at') == "Monthly")
                                                    @foreach(old('monthly') as $otimings)
                                                    @php $rand = rand(1000,100000); @endphp
                                                    <div class="monthlyBox" id="monthlyBox_{!! $rand !!}">
                                                        <div class="row">
                                                            <div class="col-md-2">
                                                                <label class="form-control-label">Occurance</label>
                                                                <select class="form-control clsInputMonthlyOccurance" name="monthly[{!! $rand !!}][occurance]">
                                                                    <option value="">Choose</option>
                                                                    @foreach(['first','second','third','fourth'] as $occurance)
                                                                    <option value="{!! $occurance !!}" @if($otimings['occurance'] == $occurance) selected @endif>{!! ucwords($occurance) !!}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                            <div class="col-md-2">
                                                                <label class="form-control-label">Day</label>
                                                                <select class="form-control clsInputMonthlyDay" name="monthly[{!! $rand !!}][day]">
                                                                    <option value="">Choose</option>
                                                                    @foreach(days() as $day)
                                                                    <option value="{!! $day !!}" @if($otimings['day'] == $day) selected @endif>{!! $day !!}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                            <div class="col-md-3">
                                                                <label class="form-control-label">Start Time</label>
                                                                <div class="timepicker-group">
                                                                    <input type="text" class="clsInputMonthlyStartTimes inptp" name="monthly[{!! $rand !!}][start_time]" id="clsInputMonthlyStartTimes_{!! $rand !!}" value="{!! $otimings['start_time'] !!}">
                                                                </div>
                                                            </div>
                                                            <div class="col-md-3">
                                                                <label class="form-control-label">End Time</label>
                                                                <div class="timepicker-group">
                                                                    <input type="text" class="clsInputMonthlyEndTimes inptp" name="monthly[{!! $rand !!}][end_time]" id="clsInputMonthlyEndTimes_{!! $rand !!}" value="{!! $otimings['end_time'] !!}">
                                                                </div>
                                                            </div>
                                                            <div class="col-md-2">
                                                                <label class="form-control-label">Action</label>
                                                                <div class="">
                                                                    <a href='javascript:void(0)' class='btn btn-sm btn-primary btnBoxMove' data-value='up' data-item='monthlyBox' title='Move this section to up'><i class='fa fa-sort-up'></i></a>&nbsp;&nbsp;
                                                                    <a href='javascript:void(0)' class='btn btn-sm btn-primary btnBoxMove' data-value='down' data-item='monthlyBox' title='Move this section to down'><i class='fa fa-sort-down'></i></a>&nbsp;&nbsp;
                                                                    <a href="javascript:void(0)" class="btn btn-sm btn-danger removeMonthly"><i class="far fa-trash-alt"></i></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    @endforeach

                                                    @elseif($class->timings()->count() > 0 && $class->repeat_at == "Monthly")
                                                    @foreach($class->timings as $timings)
                                                    @php $rand = rand(1000,100000); @endphp
                                                    <div class="monthlyBox" id="monthlyBox_{!! $rand !!}">
                                                        <div class="row">
                                                            <div class="col-md-2">
                                                                <label class="form-control-label">Occurance</label>
                                                                <select class="form-control clsInputMonthlyOccurance" name="monthly[{!! $rand !!}][occurance]">
                                                                    <option value="">Choose</option>
                                                                    @foreach(['first','second','third','fourth'] as $occurance)
                                                                    <option value="{!! $occurance !!}" @if($timings->occurance == $occurance) selected @endif>{!! ucwords($occurance) !!}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                            <div class="col-md-2">
                                                                <label class="form-control-label">Day</label>
                                                                <select class="form-control clsInputMonthlyDay" name="monthly[{!! $rand !!}][day]">
                                                                    <option value="">Choose</option>
                                                                    @foreach(days() as $day)
                                                                    <option value="{!! $day !!}" @if($timings->day == $day) selected @endif>{!! $day !!}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                            <div class="col-md-3">
                                                                <label class="form-control-label">Start Time</label>
                                                                <div class="timepicker-group">
                                                                    <input type="text" class="clsInputMonthlyStartTimes inptp" name="monthly[{!! $rand !!}][start_time]" id="clsInputMonthlyStartTimes_{!! $rand !!}" value="{!! $timings->start_time->format('H:i:s') !!}">
                                                                </div>
                                                            </div>
                                                            <div class="col-md-3">
                                                                <label class="form-control-label">End Time</label>
                                                                <div class="timepicker-group">
                                                                    <input type="text" class="clsInputMonthlyEndTimes inptp" name="monthly[{!! $rand !!}][end_time]" id="clsInputMonthlyEndTimes_{!! $rand !!}" value="{!! $timings->end_time->format('H:i:s') !!}">
                                                                </div>
                                                            </div>
                                                            <div class="col-md-2">
                                                                <label class="form-control-label">Action</label>
                                                                <div class="">
                                                                    <a href='javascript:void(0)' class='btn btn-sm btn-primary btnBoxMove' data-value='up' data-item='monthlyBox' title='Move this section to up'><i class='fa fa-sort-up'></i></a>&nbsp;&nbsp;
                                                                    <a href='javascript:void(0)' class='btn btn-sm btn-primary btnBoxMove' data-value='down' data-item='monthlyBox' title='Move this section to down'><i class='fa fa-sort-down'></i></a>&nbsp;&nbsp;
                                                                    <a href="javascript:void(0)" class="btn btn-sm btn-danger removeMonthly"><i class="far fa-trash-alt"></i></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    @endforeach
                                                    @endif
                                                </div>
                                                @error('monthly')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-md-9 offset-md-3">
                                                <div class="recurring_yes monthly_div border-top pt-2 mt-2 text-right" id="footerBtnAddMonthly">
                                                    <button type="button" class="btn btn-sm btn-primary btnAddMonthly">+ Add New</button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group row recurring_yes mb-0">
                                            <div class="col-md-9 offset-md-3" id="divExceptionDateHtml">
                                                <div class="border-bottom pb-2 mb-2">
                                                    <label class="form-control-label py-0">Exception Dates</label>
                                                </div>

                                                @if(is_array(old('exceptionDates')))
                                                @foreach(old('exceptionDates') as $exceptionDate)
                                                @php $rand = rand(1000,100000); @endphp
                                                <div class="exceptionDateBox" id="exceptionDateBox_{!! $rand !!}">
                                                    <div class="row">
                                                        <label class="col-md-2 form-control-label">Date</label>
                                                        <div class="col-md-3">
                                                            <div class="timepicker-group">
                                                                <input type="text" class="clsInputExceptionDate form-control clsManualDatePicker" name="exceptionDates[]" id="clsInputExceptionDate_{!! $rand !!}" value="{!! $exceptionDate !!}">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-1 text-md-right">
                                                            <a href="javascript:void(0)" class="btn btn-sm btn-danger removeExceptionDate"><i class="far fa-trash-alt"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                                @endforeach

                                                @elseif($class->exceptionDates()->count() > 0)
                                                @foreach($class->exceptionDates as $exceptionDate)
                                                @php $rand = rand(1000,100000); @endphp
                                                <div class="exceptionDateBox" id="exceptionDateBox_{!! $rand !!}">
                                                    <div class="row">
                                                        <label class="col-md-2 form-control-label">Date</label>
                                                        <div class="col-md-3">
                                                            <div class="timepicker-group">
                                                                <input type="text" class="clsInputExceptionDate form-control clsManualDatePicker" name="exceptionDates[]" id="clsInputExceptionDate_{!! $rand !!}" value="{!! $exceptionDate->date->format(config('constants.INPUT_DATE_FORMAT')) !!}">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-1 text-md-right">
                                                            <a href="javascript:void(0)" class="btn btn-sm btn-danger removeExceptionDate"><i class="far fa-trash-alt"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                                @endforeach
                                                @endif
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-md-9 offset-md-3">
                                                <div class="recurring_yes border-top pt-2 mt-2 text-right" id="footerBtnAddExceptionDate">
                                                    <button type="button" class="btn btn-sm btn-primary btnAddExceptionDate">+ Add New</button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="line"> </div>
                                        <div class="form-group row">
                                            <div class="col-sm-12 text-center">
                                                <button type="button" class="btn btn-secondary" onclick="javascript:window.location.href='{!! route('admin.class.index') !!}'">Cancel</button>
                                                <input type="hidden" name="is_future_delete" id="is_future_delete" value="0">
                                                <button type="button" class="btn btn-primary" onclick="javascript:formsubmit('recurring')">Save changes</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>
@include('admin.media.add_popup')
@include('admin.class.category.add_popup')
@section('js')
{!! config('constants.TINY_MCE_SCRIPT') !!}
<script src="{!! asset('assets/backend/js/pages/'.request()->segment(2).'.js') !!}"></script>
<script>
$(document).ready(function () {
    $("#general_section").trigger('click');
});
function formsubmit(frm)
{
    $("#is_future_delete").val(0);
    if(frm == "recurring") {
        $("#is_future_delete").val(1);
    }
    $("#frmAddUpdate").submit();
}
</script>
@stop
@endsection