@extends('admin_template')
@section('content')

<main class="main-con">
	<section class="breadcrumb-con align-items-center">
		<div class="container-fluid">
			<div class="row row-cols-1 row-cols-md-2">
				<div class="col-lg-6 col-12 align-self-center">
					<h5>Add Checkpoint for Event : {{$event['name']}}</h5>
				</div>	
				
			</div>
		</div>	
	</section>
	
	<section cite="">
		<div class="container-fluid">
			<div class="row">
				<div class="col-lg-6 col-12 bg-white p-4 rounded">
					<form class="form" id="checkpointform" action="{{isset($mode) && $mode == 'update' ? 'event-checkpoint-update' : 'checkpoint-event-insert'}}" method="post">
						@csrf
						<input type="hidden" name="event_id" value="{{ @$_GET['event_id'];  }}">
						<input type="hidden" name="event_key" value="{{ @$_GET['event_key'];  }}">
						<input type="hidden" name="cpid" value="{{ isset($result['id']) ? $result['id'] : ''}}" id="cpid">
						<input type="hidden" name="data[event_id]" value="{{ $event['id'] }}">
							<div class="col-md-12">
								<div class="mb-3">
									<label for="checkpoint_name">Name</label>
									<input type="text" class="form-control" id="checkpoint_name" name="data[checkpoint_name]" value="{{ isset($result['checkpoint_name']) ? $result['checkpoint_name'] : ''}}" >
								</div>
							</div>
							<div class="col-md-12">
								<div class="mb-3">
									<label for="description">Description</label>
									<textarea class="form-control" id="description" name="data[description]">{{ isset($result['description']) ? $result['description'] : ''}}</textarea>
								</div>
							</div>
							<div class="col-md-12">
								<div class="mb-3">
									<label for="description">Sponsor Email</label>
									<input type="text" class="form-control" id="sponsor_email" name="data[sponsor_email]" value="{{ isset($result['sponsor_email']) ? $result['sponsor_email'] : ''}}" />
								</div>
							</div>
							<div class="col-md-12">
								<div class="mb-3">
									<label for="description">Booth Points</label>
									<input type="number" class="form-control" id="booth_points" name="data[booth_points]" value="{{ isset($result['booth_points']) ? $result['booth_points'] : ''}}" />
								</div>
							</div>
							<!-- <div class="col-md-12">
								  <div class="mb-3">
									  <select class="form-control" name="assign_booth_user[]" id="assign_booth_user" multiple>
										  									  </select>
								  </div>
							</div> -->
							<div class="col-md-12">
								  <div class="mb-3">
									 <label for="booth_type">Booth Type </label>
									  <select class="form-control" name="data[booth_type]" id="booth_type">										  
									  		<option value="">-Select Type-</option>
											<option value="Platinum"  >Platinum</option>
											<option value="Gold" >Gold</option>
											<option value="Silver" >Silver</option>
											<option value="Exhibitor" >Exhibitor</option>
											<option value="ATP" >ATP</option>
											<option value="Industry Hub" >Industry Hub</option>
											<option value="startupcentral" >Start Up Central</option>
											<option value="builderzone" >Builder Zone</option>
											<option value="AWS" >AWS Skill Zone</option>
											<option value="GameDay" >GameDay</option>
											<option value="APN" >APN</option>
											<option value="Reselliance" >Reselliance</option>
									  </select>
								  </div>
							</div>
							<div class="col-md-12">
								<div class="mb-3">
									<label for="checkpoint_name">Primary Contact Person</label>
									<input type="text" class="form-control" id="primary_contact_person" name="data[primary_contact_person]" value="{{ isset($result['primary_contact_person']) ? $result['primary_contact_person'] : ''}}" >
								</div>
							</div>
						<div class="row pb-2 mx-2">
							<div class="col-sm-12 text-end">
								<button type="submit" class="btn btn-primary px-4">{{isset($mode) && $mode == 'update' ? 'Update' : 'Save'}}</button>
								<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</section>
	
</main>



<section class="checkpoint-list mt-5 mb-5">
  <div class="container">
    <div class="row">
      <div class="col-md-10 offset-1">
        <h5 class="text-primary"></h5>
      </div>
      <div class="col-md-10 offset-1">
        
      </div>
      <!-- <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
      </div> -->
    </div>
  </div>
</section>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/jquery.multiselect.css') }}">
<script src="{{ asset('assets/js/jquery.multiselect.js') }}"></script>
<script>
  $(document).ready(function(){
      $('#assign_booth_user').multiselect({
          noneSelectedText: 'Select Something (required)',
          placeholder: 'Select User',
          search: true,
          selectAll: true
      });
	  jQuery.validator.addMethod("validate_email", function(value, element) {
			if (/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(value)) {
				return true;
			} else {
				return false;
			}
		}, "Please enter a valid Email.");

      $("#checkpointform").validate({
         rules:
         {
              'data[checkpoint_name]':{
                required: true,
              },
              'data[description]':{
                required: true,
              },
			  'data[sponsor_email]':{
				required :true,
				email:true,
				validate_email:true
			  }
         }, 
         errorElement: 'p',
         errorPlacement: function (error, element) {
         error.insertAfter(element);
         }
      });
  });
</script>
@endsection