@extends('frontend_template')
@section('content')
<main class="main-con">
	<section class="breadcrumb-con">
			<div class="container-fluid">
			<div class="row row-cols-1 row-cols-md-2">
				<div class="col align-self-center">
					<h5>{{isset($mode) && $mode == 'update' ? 'Update' : 'Save'}} Audience.</h5>
				</div>
				<div class="col align-self-center">
					<div class="row justify-content-end g-2">
						<div class="col-auto align-self-center">						
							{{ status_error(); }}
						</div>
					</div>
				</div>
			</div>
		</div>	
	</section>
	<section class="quiz_set_add_edit">
		<div class="container-fluid">
			<div class="row">
				<div class="col-12 bg-white p-4 rounded shadow mb-5">
					<form class="row form" id="eventform" action="{{isset($mode) && $mode == 'update' ? 'audience-event-update' : 'audience-event-insert'}}" method="post">
                    @csrf
                    <input type="hidden" name="data[id]" value="{{ @$result['id'] }}">

                    <input type="hidden" name="event_key" value="{{ $sess_event['unique_key'] }}">
                    <input type="hidden" name="event_id" value="{{ $sess_event['id'] }}">
                    
					<input type="hidden" name="data[onsite_reg]" value="2">
              		<input type="hidden" name="data[audience_status]" value="6">
                    <div class="row row-cols-lg-3 row-cols-1">
                        <!-- <div class="col-md-12">
                            <div class="mb-3">
                                <label for="name">Salutation</label>
                                <select class="form-control" id="salutation" name="data[salutation]">
                                    <option value="">Select...</option>
                                    <option value="Sir." {{isset($result['salutation']) && trim(strtolower($result['salutation'])) == 'sir.' ? 'Selected' : ''}}>Sir.</option>
                                    <option value="Ma'am" {{isset($result['salutation']) && trim(strtolower($result['salutation'])) == "ma'am" ? 'Selected' : ''}}>Ma'am</option>
                                    <option value="Madam" {{isset($result['salutation']) && trim(strtolower($result['salutation'])) == "madam" ? 'Selected' : ''}}>Madam</option>
                                    <option value="Mr." {{isset($result['salutation']) && trim(strtolower($result['salutation'])) == "mr." ? 'Selected' : ''}}>Mr.</option>
                                    <option value="Mrs." {{isset($result['salutation']) && trim(strtolower($result['salutation'])) == "mrs." ? 'Selected' : ''}}>Mrs.</option>
                                    <option value="Ms." {{isset($result['salutation']) && trim(strtolower($result['salutation'])) == "ms." ? 'Selected' : ''}}>Ms.</option>
                                    <option value="Miss." {{isset($result['salutation']) && trim(strtolower($result['salutation'])) == "miss." ? 'Selected' : ''}}>Miss.</option>
                                </select>
                            </div>
                        </div> -->
                        <div class="col-4">
                            <div class="mb-3">
                                <label for="name">Name</label>
                                <input type="text" class="form-control" id="name" name="data[name]" value="{{ isset($result['name']) ? $result['name'] : ''}}">
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="mb-3">
                                <label for="email">Email ID</label>
                                <input type="email" class="form-control" id="email" name="data[email]" value="{{ isset($result['email']) ? $result['email'] : ''}}">
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="mb-3">
                                <label for="contact">Phone Number</label>
                                <input type="text" class="form-control" id="contact" name="data[contact]" value="{{ isset($result['contact']) ? $result['contact'] : ''}}">
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="mb-3">
                                <label for="company">Company</label>
                                <input type="text" class="form-control" id="company" name="data[company]" value="{{ isset($result['company']) ? $result['company'] : ''}}">
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="mb-3">
                                <label for="designation">Designation</label>
                                <input type="text" class="form-control" id="designation" name="data[designation]" value="{{ isset($result['designation']) ? $result['designation'] : ''}}">
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="mb-3">
                                <label for="job_title">Job Title</label>
                                <input type="text" class="form-control" id="job_title" name="data[job_title]" value="{{ isset($result['job_title']) ? $result['job_title'] : ''}}">
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="mb-3">
                                <label for="job_level">Job Level</label>
                                <input type="text" class="form-control" id="job_level" name="data[job_level]" value="{{ isset($result['job_level']) ? $result['job_level'] : ''}}">
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="mb-3">
                                <label for="industry">Industry</label>
                                <input type="text" class="form-control" id="industry" name="data[industry]" value="{{ isset($result['industry']) ? $result['industry'] : ''}}">
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="mb-3">
                                <label for="remark">Remark</label>
                                <input type="text" class="form-control" id="remark" name="data[remark]" value="{{ isset($result['remark']) ? $result['remark'] : ''}}">
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="mb-3">
                                <label for="usertype">Audience Type</label>
                                <select class="form-control" name="data[usertype]">
                                    <option value="">Select Type</option>
                                                                    </select>

                            </div>
                        </div>
                        <div class="col-4">
                            <div class="mb-3">
                                <label for="remark">Audience Status</label>
                                <select class="form-control" name="data[audience_status]">
                                    <option value="">Select Status</option>
                                    <option value="6" {{ isset($result['audience_status']) && $result['audience_status'] == 6 ? 'Selected' : ''}}>Confirmed</option>
                                    <option value="1" {{ isset($result['audience_status']) && $result['audience_status'] == 1 ? 'Selected' : ''}}>Approved</option>
                                    <option value="2" {{ isset($result['audience_status']) && $result['audience_status'] == 2 ? 'Selected' : ''}}>ON-hold</option>
                                    <option value="3" {{ isset($result['audience_status']) && $result['audience_status'] == 3 ? 'Selected' : ''}}>Rejected</option>
                                    <option value="4" {{ isset($result['audience_status']) && $result['audience_status'] == 4 ? 'Selected' : ''}}>Blacklist</option>
                                    <option value="5" {{ isset($result['audience_status']) && $result['audience_status'] == 5 ? 'Selected' : ''}}>Not Of Profile</option>
                                </select>
                            </div>
                        </div>
                        <!-- <div class="col-md-12">
                            <div class="mb-3 form-check">
                                <input type="radio" class="form-check-input" id="active" name="data[status]" value="1" {{ isset($result['status']) && $result['status'] == 1 ? 'checked':''; }}>
                                <label class="form-check-label" for="active">Active</label>
                            </div>
                            <div class="mb-3 form-check">
                                <input type="radio" class="form-check-input" id="inactive" name="data[status]" value="2" {{ isset($result['status']) && $result['status'] == 2 ? 'checked':''; }}>
                                <label class="form-check-label" for="inactive">Inactive</label>
                            </div>
                        </div> -->
                    </div>
                    <div class="row mt-3">
                        <div class="col-sm-4 text-start">
                            <button type="submit" class="btn-info pt-2 pb-2">{{isset($mode) && $mode == 'update' ? 'Update' : 'Save'}}</button>
                        </div>
                    </div>
                </form>
				</div>	
			</div>
		</div>
	</section>
</main>
<!-- <div class="row">
		<div class="col-md-8 offset-md-2">
			<form action="{{ isset($mode) && $mode!='update' ? 'quiz-set-update' : 'quiz-set-insert'; }}" method="post">
				<input type="text" name="id" value="{{isset($setdata['id']) ? $setdata['id'] :''}}">

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

<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
<script type="text/javascript">
$(function() {
  $('input[name="event_date"]').daterangepicker({
    timePicker: true,
    "locale": {
        "format": "DD-MM-YYYY hh:mm A",
    },
    opens: 'left',
    "alwaysShowCalendars": true,
  });
});

$(document).ready(function(){
    $("#eventform").validate({
       rules:
       {
            'data[name]': {
                required: true
            },
            'data[email]': {
                required: true
            },
            'data[contact]': {
                required: true
            },
            'data[company]': {
                required: true
            },
            'data[designation]': {
                required: true,
            },
            'data[usertype]': {
                required: true,
            }
       }, 
       errorElement: 'p',
       errorPlacement: function (error, element) {
       error.insertAfter(element);
       }
    });
});
</script>
@endsection