@extends('layouts.admin')
@section('content')
<style>
	.mar-21 {
		margin-left: -19px;
		margin-top: -18px;
	}

	.select2-results__option--highlighted {
		background-color: #c6c1c1 !important;
		color: black;
	}

	.dt-hide {
		display: none;
	}

	.select2-container {
		width: 100% !important;
		border-color: #2196f3 !important;
	}

	.select2-selection {
		border-color: #2196f3 !important;
	}
</style>
<div class="card">
	<div class="card-header header-elements-inline">
		<h5 class="card-title">Event Form</h5>
	</div>

	<div class="card-body">

		<form method="post" id="form_event" class="form-horizontal" enctype="multipart/form-data">
			<!-- @csrf
			@method('post') -->

			@php
			$eventId = (isset($event_data->event_id) && ($event_data->event_id != '')) ? $event_data->event_id : '';
			$eventChargeId = (isset($event_data->event_charge_data->event_charge_id) && ($event_data->event_charge_data->event_charge_id != '')) ? $event_data->event_charge_data->event_charge_id : '';

			$eventAppTicketId = (isset($event_app_ticket_data['event_ticket_id']) && ($event_app_ticket_data['event_ticket_id'] != '')) ? $event_app_ticket_data['event_ticket_id'] : '';
			$eventWebTicketId = (isset($event_web_ticket_data['event_ticket_id']) && ($event_web_ticket_data['event_ticket_id'] != '')) ? $event_web_ticket_data['event_ticket_id'] : '';
			$eventAdminTicketId = (isset($event_admin_ticket_data['event_ticket_id']) && ($event_admin_ticket_data['event_ticket_id'] != '')) ? $event_admin_ticket_data['event_ticket_id'] : '';
			@endphp

			<input type="hidden" name="event_id" id="event_id" value="{{$eventId}}">
			<input type="hidden" name="event_charge_id" id="event_charge_id" value="{{$eventChargeId}}">
			<input type="hidden" name="app_ticket_id" id="app_ticket_id" value="{{$eventAppTicketId}}">
			<input type="hidden" name="web_ticket_id" id="web_ticket_id" value="{{$eventWebTicketId}}">
			<input type="hidden" name="admin_ticket_id" id="admin_ticket_id" value="{{$eventAdminTicketId}}">


			@if($eventType == 'class')
			<input type="hidden" name="category_for" id="category_for" value="class">
			<input type="hidden" name="event_type" id="event_type" value="class">
			@else
			<input type="hidden" name="category_for" id="category_for" value="event">
			<input type="hidden" name="event_type" id="event_type" value="event">
			@endif

			<div class="tab-content">

				<!-- Event Name -->
				<div class="form-group row">
					<label class="col-form-label col-sm-3">Event Title<span class="text-danger"> * </span></label>
					<div class="col-sm-9">
						<input type="text" name="event_title" value="{{(isset($event_data->event_title) && ($event_data->event_title != '')) ? $event_data->event_title : ''}}" id="event_title" class="form-control"
							placeholder="Enter Event Title">
					</div>
				</div>

				<!--Description -->
				<div class="form-group row">
					<label class="col-form-label col-sm-3">Description</label>
					<div class="col-sm-9">
						<textarea name="description" id="description" placeholder="Enter Description" rows="5" cols="5" class="form-control description">{{(isset($event_data->description) && ($event_data->description != '')) ? $event_data->description : ''}}</textarea>
						<label id="description-error" class="validation-error-label" for="course_content"></label>
					</div>
				</div>

				<div class="form-group row">
					<label class="col-form-label col-sm-3">Start Date<span class="text-danger"> * </span></label>
					<div class="col-sm-9">
						<input type="text" class="form-control" id="start_date"
							name="start_date" value="{{ (isset($event_data->start_date)) ? date('d-m-Y H:i:s', strtotime($event_data->start_date)) : '' }}"
							placeholder="Select a Start Date" readonly>
					</div>
				</div>

				<div class="form-group row">
					<label class="col-form-label col-sm-3">End Date<span class="text-danger"> * </span></label>
					<div class="col-sm-9">
						<input type="text" class="form-control" id="end_date"
							name="end_date" value="{{ (isset($event_data->end_date)) ? date('d-m-Y H:i:s', strtotime($event_data->end_date)) : '' }}"
							placeholder="Select a End Date" readonly>
					</div>
				</div>

				<div class="form-group row">
					<label class="col-form-label col-sm-3">Time Slots</label>
					<div class="col-sm-9">
						@php $event_slotdata = isset($event_data->event_time_slots) ? $event_data->event_time_slots : ""; @endphp
						@include('event.time_slot', ['event_slot_data' => $event_slotdata])
						<button type="button" class="btn btn-default btn-raised legitRipple a " onclick="addTimeSlotItem()">
							<i class="icon-plus3 position-left"></i>Add ROW
						</button>
					</div>
				</div>

				<!-- For Member or With Guest-->
				<div class="form-group row">
					<label class="col-form-label col-sm-3">For Member Or With Guest<span class="text-danger"> * </span></label>
					<div class="col-sm-9">
						<input type="radio" class="radiomemberguest" name="for_member_or_with_guest" value="member" id="for_member_or_with_guest" {{( !isset($event_data->for_member_or_with_guest) || (isset($event_data->for_member_or_with_guest) && $event_data->for_member_or_with_guest == "member"))?"checked":"" }} />
						Member Only Event
						<input type="radio" class="radiomemberguest" name="for_member_or_with_guest" value="guest" id="for_member_or_with_guest" @if(isset($event_data->for_member_or_with_guest) && $event_data->for_member_or_with_guest == "guest") checked @endif />
						Guest Allowed
						<label id="for_member_or_with_guest-error" class="validation-invalid-label" for="for_member_or_with_guest"></label>
					</div>
				</div>


				<div class="form-group row">
					<label class="col-form-label col-sm-3">Charge Member/Guest/Childermas<span class="text-danger"></span></label>
					<div class="col-sm-2">
						<strong>Member Adult</strong>
						<input type="tel" name="adult" id="adult" class="form-control numberInit" value="{{ (isset($event_data->event_charge_data->adult) && ($event_data->event_charge_data->adult != '')) ? $event_data->event_charge_data->adult : '' }}">
					</div>
					<div class="col-sm-2">
						<strong>Member Child</strong>
						<input type="tel" name="child" id="child" class="form-control numberInit" value="{{ (isset($event_data->event_charge_data->child) && ($event_data->event_charge_data->child != '')) ? $event_data->event_charge_data->child : '' }}">
					</div>
					<div class="col-sm-2">
						<strong>Guest Adult</strong>
						<input type="tel" name="adult_guest" id="adult_guest" class="form-control numberInit guest" value="{{ (isset($event_data->event_charge_data->adult_guest) && ($event_data->event_charge_data->adult_guest != '')) ? $event_data->event_charge_data->adult_guest : '' }}">
					</div>
					<div class="col-sm-2">
						<strong>Guest Child</strong>
						<input type="tel" name="child_guest" id="child_guest" class="form-control numberInit guest" value="{{ (isset($event_data->event_charge_data->child_guest) && ($event_data->event_charge_data->child_guest != '')) ? $event_data->event_charge_data->child_guest : '' }}">
					</div>
				</div>
				{{-- @dd($event_data->event_charge_data->child_guest)  --}}



				<div class="form-group row">
					<label class="col-form-label col-sm-3">Available Ticket App<span class="text-danger"></span></label>
					<div class="col-sm-2">
						<strong>Member Adult</strong>
						<input type="tel" name="app_adult" id="app_adult" class="form-control numberInit adult" value="{{ (isset($app_ticket->adult) && ($app_ticket->adult != '')) ? $app_ticket->adult : ''; }}">
					</div>
					<div class="col-sm-2">
						<strong>Member Child</strong>
						<input type="tel" name="app_child" id="app_child" class="form-control numberInit child" value="{{ (isset($app_ticket->child) && ($app_ticket->child != '')) ? $app_ticket->child : ''; }}">
					</div>
					<div class="col-sm-2">
						<strong>Guest Adult</strong>
						<input type="tel" name="app_adult_guest" id="app_adult_guest" class="form-control numberInit adult_guest guest" value="{{ (isset($app_ticket->adult_guest) && ($app_ticket->adult_guest != '')) ? $app_ticket->adult_guest : ''; }}">
					</div>
					<div class="col-sm-2">
						<strong>Guest Child</strong>
						<input type="tel" name="app_child_guest" id="app_child_guest" class="form-control numberInit child_guest guest" value="{{ (isset($app_ticket->child_guest) && ($app_ticket->child_guest != '')) ? $app_ticket->child_guest : ''; }}">
					</div>
				</div>
				<div class="form-group row">
					<label class="col-form-label col-sm-3">Available Ticket Web<span class="text-danger"></span></label>
					<div class="col-sm-2">

						<input type="tel" name="web_adult" id="web_adult" class="form-control numberInit adult" value="{{ (isset($web_ticket->adult) && ($web_ticket->adult!= '')) ? $web_ticket->adult : ''; }}">
					</div>
					<div class="col-sm-2">
						<input type="tel" name="web_child" id="web_child" class="form-control numberInit child" value="{{ (isset($web_ticket->child) && ($web_ticket->child != '')) ? $web_ticket->child: ''; }}">
					</div>
					<div class="col-sm-2">
						<input type="tel" name="web_adult_guest" id="web_adult_guest" class="form-control numberInit adult_guest guest" value="{{ (isset($web_ticket->adult_guest) && ($web_ticket->adult_guest != '')) ? $web_ticket->adult_guest : ''; }}">
					</div>
					<div class="col-sm-2">
						<input type="tel" name="web_child_guest" id="web_child_guest" class="form-control numberInit child_guest guest" value="{{ (isset($web_ticket->child_guest) && ($web_ticket->child_guest != '')) ? $web_ticket->child_guest : ''; }}">
					</div>
				</div>
				<div class="form-group row">
					<label class="col-form-label col-sm-3">Available Ticket Admin<span class="text-danger"></span></label>
					<div class="col-sm-2">

						<input type="tel" name="admin_adult" id="admin_adult" class="form-control numberInit adult" value="{{ (isset($admin_ticket->adult) && ($admin_ticket->adult != '')) ? $admin_ticket->adult : ''; }}">
					</div>
					<div class="col-sm-2">
						<input type="tel" name="admin_child" id="admin_child" class="form-control numberInit child" value="{{ (isset($admin_ticket->child) && ($admin_ticket->child != '')) ? $admin_ticket->child : ''; }}">
					</div>
					<div class="col-sm-2">
						<input type="tel" name="admin_adult_guest" id="admin_adult_guest" class="form-control numberInit adult_guest guest" value="{{ (isset($admin_ticket->adult_guest) && ($admin_ticket->adult_guest != '')) ? $admin_ticket->adult_guest : ''; }}">
					</div>
					<div class="col-sm-2">
						<input type="tel" name="admin_child_guest" id="admin_child_guest" class="form-control numberInit child_guest guest" value="{{ (isset($admin_ticket->child_guest) && ($admin_ticket->child_guest != '')) ? $admin_ticket->child_guest : ''; }}">
					</div>
				</div>
				<div class="form-group row">
					<label class="col-form-label col-sm-3">Total Quota<span class="text-danger"></span></label>
					<div class="col-sm-2">

						<input type="tel" name="total_adult" id="total_adult" class="form-control numberInit total-adult" readonly>
					</div>
					<div class="col-sm-2">
						<input type="tel" name="total_child" id="total_child" class="form-control numberInit total-child" readonly>
					</div>
					<div class="col-sm-2">
						<input type="tel" name="total_adult_guest" id="total_adult_guest" class="form-control numberInit total-adult-guest" readonly>
					</div>
					<div class="col-sm-2">
						<input type="tel" name="total_child_guest" id="total_child_guest" class="form-control numberInit total-child-guest" readonly>
					</div>
				</div>

				<div class="form-group row">
					<label class="col-form-label col-sm-3">Member Can Book Guest<span class="text-danger"></span></label>
					<div class="col-sm-2">
						<strong>Guest Adult</strong>
						<input type="tel" name="max_guest_adult" id="max_guest_adult" class="form-control numberInit guest" value="{{ (isset($event_data->max_guest_adult) && ($event_data->max_guest_adult != '')) ? $event_data->max_guest_adult : '' }}">
					</div>
					<div class="col-sm-2">
						<strong>Guest Child</strong>
						<input type="tel" name="max_guest_child" id="max_guest_child" class="form-control numberInit guest" value="{{ (isset($event_data->max_guest_child) && ($event_data->max_guest_child)) ? $event_data->max_guest_child : '' }}">
					</div>
				</div>

				<!-- Cancellation -->
				<div class="form-group row">
					<label class="col-form-label col-sm-3">Cancellation<span class="text-danger"> * </span></label>
					<div class="col-sm-9">
						<input type="radio" name="cancellation" value="yes" id="cancellation" @if(isset($event_data->cancellation) && $event_data->cancellation == "yes")
						checked
						@endif />
						Yes
						<input type="radio" name="cancellation" value="no" id="cancellation" {{( !isset($event_data->cancellation) || (isset($event_data->cancellation) && $event_data->cancellation == "no"))?"checked":"" }} />
						No
						<label id="cancellation-error" class="validation-invalid-label" for="cancellation"></label>
					</div>
				</div>


				<!-- Cancellation Cut Off Days -->
				<div class="form-group row">
					<label class="col-form-label col-sm-3">Cancellation Cut Off Days<span class="text-danger"> </span></label>
					<div class="col-sm-9">
						<input type="tel" name="cancellation_cut_off_days" value="{{ (isset($event_data->cancellation_cut_off_days) && ($event_data->cancellation_cut_off_days != '')) ? $event_data->cancellation_cut_off_days : '' }}"
							id="cancellation_cut_off_days" class="form-control numberInit" placeholder="Enter Cancellation Cut Off Days">
					</div>
				</div>

				<!--Event Rules -->
				<div class="form-group row">
					<label class="col-form-label col-sm-3">Event Rules</label>
					<div class="col-sm-9">
						<textarea name="event_rules" id="event_rules" placeholder="Enter Event Rules" rows=" 5" cols="5" class="form-control event_rules">{{(isset($event_data->event_rules) && ($event_data->event_rules != '')) ? $event_data->event_rules : '' }}</textarea>
						<label id="event_rules-error" class="validation-error-label" for="course_content"></label>
					</div>
				</div>

				<!--Event Cancellation Rules -->
				<div class="form-group row">
					<label class="col-form-label col-sm-3">Event Cancellation Rules</label>
					<div class="col-sm-9">
						<textarea name="event_cancellation_rules" id="event_cancellation_rules" placeholder="Enter Event Cancellation Rules" rows="5" cols="5" class="form-control event_cancellation_rules">{{ (isset($event_data->event_cancellation_rules) && ($event_data->event_cancellation_rules != '')) ? $event_data->event_cancellation_rules : ''; }}</textarea>
						<label id="event_cancellation_rules-error" class="validation-error-label" for="course_content"></label>
					</div>
				</div>

				<!--Cancellation charges -->
				<div class="form-group row">
					<label class="col-form-label col-sm-3">Cancellation Charges</label>
					<div class="col-sm-9">
						<textarea name="cancellation_charges" id="cancellation_charges" placeholder="Enter Cancellation Charges" rows="5" cols="5" class="form-control cancellation_charges">{{ (isset($event_data->cancellation_charges) && ($event_data->cancellation_charges != '')) ? $event_data->cancellation_charges : ''; }}</textarea>
						<label id="cancellation_charges-error" class="validation-error-label" for="course_content"></label>
					</div>
				</div>

				<!--F&B details -->
				<div class="form-group row">
					<label class="col-form-label col-sm-3">F&B details</label>
					<div class="col-sm-9">
						<textarea name="fb_details" id="fb_details" placeholder="Enter F&B details" rows="5" cols="5" class="form-control fb_details">{{ (isset($event_data->fb_details) && ($event_data->fb_details != '')) ? $event_data->fb_details : ''; }}</textarea>
						<label id="fb_details-error" class="validation-error-label" for="course_content"></label>
					</div>
				</div>


				<!-- Event Category -->
				<div class="form-group row">
					<label class="col-form-label col-sm-3">Category<span class="text-danger"> </span></label>
					<div class="col-sm-9">
						<select data-placeholder="Select  Category" class="select" name="category_id[]" id="category_id" multiple="multiple">
							$selectCategory = array();
							@if(!empty($event_data->event_category_data))
							@foreach ($event_data->event_category_data as $category)
							$selectCategory[] = isset($category->event_category_id) ? $category->event_category_id : "";

							<option value="{{ $category->event_category_id }}" @if (
								isset($category->event_category_id) && ($category->event_category_id)
								!= ""
								): selected @endif> {{$category->event_category_id }}</option>
							@endforeach
							@endif
							@foreach($category_data as $allCategory)
							<option value="{{ $allCategory->event_category_id }}">{{ $allCategory->category_name }}</option>
							@endforeach
						</select>
						<hr>
					</div>
				</div>
				<!-- Dress Code -->
				<div class="form-group row">
					<label class="col-form-label col-sm-3">Dress Code</label>
					<div class="col-sm-9">
						<textarea name="dress_code" id="dress_code" placeholder="Enter Dress Code" rows="5" cols="5" class="form-control dress_code"></textarea>
						<label id="dress_code-error" class="validation-error-label" for="course_content"></label>
					</div>
				</div>

				<!-- F&B Menu -->
				<div class="form-group row">
					<label class="col-form-label col-sm-3">F&B Menu<span class="text-danger"> * </span></label>
					<div class="col-sm-9">
						<input type="radio" name="fb_menu" value="yes" id="fb_menu" {{( !isset($event_data->fb_menu) || (isset($event_data->fb_menu) && $event_data->fb_menu == "yes"))?"checked":"" }} />
						Yes
						<input type="radio" name="fb_menu" value="no" id="fb_menu" {{(isset($event_data->fb_menu) && $event_data->fb_menu == "no") ? "checked" :""}} />
						No
						<label id="fb_menu-error" class="validation-invalid-label" for="fb_menu"></label>
					</div>
				</div>

				<!-- App Menu Label -->
				<div class="form-group row">
					<label class="col-form-label col-sm-3">App Menu Label<span class="text-danger"></span></label>
					<div class="col-sm-9">
						<input type="text" name="app_menu_label" value=""
							id="app_menu_label" class="form-control" placeholder="Enter App Menu Label">
					</div>
				</div>

				<!-- App Menu Link Name -->
				<div class="form-group row">
					<label class="col-form-label col-sm-3">App Menu Link<span class="text-danger"></span></label>
					<div class="col-sm-9">
						<input type="text" name="app_menu_link_name" value=""
							id="app_menu_link_name" class="form-control" placeholder="Enter App Menu Link">
					</div>
				</div>

				<!--F&B Menu details -->
				<div class="form-group row">
					<label class="col-form-label col-sm-3">F&B Menu</label>
					<div class="col-sm-9">
						<textarea name="fb_menu_detail" id="fb_menu_detail" placeholder="Enter F&B Menu" rows="5" cols="5" class="form-control fb_menu_detail"></textarea>
						<label id="fb_menu_detail-error" class="validation-error-label" for="course_content"></label>
					</div>
				</div>

				<!-- F&B Menu Image -->
				
				<input type="hidden" name="event_image_id" id="event_image_id" value="">
				<div class="form-group row">
					<label class="col-form-label col-sm-3">F&B Menu Image <span class="text-danger"> </span></label>
					<div class="col-lg-9">
						<input type="file" class="form-control" name="event_image[]" multiple="multiple">
						@if (isset($event_data->event_image_data) && !empty($event_data->event_image_data))
						&nbsp;&nbsp;&nbsp;
						<div id="image_delete">
							<img src="{{ asset('storage/events/' . $event_data->event_image_data->event_image) }}" style="height:100px;width:100px;" />
							<a href="javascript:void(0);" class="badge badge-danger delete-image" id="{{$event_data->event_image_data->event_image_id}}">delete</a>
						</div>
						@endif
					</div>
				</div>

				<!-- Media Data -->
				<div class="form-group row">
					<label class="col-form-label col-sm-3">Media</label>
					<div class="col-sm-9">
						@php $mediaData = isset($media_table) ? $media_table : ""; @endphp
						@include('event.media_table', ['media_data' => $mediaData])
						<button type="button" class="btn btn-default btn-raised legitRipple a " onclick="addMediaItem()">
							<i class="icon-plus3 position-left"></i>Add ROW
						</button>
					</div>
				</div>

				<!-- Media Data -->
				<div class="form-group row">
					<label class="col-form-label col-sm-3">Key Feature</label>
					<div class="col-sm-9">
						@php $iconData = isset($icon_table) ? $icon_table : ""; @endphp
						@include('event.icon_table', ['icon_data' => $iconData])
						<button type="button" class="btn btn-default btn-raised legitRipple a " onclick="addIconItem()">
							<i class="icon-plus3 position-left"></i> Add ROW
						</button>
					</div>
				</div>

				<!-- Venue -->
				<div class="form-group row">
					<label class="col-form-label col-sm-3">Venue<span class="text-danger"> * </span></label>
					<div class="col-sm-9">
						@php
						$venueTypes= array('1'=>'Mumbai','2'=>'Dubai');
						$selectedVenueId = 1;
						@endphp
						<select data-placeholder="Select  Venue" class="select" name="venue" id="venue">
							<option value=""> </option>
							@php
							$selectedVenueId = [];
							$selectedVenueId[] = $event_data['venue'] ?? "";
							@endphp

							@if (isset($event_data['venue']) && !empty($event_data['venue']))
							<option value="{{ $event_data['venue'] }}" {{ $event_data['venue'] != '' ? 'selected' : '' }}>
								{{ $event_data['venue'] }}
							</option>
							@endif
							@foreach($venueTypes as $venue => $venueType)
							@if (!in_array($venue, $selectedVenueId))
							<option></option>
							<option value="{{ $venueType }}">{{ $venueType }} </option>
							@endif
							@endforeach
						</select>
					</div>
				</div>
				<div class="form-group row">
					<label class="col-form-label col-sm-3">Meal Type</label>
					<div class="col-sm-9">

						<input type="radio" name="meal_type" value="Veg" id="meal_type"  />
						Veg
						<input type="radio" name="meal_type" value="Nonveg" id="meal_type"  />
						Non-Veg
						<input type="radio" name="meal_type" value="both" id="meal_type"  />
						Both
						<input type="radio" name="meal_type" value="N/A" id="meal_type"  />
						N/A
					</div>
				</div>
				<div class="form-group row">
					<label class="col-form-label col-sm-3">Booking Type</label>
					<div class="col-sm-9">
						<select data-placeholder="Select Booking Type" class="select" name="booking_type" id="booking_type">
							<option value=""> </option>
							<option value="Paid" >PAID</option>
							<option value="Open For All" >Open For All</option>
						</select>
					</div>
				</div>
				<div class="form-group row">
					<label class="col-form-label col-sm-3">GST Percentage</label>
					<div class="col-sm-9">
						<select data-placeholder="Select GST Percentage" class="select" name="gst_percentage" id="gst_percentage">
							<option value=""> </option>
							<option value="0" {{ (isset($event_data['gst_percentage']) && ($event_data['gst_percentage'] == '0')) ?  'selected' : ''; }}>NO GST</option>
							<option value="5" {{(isset($event_data['gst_percentage']) && ($event_data['gst_percentage'] == '5')) ?  'selected' : ''; }}>5%</option>
							<option value="12" {{ (isset($event_data['gst_percentage']) && ($event_data['gst_percentage'] == '12')) ?  'selected' : ''; }}>12%</option>
							<option value="18" {{ (isset($event_data['gst_percentage']) && ($event_data['gst_percentage'] == '18')) ?  'selected' : ''; }}>18%</option>
							<option value="28" {{ (isset($event_data['gst_percentage']) && ($event_data['gst_percentage'] == '28')) ?  'selected' : ''; }}>28%</option>
						</select>
					</div>
				</div>


				<!--Active Status-->
				<div class="form-group row">
					<label class="col-form-label col-sm-3">Is Active</label>
					<div class="col-sm-9">
						<div class="form-check form-check-switchery">
							<label class="form-check-label">
								<input type="checkbox" name="is_active" id="is_active" class="form-add-switchery" {{isset($event_data['is_active']) && $event_data['is_active'] == 1 ? 'checked="checked"' : '' }}>
							</label>
						</div>
					</div>
				</div>

				<div class="text-right">
					<button type="button" class="btn btn-xs border-slate text-slate btn-flat cancel"
												onclick="window.location.href=''">Cancel<i class="icon-cross2 position-right"></i>
					
					</button>
					<button type="submit" name="submit" id="event_submit" class="btn btn-xs border-blue text-blue btn-flat">
						@if(isset($eventId) && $eventId != "")
						Update
						@else
						Submit
						@endif
						<i id="icon-hide" class="fa fa-arrow-right"></i>
					</button>
				</div>
			</div>
		</form>
	</div>
</div>

<script>
	var attrcsrf = "{{ csrf_token() }}";
	var event_id = "{{$eventId}}";
	var actionUrl;
	var method;
	if (event_id) {
		actionUr = "{{ route('event.update', ':id') }}";
		actionUrl = actionUr.replace(':id', event_id);
		method = "PUT";
	} else {
		actionUrl = "{{route('event.store')}}";
		method = "POST";
	}

	var laddaSubmitBtn = Ladda.create(document.querySelector('#event_submit'));
	$(document).ready(function() {

		//Description
		$('.description').summernote({
			toolbar: [
				['style', ['bold', 'italic', 'underline', 'clear']],
				['font', ['strikethrough', 'superscript', 'subscript']],
				['fontsize', ['fontsize']],
				['color', ['color']],
				['para', ['ul', 'ol', 'paragraph']],
				['height', ['height']],
				['view', ['fullscreen', 'codeview', 'help']]
			]
		});
		$('.event_rules').summernote({
			toolbar: [
				['style', ['bold', 'italic', 'underline', 'clear']],
				['font', ['strikethrough', 'superscript', 'subscript']],
				['fontsize', ['fontsize']],
				['color', ['color']],
				['para', ['ul', 'ol', 'paragraph']],
				['height', ['height']],
				['view', ['fullscreen', 'codeview', 'help']]
			]
		});
		$('.event_cancellation_rules').summernote({
			toolbar: [
				['style', ['bold', 'italic', 'underline', 'clear']],
				['font', ['strikethrough', 'superscript', 'subscript']],
				['fontsize', ['fontsize']],
				['color', ['color']],
				['para', ['ul', 'ol', 'paragraph']],
				['height', ['height']],
				['view', ['fullscreen', 'codeview', 'help']]
			]
		});
		$('.cancellation_charges').summernote({
			toolbar: [
				['style', ['bold', 'italic', 'underline', 'clear']],
				['font', ['strikethrough', 'superscript', 'subscript']],
				['fontsize', ['fontsize']],
				['color', ['color']],
				['para', ['ul', 'ol', 'paragraph']],
				['height', ['height']],
				['view', ['fullscreen', 'codeview', 'help']]
			]
		});
		$('.fb_details').summernote({
			toolbar: [
				['style', ['bold', 'italic', 'underline', 'clear']],
				['font', ['strikethrough', 'superscript', 'subscript']],
				['fontsize', ['fontsize']],
				['color', ['color']],
				['para', ['ul', 'ol', 'paragraph']],
				['height', ['height']],
				['view', ['fullscreen', 'codeview', 'help']]
			]
		});
		$('.dress_code').summernote({
			toolbar: [
				['style', ['bold', 'italic', 'underline', 'clear']],
				['font', ['strikethrough', 'superscript', 'subscript']],
				['fontsize', ['fontsize']],
				['color', ['color']],
				['para', ['ul', 'ol', 'paragraph']],
				['height', ['height']],
				['view', ['fullscreen', 'codeview', 'help']]
			]
		});
		$('.fb_menu_detail').summernote({
			toolbar: [
				['style', ['bold', 'italic', 'underline', 'clear']],
				['font', ['strikethrough', 'superscript', 'subscript']],
				['fontsize', ['fontsize']],
				['color', ['color']],
				['para', ['ul', 'ol', 'paragraph']],
				['height', ['height']],
				['view', ['fullscreen', 'codeview', 'help']]
			]
		});
		switcheryKeyGen("form-add-switchery");
		numberInit();
		Select2Init();
		categoryDd();
		instructorsDd();
		// Initialize
		var validator = $('#form_event').validate({
			ignore: 'input[type=hidden], .select2-search__field', // ignore hidden fields
			errorClass: 'validation-invalid-label',
			successClass: 'validation-valid-label',
			validClass: 'validation-valid-label',
			highlight: function(element, errorClass) {
				$(element).removeClass(errorClass);
			},
			unhighlight: function(element, errorClass) {
				$(element).removeClass(errorClass);
			},

			// Different components require proper error label placement
			errorPlacement: function(error, element) {

				// Styled checkboxes, radios, bootstrap switch
				if (element.parents('div').hasClass("checker") || element.parents('div').hasClass("choice") || element.parent().hasClass('bootstrap-switch-container')) {
					if (element.parents('label').hasClass('checkbox-inline') || element.parents('label').hasClass('radio-inline')) {
						error.appendTo(element.parent().parent().parent().parent());
					} else {
						error.appendTo(element.parent().parent().parent().parent().parent().parent().parent());
					}
				}

				// Unstyled checkboxes, radios
				else if (element.parents('div').hasClass('checkbox') || element.parents('div').hasClass('radio')) {
					error.appendTo(element.parent().parent().parent());
				}

				// Input with icons and Select2
				else if (element.parents('div').hasClass('has-feedback') || element.hasClass('select2-hidden-accessible')) {
					error.appendTo(element.parent());
				}

				// Inline checkboxes, radios
				else if (element.parents('label').hasClass('checkbox-inline') || element.parents('label').hasClass('radio-inline')) {
					error.appendTo(element.parent().parent());
				}

				// Input group, styled file input
				else if (element.parent().hasClass('uploader') || element.parents().hasClass('input-group')) {
					error.appendTo(element.parent().parent());
				} else {
					error.insertAfter(element);
				}
			},
			success: function(label) {
				label.addClass("validation-valid-label").text("Success.")
			},
			rules: {
				event_title: {
					required: true,
				},
				start_date: {
					required: true,
				},
				end_date: {
					required: true,
				},
				for_member_or_with_guest: {
					required: true,
				},
				cancellation: {
					required: true,
				},
				venue: {
					required: true,
				},
				fb_menu: {
					required: true,
				},
				event_type: {
					required: true,
				}
			},
			messages: {
				event_title: {
					required: "Event title is required.",
					remote: "Event title is Already Exist.",
				},
				start_date: {
					required: "Start date is required.",
				},
				end_date: {
					required: "End date is required.",
				},
				for_member_or_with_guest: {
					required: "for_member_or_with_guest is required.",
				},
				cancellation: {
					required: "cancellation is required.",
				},
				venue: {
					required: "Venue is required",
				},
				fb_menu: {
					required: "F&B Menu is required",
				},
				event_type: {
					required: "Event type is required",
				}
			},
			submitHandler: function(e) {
				var formData = new FormData($(e)[0]); 
				formData.append('_token', attrcsrf);
				formData.append('_method', method);

				$.ajax({
					url: actionUrl,
					type: 'POST',
					data: formData,
					processData: false,
					contentType: false,
					beforeSubmit: function(formData, jqForm, options) {
						laddaStart();
					},
					complete: function() {
						laddaStop();
					},
					dataType: 'json',
					clearForm: false,
					success: function(resObj) {
						console.log(resObj);
						if (resObj.success) {
							if (resObj.event_type == 'class') {
								swalInit.fire({
									title: resObj.title,
									text: resObj.msg,
									type: "success"
								}).then(function() {
									window.location.href = resObj.url;
								});
							} else {
								console.log('Event');
								swalInit.fire({
									title: resObj.title,
									text: resObj.msg,
									type: "success"
								}).then(function() {
									window.location.href = resObj.url;
								});
							}
						} else {
							swalInit.fire({
								title: resObj.title,
								text: resObj.msg,
								type: "error"
							});
						}
					},
					error: function(eData) {
						//console.log(eData);
					}
				});
			}

		});

		$("#start_date").daterangepicker({
			singleDatePicker: true,
			timePicker24Hour: true,
			timePicker: true,
			showDropdowns: true,
			timePickerIncrement: 15,
			locale: {
				format: 'DD-MM-YYYY H:mm'
			}
		});

		$("#end_date").daterangepicker({
			singleDatePicker: true,
			timePicker: true,
			showDropdowns: true,
			timePicker24Hour: true,
			timePickerIncrement: 15,
			locale: {
				format: 'DD-MM-YYYY H:mm'
			}
		});
		//$("#event_type").change();
	});



	var getArrayData = [];
	var StartTime = "";
	var EndTime = "";
	var LstStartTim = "";
	var LstEndTim = "";
	var LstDate = "";
	$(document).on('focus', ".time_slot_start_time", function() {
		$(this).daterangepicker({
			singleDatePicker: true,
			timePicker: true,
			showDropdowns: true,
			timePicker24Hour: false,
			timePickerIncrement: 15,
			locale: {
				format: 'hh:mm A'
			},

		}).on('show.daterangepicker', function(ev, picker) {
			picker.container.find(".calendar-table").hide();
			StartTime = "";
			LstStartTim = $(this).val();
		}).on('hide.daterangepicker', function(ev, picker) {
			StartTime = $(this).val();
			var index = $('.time_slot_start_time').index(this);
			var getArrayDates = $('.time_slots_date');
			var resultTimeSlot = getCheckTimeSlotResult(index);
			if (resultTimeSlot != 1) {
				swalInit.fire({
					title: "Time Slot",
					text: resultTimeSlot,
					type: "error"
				});
				$(this).val(LstStartTim);
			}
		});
	});
	$(document).on('focus', ".time_slot_end_time", function() {
		$(this).daterangepicker({
			singleDatePicker: true,
			timePicker: true,
			showDropdowns: true,
			timePicker24Hour: false,
			timePickerIncrement: 15,
			locale: {
				format: 'hh:mm A'
			}
		}).on('show.daterangepicker', function(ev, picker) {
			picker.container.find(".calendar-table").hide();
			EndTime = "";
			LstEndTim = $(this).val();
		}).on('hide.daterangepicker', function(ev, picker) {
			var index = $('.time_slot_end_time').index(this);
			var resultTimeSlot = getCheckTimeSlotResult(index);
			if (resultTimeSlot != 1) {
				swalInit.fire({
					title: "Time Slot",
					text: resultTimeSlot,
					type: "error"
				});
				$(this).val(LstEndTim);
			}
		});

	});
	$(document).on('focus', ".time_slots_date", function() {

		$(this).daterangepicker({
			singleDatePicker: true,
			timePicker: true,
			showDropdowns: true,
			timePicker24Hour: true,
			timePickerIncrement: 15,
			locale: {
				format: 'DD-MM-YYYY'
			},
			minDate: $('#start_date').val(),
			maxDate: $('#end_date').val(),
		}).on('show.daterangepicker', function(ev, picker) {
			LstDate = $(this).val();
		}).on('hide.daterangepicker', function(ev, picker) {
			var index = $('.time_slots_date').index(this);
			var resultTimeSlot = getCheckTimeSlotResult(index);
			if (resultTimeSlot != 1) {
				swalInit.fire({
					title: "Time Slot",
					text: resultTimeSlot,
					type: "error"
				});
				$(this).val(LstDate);
			}
		});

	});
	$(document).on('click', '.delete-image', function() {
		$(this).parent().remove();
		var deleteId = $(this).attr("id");
		$.ajax({
			type: "post",
			url: '{{ route("events.delete-image") }}',
			dataType: "json",
			data: {
				event_image_id: deleteId
			},
			success: function(data) {
				if (data['success']) {
					alert(data.msg);
					$(".delete-image").click(function() {
						$(this).parent().remove();
					});
				} else {
					alert(data.msg);
					// alert('error');
				}
			}
		});
	});

	$(document).ready(function() {
		$(document).on("change", ".child,.adult,.child_guest,.adult_guest", function() {
			var totalChild = 0,
				totalAdult = 0,
				totalChildGuest = 0,
				totalAdultGuest = 0;

			$(".child").each(function() {
				totalChild += Number($(this).val());
			});
			$(".adult").each(function() {
				totalAdult += Number($(this).val());
			});
			$(".child_guest").each(function() {
				totalChildGuest += Number($(this).val());
			});
			$(".adult_guest").each(function() {
				totalAdultGuest += Number($(this).val());
			});
			$(".total-child").val(totalChild);
			$(".total-adult").val(totalAdult);
			$(".total-adult-guest").val(totalAdultGuest);
			$(".total-child-guest").val(totalChildGuest);
		});
	});
	$(".guest").prop('disabled', true);
	$(document).ready(function() {
		$(".radiomemberguest").change(function() {
			if ($(this).val() == "guest") {
				$(".guest").prop('disabled', false);
			} else {
				$(".guest").prop('disabled', true);
			}
		});
	});

	$(document).ready(function() {
		$("div.myDiv").hide();
		$('#event_type').on('change', function() {
			var demovalue = $(this).val();
			//console.log(demovalue);
			if (demovalue == "class") {
				$("div.myDiv").show();
				//console.log("abc");
			} else {
				$("div.myDiv").hide();

			}
		});
		$('#event_type').change();
	});

	function checkTimeSlot(newTimeSlot, timeSlots) {
		for (var i = 0; i < timeSlots.length; i++) {
			if (typeof timeSlots[i] !== "undefined" && timeSlots[i] != "") {
				if (newTimeSlot === timeSlots[i]) {
					return "Time slot already exists";
				}

				var existingTimeSlot = timeSlots[i].split("-");
				var newTimeSlotStart = newTimeSlot.split("-")[0];
				var newTimeSlotEnd = newTimeSlot.split("-")[1];
				if (newTimeSlotStart >= existingTimeSlot[0] && newTimeSlotStart < existingTimeSlot[1]) {
					return "Time slot overlaps with existing time slot";
				} else if (newTimeSlotEnd > existingTimeSlot[0] && newTimeSlotEnd <= existingTimeSlot[1]) {
					return "Time slot overlaps with existing time slot";
				}
			}

		}

		timeSlots.push(newTimeSlot);
		return 1;
	}

	function convertTimeTo24(time) {
		var hours = parseInt(time.substr(0, 2));
		var amPm = time.substr(6, 2);

		if (amPm === "PM" && hours < 12) {
			hours = hours + 12;
		}
		if (amPm === "AM" && hours === 12) {
			hours = hours - 12;
		}

		var minutes = time.substr(3, 2);

		return hours.toString().padStart(2, '0') + ':' + minutes;
	}

	function getTimeSlotData(dt) {
		// console.log(dt);
		var getDates = [];
		var getArrayDates = $('.time_slots_date');
		var getArrayStart = $('.time_slot_start_time');
		var getArrayEnd = $('.time_slot_end_time');
		var getDtSPlit = dt.split(" ");
		for (let i = 0; i < getArrayDates.length; i++) {
			if (getArrayStart.eq(i).val() != "" && getArrayEnd.eq(i).val() != "") {
				var getArraySpliDate = getArrayDates.eq(i).val().split(" ");
				if (getDtSPlit[0] == getArraySpliDate[0]) {

					getDates[i] = convertTimeTo24(getArrayStart.eq(i).val()) + '-' + convertTimeTo24(getArrayEnd.eq(i).val());
				}
			}
		}
		console.log(getDates);
		return getDates;
	}

	function getCheckTimeSlotResult(index) {
		var getArrayDates = $('.time_slots_date');
		getArrayData = getTimeSlotData(getArrayDates.eq(index).val());
		getArrayData[index] = "";
		var getArrayStart = $('.time_slot_start_time');
		var getArrayEnd = $('.time_slot_end_time');
		StartTime = getArrayStart.eq(index).val();
		EndTime = getArrayEnd.eq(index).val();
		var getCheckData = 1;
		if (StartTime != "" && EndTime != "") {
			getCheckData = checkTimeSlot(convertTimeTo24(StartTime) + '-' + convertTimeTo24(EndTime), getArrayData);
		}
		return getCheckData;
	}
	//buttonselect2-selection__clear
	function replaceClearButton() {
		$('button.select2-selection__clear').each(function() {
			$(this).replaceWith('<span class="select2-selection__clear" title="Remove all items" data-select2-id="35">×</span>');
		});
	}
	replaceClearButton();

	$('.select').on('select2:select select2:unselect', function() {
		replaceClearButton();
	});
</script>

@php isset($select2_ajax) ? $select2_ajax : ""; @endphp

@endsection