@extends('admin.layouts.master')
@section('title', 'Edit Zoom meeting')
@section('maincontent')
@include('admin.layouts.topbar',$data)
<div class="contentbar">
    @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 dashboard-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="{{url('slider')}}" 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-6">
					<label for="image">{{ __('adminstaticword.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 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>


               <div class="form-group">
				<label for="exampleInputDetails">{{ __('adminstaticword.LinkByCourse') }}:</label>
				<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>
				
				{{-- @dd($meeting) --}}

              <div class="form-group" style="{{ isset($meeting['link_by']) == 'course' ? '' : 'display:none' }}" id="sec1_one">
                <label>{{ __('adminstaticword.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 class="form-group">
				<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-6 custom-control custom-checkbox">
				<input name="recurring" type="checkbox" class="custom-control-input" id="recurring_meeting" @if($response['type'] == '3' ) checked @endif >
				<label class="custom-control-label" for="recurring_meeting" value="{{ $response['topic'] }}">Recurring Metting (with no fixed time) </label>
                </div>
            
              
				@if($response['type'] == '2' && $response['type'] == '8')

				<div class="form-group">
					<label>
						Meeting Start Time:<sup class="redstar">*</sup>
					</label>

                    <div class='input-group date' id='datetimepicker1'>
                      <input value="{{ isset($response['start_time']) ? date('d-m-Y | h:i:s A',strtotime($response['start_time'])) : "" }}" name="start_time" type='text' class="form-control" required />
                      <span class="input-group-addon">
                          <span class="glyphicon glyphicon-calendar"></span>
                      </span>
                    </div>
				</div>

				@endif

				<input type="hidden" name="timezone" value="{{ $response['timezone'] }}">


				@if($response['type'] == '2' && $response['type'] == '8')

				<div class="form-group">
					<label>
						Duration:<sup class="redstar">*</sup>
					</label>

					<input value="{{ $response['duration'] }}" placeholder="enter in mins eg 60" type="number" min="1" name="duration" class="form-control" required>
				</div>

				@endif

				<div class="form-group">
					
						<label>
							Meeting Password: (Optional)
						</label>
						<div class="input-group mb-3">
							<input id="password-field" value="{{ isset($response['password']) ? $response['password'] : "" }} type="password"  name="password" class="form-control" placeholder="user@example.com">
							<div class="input-group-prepend text-center">
							<span toggle="#password-field" class="fa fa-fw fa-eye field-icon toggle-password"></span></i></span>
							</div>
							
				
					
				</div>

				<div class="form-group">
					<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="panel panel-default">
					<div class="panel-body">
						<h5 class="panel-title">Meeting Setting :</h5>
						<hr>
						<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 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>
@endsection