@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="{!! $event->id ? route('admin.event.update') : route('admin.event.store') !!}" method="POST" class="form-horizontal" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="id" value="{!! $event->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') ?? $event->name !!}" placeholder="Enter event 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') ?? $event->slug !!}" placeholder="Enter event 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,$event->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('event_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') ?? $event->image_url !!}" class="img-fluid image_preview">
                                                    </div>
                                                </div>
                                                <input id="image_old" name="image_old" type="hidden" value="{!! $event->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') ?? $event->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">
                                            <div class="col-md-3">
                                                <label class="form-control-label">Video Embed URL</label>
                                                <p class="require-size mb-1">Add only url. Don't add iframe tag.</p>
                                            </div>
                                            <div class="col-md-9">
                                                <input type="url" name="video_link" id="video_link" placeholder="https://mecklenburg.lightcastmedia.com/embed/console/dT0zMDY2JmM9NjU4Mjc4MDQwJnc9NjQwJmg9MzYw.html" value="{!! old('video_link') ?? $event->video_link !!}" class="form-control">
                                                @error('video_link')
                                                <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">Chat Embed URL</label>
                                                <p class="require-size mb-1">Add only url. Don't add iframe tag.</p>
                                            </div>
                                            <div class="col-md-9">
                                                <input type="url" name="chat_embed_url" id="chat_embed_url" placeholder="https://chatroll.com/embed/chat/ujkm?id=QeENc6rEGyn&platform=html" value="{!! old('chat_embed_url') ?? $event->chat_embed_url !!}" class="form-control">
                                                @error('chat_embed_url')
                                                <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-6">
                                                <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') ?? $event->elexio_form_embed_code !!}</textarea>
                                                @error('elexio_form_embed_code')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                            <div class="col-sm-3">
                                                <label class="form-control-label">Elexio Group IDs <span class="require-size mb-1">Comma Seperated IDs (3025, 5214, 6325)</span></label>
                                                <input type="text" name="elexio_group_id" id="elexio_group_id" value="{!! old('elexio_group_id') ?? displayElexioGroupIds($event->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-sm-3 form-control-label">Prayer Request Embed Code</label>
                                            <div class="col-sm-9">
                                                <textarea name="elexio_prayer_request_embed_code" id="elexio_prayer_request_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_prayer_request_embed_code') ?? $event->elexio_prayer_request_embed_code !!}</textarea>
                                                @error('elexio_prayer_request_embed_code')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="form-group row">
                                            <label class="col-sm-3 form-control-label">New Here Embed Code</label>
                                            <div class="col-sm-9">
                                                <textarea name="elexio_new_here_embed_code" id="elexio_new_here_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_new_here_embed_code') ?? $event->elexio_new_here_embed_code !!}</textarea>
                                                @error('elexio_new_here_embed_code')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="form-group row">
                                            <label class="col-sm-3 form-control-label">Eventbrite ID</label>
                                            <div class="col-sm-3">
                                                <input type="text" name="eventbrite_id" id="eventbrite_id" value="{!! old('eventbrite_id') ?? $event->eventbrite_id !!}" class="form-control" placeholder="1234">
                                                @error('eventbrite_id')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                            <label class="col-sm-3 form-control-label">Eventbrite Button Caption</label>
                                            <div class="col-sm-3">
                                                <input type="text" name="eventbrite_btn_caption" id="eventbrite_btn_caption" value="{!! old('eventbrite_btn_caption') ?? $event->eventbrite_btn_caption !!}" class="form-control" placeholder="Buy Tickets">
                                                @error('eventbrite_btn_caption')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-sm-3 form-control-label">Eventbrite Button BG Color</label>
                                            <div class="col-sm-3">
                                                <input type="text" name="eventbrite_btn_bgcolor" id="eventbrite_btn_bgcolor" value="{!! old('eventbrite_btn_bgcolor') ?? $event->eventbrite_btn_bgcolor !!}" class="form-control" placeholder="#fff">
                                                @error('eventbrite_btn_bgcolor')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                            <label class="col-sm-3 form-control-label">Eventbrite Button Font Color</label>
                                            <div class="col-sm-3">
                                                <input type="text" name="eventbrite_btn_color" id="eventbrite_btn_color" value="{!! old('eventbrite_btn_color') ?? $event->eventbrite_btn_color !!}" class="form-control" placeholder="#fff">
                                                @error('eventbrite_btn_color')
                                                <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 event description" rows="10">{!! old('description') ?? $event->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 d-block">
                                                <div class="radio-wrap">
                                                    @foreach(eventTypes() as $eventType)
                                                    <div class="checkbox-data">
                                                        @php
                                                        $checked = "";
                                                        if(is_array(old('type'))) {
                                                            if(in_array($eventType,old('type'))) {
                                                                $checked = "checked";
                                                            }
                                                        } else if(in_array($eventType,$event->typearr)) {
                                                            $checked = "checked";
                                                        }
                                                        @endphp
                                                        <input type="checkbox" name="type[]" class="checkbox check chkType" value="{!! $eventType !!}" {!! $checked !!}>
                                                        <span class="checkbox-custom"></span>
                                                        <label>{!! $eventType !!}</label>
                                                    </div>
                                                    @endforeach
                                                    @error('type')
                                                    <span class="error" role="alert">{!! $message !!}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </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 == $event->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 event location" value="{!! old('location') ?? $event->location !!}" class="form-control">
                                                @error('location')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <hr/>
                                        <div class="form-group row">
                                            <label class="col-md-3 form-control-label">Notes</label>
                                            <div class="col-md-9">
                                                <textarea class="form-control clsFullEditor" name="notes" id="notes" placeholder="Enter event notes" rows="5">{!! old('notes') ?? $event->notes !!}</textarea>
                                                @error('notes')
                                                <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($event->products()->count() > 0)
                                                    @foreach($event->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($event->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(!$event->is_hide_time || $event->is_hide_time == '0')
                                                            checked
                                                        @endif>No
                                                        <h1></h1>
                                                    </div>
                                                </div>
                                            </div>
                                            <label class="col-md-3 form-control-label text-md-right">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($event->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(!$event->is_hide_end_date_time || $event->is_hide_end_date_time == '0')
                                                            checked
                                                        @endif>No
                                                        <h1></h1>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="form-group row">
                                            <label class="col-md-3 form-control-label">Is Featured ?</label>
                                            <div class="col-md-3 radiobox">
                                                <div class="radio-wrap">
                                                    <div class="radiobtn">
                                                        <input type="radio" id="is_featured_yes" class="form-control checkboxinput" name="is_featured" value="1"
                                                        @if(old('is_featured') != "")
                                                            @if(old('is_featured') == "1")
                                                            checked
                                                            @endif
                                                        @elseif($event->is_featured == '1')
                                                            checked
                                                        @endif>Yes
                                                        <h1></h1>
                                                    </div>
                                                    <div class="radiobtn">
                                                        <input type="radio" id="is_featured_no" class="form-control checkboxinput" name="is_featured" value="0"
                                                        @if(old('is_featured') != "")
                                                            @if(old('is_featured') == "0")
                                                            checked
                                                            @endif
                                                        @elseif(!$event->is_featured || $event->is_featured == '0')
                                                            checked
                                                        @endif>No
                                                        <h1></h1>
                                                    </div>
                                                </div>
                                            </div>
                                            <label class="col-sm-3 form-control-label text-md-right">Password</label>
                                            <div class="col-sm-3">
                                                <input type="text" name="password" id="password" value="{!! old('password') ?? $event->password !!}" class="form-control">
                                                @error('password')
                                                <span class="error" role="alert">{!! $message !!}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="form-group row">
                                            <label class="col-md-3 form-control-label">Is Private ?</label>
                                            <div class="col-md-3 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($event->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(!$event->is_private || $event->is_private == '0')
                                                            checked
                                                        @endif>No
                                                        <h1></h1>
                                                    </div>
                                                </div>
                                            </div>
                                            <label class="col-md-3 form-control-label text-md-right">Status</label>
                                            <div class="col-md-3 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($event->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($event->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.event.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 events 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' : ($event->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' : ($event->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') ?? ($event->date ? convertUtcToEt($event->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') ?? ($event->start_time ? convertUtcToEt($event->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') ?? ($event->end_time ? convertUtcToEt($event->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') ?? ($event->recurring_start_date ? $event->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') ?? ($event->recurring_end_date ? $event->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') && $event->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') && $event->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') && $event->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') ?? ($event->daily_start_time ? $event->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') ?? ($event->daily_end_time ? $event->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($event->timings()->count() > 0 && $event->repeat_at == "Weekly")
                                                    @foreach($event->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($event->timings()->count() > 0 && $event->repeat_at == "Monthly")
                                                    @foreach($event->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($event->exceptionDates()->count() > 0)
                                                @foreach($event->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.event.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.event.category.add_popup')
@section('js')
{!! config('constants.TINY_MCE_SCRIPT') !!}
<script src="{!! asset('assets/backend/js/pages/'.request()->segment(2).'.js') !!}?v={!! time() !!}"></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