@extends('admin.layouts.master')
@section('title', 'Edit Zoom meeting')
@section('maincontent')
@include('admin.layouts.topbar',$data)
<div class="contentbar dashboard-card">
	@if ($errors->any())
	<div class="alert alert-danger" role="alert">
		@foreach($errors->all() as $error)
		<p>{{ $error}}<button type="button" class="close" data-dismiss="alert" aria-label="Close">
				<span aria-hidden="true" style="color:red;">&times;</span></button></p>
		@endforeach
	</div>
	@endif
	<div class="row">
		<div class="col-lg-12">
			<div class="card m-b-30">
				<div class="card-header">
					<h5 class="card-title"> {{__('Edit Zoom Meeting ')}}: <b>{{ $response['id'] }}</b>
						<h5>{{__('Meeting Type')}} : @if($response['type'] == '2') {{__('Scheduled Meeting')}}
							@elseif($response['type'] == '3') {{__('Recurring Meeting with no fixed time')}} @else
							{{__('Recurring Meeting with fixed time')}} @endif </h5>
						<div>
							<div class="widgetbar">
								<a href="{{route('zoom.index')}}" class="btn btn-primary-rgba"><i
										class="feather icon-arrow-left mr-2"></i>{{ __("Back")}}</a>

							</div>
						</div>
				</div>
				<div class="card-body">
					<form autocomplete="off" action="{{ route('zoom.update',$response['id']) }}" method="POST"
						enctype="multipart/form-data">
						@csrf
						<div class="row">
							<div class="form-group col-md-4">
								<label for="image">{{ __('Image') }}:</label>
								<div class="input-group mb-3">
									<div class="input-group-prepend">
										<span class="input-group-text"
											id="inputGroupFileAddon01">{{__('Upload')}}</span>
									</div>
									<div class="custom-file">
										<input accept="image/*" type="file" name="image" id="image"
											class="custom-file-input" id="inputGroupFile01"
											aria-describedby="inputGroupFileAddon01">
										<label class="custom-file-label" for="inputGroupFile01">{{__('Choose
											file')}}</label>
									</div>

								</div>
								@if(isset($meeting->image))
								<img src="{{ url('/images/zoom/'.$meeting->image) }}"
									class="img-responsive image_size" />
								@endif

							</div>
							<div class="form-group col-md-4">
								<label for="exampleInputDetails">{{ __('Link By Course') }}:</label>
								<br>
								<input id="link_by" type="checkbox" class="custom_toggle" name="link_by" {{
									isset($meeting['link_by'])=='course' ? 'checked' : '' }} />

								<input type="hidden" name="free" value="0" for="opp" id="link_by">
								<div class="form-group"
									style="{{ isset($meeting['link_by']) == 'course' ? '' : 'display:none' }}"
									id="sec1_one">
									<label>{{ __('Courses') }}:<span class="redstar">*</span></label>
									<select name="course_id" id="course_id" class="form-control select2">
										@foreach($course as $caat)
										<option {{ optional($meeting)['course_id']==$caat->id ? 'selected' : "" }}
											value="{{ $caat->id }}">{{ $caat->title }}</option>
										@endforeach
									</select>
								</div>
							</div>

							{{-- @dd($meeting) --}}




							<div class="form-group col-md-4">
								<label>
									{{__('Meeting Topic')}}:<span class="redstar">*</span>
								</label>

								<input value="{{ $response['topic'] }}" type="text" name="topic"
									placeholder="Ex. My Meeting" class="form-control" required>
							</div>

							<div class="form-group col-md-4 custom-control custom-checkbox">
								<input name="recurring" type="checkbox" class="custom-control-input"
									id="recurring_meeting">
								<label class="custom-control-label mb-4 ml-4" for="recurring_meeting">{{__('Recurring
									Metting with no fixed time')}} </label>
								<div class="row">
									<div class="form-group col-md-6" id="sec4_four">
										<label>
											{{ __('Start Time') }} :<sup class="redstar">*</sup>
										</label>
										<div class="input-group" id='datetimepicker1'>
											<input type="text" name="start_time" id="time-format" class="form-control"
												placeholder="dd/mm/yyyy - hh:ii aa" aria-describedby="basic-addon5" />
											<div class="input-group-append">
												<span class="input-group-text" id="basic-addon5"><i
														class="feather icon-calendar"></i></span>
											</div>
										</div>
									</div>
									<div class="form-group col-md-6" id="sec3_three">
										<label>
											{{ __('Duration') }}:<sup class="redstar">*</sup>
										</label>

										<input placeholder="enter in mins eg 60" type="number" min="1" name="duration"
											class="form-control">

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

							<div class="form-group col-md-4">

								<label>
									{{__('Meeting Password')}}: (Optional)
								</label>
								<input id="password-field"
									value="{{ isset($response['password']) ? $response['password'] : "" }}"
									type="password" name="password" class="form-control" placeholder="user@example.com">
								<span toggle="#password-field"
									class="fa fa-fw fa-eye field-icon toggle-password eye-icon-pass"></span></i></span>
							</div>
							<div class="form-group col-md-4">
								<label>
									Meeting Agenda:<sup class="redstar">*</sup>
								</label>

								{{-- <input value="{{ $response['agenda'] }}" type="text" name="agenda"
									placeholder="Meeting Agenda" class="form-control" required> --}}

								<textarea name="agenda" class="form-control" rows="3" required
									placeholder="Meeting Agenda"
									value="{{ $response['agenda'] }}">{{ $response['agenda'] }}</textarea>
							</div>
							<div class="form-group col-md-4">
								<label>{{ __('Timezone') }}:</label>
								<select class="select2-single form-control" name="timezone">
									<option value="{{ $response['timezone'] }}">{{ $response['timezone'] }}
									</option>
									<option value="None">{{__('Use Your Account Timezone')}}</option>
									<option value="Pacific/Midway">{{__('Midway Island, Samoa')}}</option>
									<option value="Pacific/Pago_Pago">{{__('Pago Pago')}}</option>
									<option value="Pacific/Honolulu">{{__('Hawaii')}}</option>
									<option value="America/Anchorage">{{__('Alaska')}}</option>
									<option value="America/Vancouver">{{__('Vancouver')}}</option>
									<option value="America/Los_Angeles">{{__('Pacific Time US and Canada')}}</option>
									<option value="America/Tijuana">{{__('Tijuana')}}</option>
									<option value="America/Edmonton">{{__('Edmonton')}}</option>
									<option value="America/Denver">{{__('Mountain Time US and Canada')}}</option>
									<option value="America/Phoenix">{{__('Arizona')}}</option>
									<option value="America/Mazatlan">{{__('Mazatlan')}}</option>
									<option value="America/Winnipeg">{{__('Winnipeg')}}</option>
									<option value="America/Regina">{{__('Saskatchewan')}}</option>
									<option value="America/Chicago">{{__('Central Time US and Canada')}}</option>
									<option value="America/Mexico_City">{{__('Mexico City')}}</option>
									<option value="America/Guatemala">{{__('Guatemala')}}</option>
									<option value="America/El_Salvador">{{__('El Salvador')}}</option>
									<option value="America/Managua">{{__('Managua')}}</option>
									<option value="America/Costa_Rica">{{__('Costa Rica')}}</option>
									<option value="America/Montreal">{{__('Montreal')}}</option>
									<option value="America/New_York">{{__('Eastern Time US and Canada')}}</option>
									<option value="America/Indianapolis">{{__('Indiana East')}}</option>
									<option value="America/Panama">{{__('Panama')}}</option>
									<option value="America/Bogota">{{__('Bogota')}}</option>
									<option value="America/Lima">{{__('Lima')}}</option>
									<option value="America/Halifax">{{__('Halifax')}}</option>
									<option value="America/Puerto_Rico">{{__('Puerto Rico')}}</option>
									<option value="America/Caracas">{{__('Caracas')}}</option>
									<option value="America/Santiago">{{__('Santiago')}}</option>
									<option value="America/St_Johns">{{__('Newfoundland and Labrador')}}</option>
									<option value="America/Montevideo">{{__('Montevideo')}}</option>
									<option value="America/Araguaina">{{__('Brasilia')}}</option>
									<option value="America/Argentina/Buenos_Aires">{{__('Buenos Aires, Georgetown')}}
									</option>
									<option value="America/Godthab">{{__('Greenland')}}</option>
									<option value="America/Sao_Paulo">{{__('Sao Paulo')}}</option>
									<option value="Atlantic/Azores">{{__('Azores')}}</option>
									<option value="Canada/Atlantic">{{__('Atlantic Time Canada')}}</option>
									<option value="Atlantic/Cape_Verde">{{__('Cape Verde Islands')}}</option>
									<option value="UTC">{{__('Universal Time UTC')}}</option>
									<option value="Etc/Greenwich">{{__('Greenwich Mean Time')}}</option>
									<option value="Europe/Belgrade">{{__('Belgrade, Bratislava, Ljubljana')}}</option>
									<option value="CET">{{__('Sarajevo, Skopje, Zagreb')}}</option>
									<option value="Atlantic/Reykjavik">{{__('Reykjavik')}}</option>
									<option value="Europe/Dublin">{{__('Dublin')}}</option>
									<option value="Europe/London">{{__('London')}}</option>
									<option value="Europe/Lisbon">{{__('Lisbon')}}</option>
									<option value="Africa/Casablanca">{{__('Casablanca')}}</option>
									<option value="Africa/Nouakchott">{{__('Nouakchott')}}</option>
									<option value="Europe/Oslo">{{__('Oslo')}}</option>
									<option value="Europe/Copenhagen">{{__('Copenhagen')}}</option>
									<option value="Europe/Brussels">{{__('Brussels')}}</option>
									<option value="Europe/Berlin">{{__('Amsterdam, Berlin, Rome, Stockholm, Vienna')}}
									</option>
									<option value="Europe/Helsinki">{{__('Helsinki')}}</option>
									<option value="Europe/Amsterdam">{{__('Amsterdam')}}</option>
									<option value="Europe/Rome">{{__('Rome')}}</option>
									<option value="Europe/Stockholm">{{__('Stockholm')}}</option>
									<option value="Europe/Vienna">{{__('Vienna')}}</option>
									<option value="Europe/Luxembourg">{{__('Luxembourg')}}</option>
									<option value="Europe/Paris">{{__('Paris')}}</option>
									<option value="Europe/Zurich">{{__('Zurich')}}</option>
									<option value="Europe/Madrid">{{__('Madrid')}}</option>
									<option value="Africa/Bangui">{{__('West Central Africa')}}</option>
									<option value="Africa/Algiers">{{__('Algiers')}}</option>
									<option value="Africa/Tunis">{{__('Tunis')}}</option>
									<option value="Africa/Harare">{{__('Harare, Pretoria')}}</option>
									<option value="Africa/Nairobi">{{__('Nairobi')}}</option>
									<option value="Europe/Warsaw">{{__('Warsaw')}}</option>
									<option value="Europe/Prague">{{__('Prague Bratislava')}}</option>
									<option value="Europe/Budapest">{{__('Budapest')}}</option>
									<option value="Europe/Sofia">{{__('Sofia')}}</option>
									<option value="Europe/Istanbul">{{__('Istanbul')}}</option>
									<option value="Europe/Athens">{{__('Athens')}}</option>
									<option value="Europe/Bucharest">{{__('Bucharest')}}</option>
									<option value="Asia/Nicosia">{{__('Nicosia')}}</option>
									<option value="Asia/Beirut">{{__('Beirut')}}</option>
									<option value="Asia/Damascus">{{__('Damascus')}}</option>
									<option value="Asia/Jerusalem">{{__('Jerusalem')}}</option>
									<option value="Asia/Amman">{{__('Amman')}}</option>
									<option value="Africa/Tripoli">{{__('Tripoli')}}</option>
									<option value="Africa/Cairo">{{__('Cairo')}}</option>
									<option value="Africa/Johannesburg">{{__('Johannesburg')}}</option>
									<option value="Europe/Moscow">{{__('Moscow')}}</option>
									<option value="Asia/Baghdad">{{__('Baghdad')}}</option>
									<option value="Asia/Kuwait">{{__('Kuwait')}}</option>
									<option value="Asia/Riyadh">{{__('Riyadh')}}</option>
									<option value="Asia/Bahrain">{{__('Bahrain')}}</option>
									<option value="Asia/Qatar">{{__('Qatar')}}</option>
									<option value="Asia/Aden">{{__('Aden')}}</option>
									<option value="Asia/Tehran">{{__('Tehran')}}</option>
									<option value="Africa/Khartoum">{{__('Khartoum')}}</option>
									<option value="Africa/Djibouti">{{__('Djibouti')}}</option>
									<option value="Africa/Mogadishu">{{__('Mogadishu')}}</option>
									<option value="Asia/Dubai">{{__('Dubai')}}</option>
									<option value="Asia/Muscat">{{__('Muscat')}}</option>
									<option value="Asia/Baku">{{__('Baku, Tbilisi, Yerevan')}}</option>
									<option value="Asia/Kabul">{{__('Kabul')}}</option>
									<option value="Asia/Yekaterinburg">{{__('Yekaterinburg')}}</option>
									<option value="Asia/Tashkent">{{__('Islamabad, Karachi, Tashkent')}}</option>
									<option value="Asia/Calcutta">{{__('India')}}</option>
									<option value="Asia/Kathmandu">{{__('Kathmandu')}}</option>
									<option value="Asia/Novosibirsk">{{__('Novosibirsk')}}</option>
									<option value="Asia/Almaty">{{__('Almaty')}}</option>
									<option value="Asia/Dacca">{{__('Dacca')}}</option>
									<option value="Asia/Krasnoyarsk">{{__('Krasnoyarsk')}}</option>
									<option value="Asia/Dhaka">{{__('Astana, Dhaka')}}</option>
									<option value="Asia/Bangkok">{{__('Bangkok')}}</option>
									<option value="Asia/Saigon">{{__('Vietnam')}}</option>
									<option value="Asia/Jakarta">{{__('Jakarta')}}</option>
									<option value="Asia/Irkutsk">{{__('Irkutsk, Ulaanbaatar')}}</option>
									<option value="Asia/Shanghai">{{__('Beijing, Shanghai')}}</option>
									<option value="Asia/Hong_Kong">{{__('Hong Kong')}}</option>
									<option value="Asia/Taipei">{{__('Taipei')}}</option>
									<option value="Asia/Kuala_Lumpur">{{__('Kuala Lumpur')}}</option>
									<option value="Asia/Singapore">{{__('Singapore')}}</option>
									<option value="Australia/Perth">{{__('Perth')}}</option>
									<option value="Asia/Yakutsk">{{__('Yakutsk')}}</option>
									<option value="Asia/Seoul">{{__('Seoul')}}</option>
									<option value="Asia/Tokyo">{{__('Osaka, Sapporo, Tokyo')}}</option>
									<option value="Australia/Darwin">{{__('Darwin')}}</option>
									<option value="Australia/Adelaide">{{__('Adelaide')}}</option>
									<option value="Asia/Vladivostok">{{__('Vladivostok')}}</option>
									<option value="Pacific/Port_Moresby">{{__('Guam, Port Moresby')}}</option>
									<option value="Australia/Brisbane">{{__('Brisbane')}}</option>
									<option value="Australia/Sydney">{{__('Canberra, Melbourne, Sydney')}}</option>
									<option value="Australia/Hobart">{{__('Hobart')}}</option>
									<option value="Asia/Magadan">{{__('Magadan')}}</option>
									<option value="SST">{{__('Solomon Islands')}}</option>
									<option value="Pacific/Noumea">{{__('New Caledonia')}}</option>
									<option value="Asia/Kamchatka">{{__('Kamchatka')}}</option>
									<option value="Pacific/Fiji">{{__('Fiji Islands, Marshall Islands')}}</option>
									<option value="Pacific/Auckland">{{__('Auckland, Wellington')}}</option>
									<option value="Asia/Kolkata">{{__('Mumbai, Kolkata, New Delhi')}}</option>
									<option value="Europe/Kiev">{{__('Kiev')}}</option>
									<option value="America/Tegucigalpa">{{__('Tegucigalpa')}}</option>
									<option value="Pacific/Apia">{{__('Independent State of Samoa')}}</option>
								</select>
								<small class="text-muted"><i class="fa fa-question-circle"></i> {{__('Set to None if you
									want to use your account timezone.')}}</small>
							</div>
							<div class="form-group col-md-4">
								<label for="paidMeetingToggle">{{ __('Paid Meeting') }}:</label><br>
								<input type="checkbox" id="paidMeetingToggle" name="paid_meeting_toggle"
									class="custom_toggle" value="1" {{ $meeting->paid_meeting_toggle ? 'checked' : ''
								}}>
								<div id="paidMeetingPrice"
									style="{{ $meeting->paid_meeting_toggle ? '' : 'display:none;' }}">
									<label for="paidMeetingPrice">{{ __('Paid Meeting Price') }}:</label>
									<input type="text" name="paid_meeting_price" class="form-control"
										placeholder="{{ __('Enter price') }}"
										value="{{ $meeting->paid_meeting_price }}">
								</div>
							</div>



							<div class="panel panel-default col-md-4">
								<div class="panel-body">
									<label class="panel-title">{{__('Meeting Setting')}} :</label>
									<div class="custom-control custom-checkbox">
										<input {{ $response['settings']['host_video']==true ? "checked" : "" }}
											name="host_video" type="checkbox" class="custom-control-input"
											id="host_video">
										<label class="custom-control-label" for="host_video">{{__('Enable Host
											Video')}}</label>
									</div>

									<div class="custom-control custom-checkbox">
										<input {{ $response['settings']['participant_video']==true ? "checked" : "" }}
											name="participant_video" type="checkbox" class="custom-control-input"
											id="participant_video">
										<label class="custom-control-label" for="participant_video">{{__('Enable
											Participant Video')}}</label>
									</div>

									<div class="custom-control custom-checkbox">
										<input {{ $response['settings']['join_before_host']==true ? "checked" : "" }}
											name="join_before_host" type="checkbox" class="custom-control-input"
											id="join_before_host">
										<label class="custom-control-label" for="join_before_host">{{__('Join before
											host?')}}</label>
									</div>

									<div class="custom-control custom-checkbox">
										<input {{ $response['settings']['mute_upon_entry']==true ? "checked" : "" }}
											name="mute_upon_entry" type="checkbox" class="custom-control-input"
											id="mute_upon_entry">
										<label class="custom-control-label" for="mute_upon_entry">{{__('Mute Upon
											Entry?')}}</label>
									</div>

									<div class="custom-control custom-checkbox">
										<input {{ $response['settings']['registrants_email_notification']==true
											? "checked" : "" }} name="registrants_email_notification" type="checkbox"
											class="custom-control-input" id="registrants_email_notification">
										<label class="custom-control-label"
											for="registrants_email_notification">{{__('Registrants email
											notification?')}}</label>
									</div>
								</div>
							</div>
						</div>
						<div class="form-group mt-3">
							<button type="reset" class="btn btn-danger-rgba mr-1"><i class="fa fa-ban"></i> {{
								__("Reset")}}</button>
							<button type="submit" class="btn btn-primary-rgba"><i class="fa fa-check-circle"></i>
								{{ __("Update")}}</button>
						</div>

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


@endsection

@section('script')
<script>
	$('#datetimepicker1').datetimepicker({
		    format: 'YYYY-MM-DD HH:mm:ss',
		  });

		  
</script>

<script>
	(function($) {
	  "use strict";

	  $(function(){

	      $('#link_by').change(function(){
	        if($('#link_by').is(':checked')){
	          $('#sec1_one').show('fast');
	        }else{
	          $('#sec1_one').hide('fast');
	        }

	      });
	   
	  });
	})(jQuery);
	
</script>

<script>
	document.addEventListener('DOMContentLoaded', function() {
        const toggle = document.getElementById('paidMeetingToggle');
        const priceInput = document.getElementById('paidMeetingPrice');
    
        // Function to toggle the visibility of the input box
        function toggleVisibility() {
            if (toggle.checked) {
                priceInput.style.display = 'block';
            } else {
                priceInput.style.display = 'none';
            }
        }
    
        // Add event listener to toggle switch
        toggle.addEventListener('change', toggleVisibility);
    
        // Initialize visibility based on toggle state
        toggleVisibility();
    });
</script>
<script>
	(function($) {
	  "use strict";
	
	  $(function(){	
		  $('#recurring_meeting').change(function(){
			if($('#recurring_meeting').is(':checked')){
			  $('#sec4_four').hide('fast');
			  $('#sec3_three').hide('fast');
			}else{
			  $('#sec4_four').show('fast');
			  $('#sec3_three').show('fast');
			}
			});
	  });
})(jQuery);	
	</script>
@endsection