@extends('frontend_template')
@section('content')
<main class="main-con">
	<section class="breadcrumb-con align-items-center">
		<div class="container-fluid">
			 {{ status_error(); }}
			<div class="row row-cols-1 row-cols-md-2">
				<div class="col-lg-5 col-12 align-self-center">
					<h5>{{$pagetitle;}} For Event : {{ $sess_event['name'] }}</h5>
				</div>	
				<div class="col-lg-7 col-12 align-self-center">
					<ul class="edit-con">
														@if($session['role'] != 3)
							<li class="border-0">
								<a href="{{ url('audience-event-list-export').(isset($_GET) ? '?'.http_build_query($_GET) : ''); }}" class="btn-info-border" title="Export"><i class="fa-regular fa-file-export"></i>  Export</a>
							</li>
							@endif
							<li class="nav-item dropdown">
								<div class="btn-group col-12">
								  <button type="button" class="btn-info-border dropdown-toggle pt-1 pb-1" data-bs-toggle="dropdown" aria-expanded="false">
									View</i>
								  </button>
  								<ul class="dropdown-menu">
	  																	<li class="border-0 w-100"><a class="dropdown-item" href="{{ url('audience-event-list?event_id='.$sess_event['id'].'&event_key='.$sess_event['unique_key']); }}" title="On-Spot List">All List</a></li>
									<li class="border-0 w-100"><a class="dropdown-item" href="{{ url('audience-event-list?event_id='.$sess_event['id'].'&event_key='.$sess_event['unique_key'].'&onsite=1').$newget; }}" title="On-Spot List">On-Spot List</a></li>
									<li class="border-0 w-100"><a class="dropdown-item" href="{{ url('audience-event-list?event_id='.$sess_event['id'].'&event_key='.$sess_event['unique_key'].'&self=1').$newget; }}"  title="Self Enroll List">Self Enroll List</a></li>
									<li class="border-0 w-100"><a class="dropdown-item" href="{{ url('audience-event-list?event_id='.$sess_event['id'].'&event_key='.$sess_event['unique_key'].'&imported=1').$newget; }}"  title="Pre-Reg List">Pre-Reg List</a></li>
								  </ul>
								</div>
							</li>
					</ul>
				</div>
			</div>
		</div>	
	</section>
	<section class="user_list">
  		<div class="container-fluid">
			<div class="row">
				<div class="col-12 text-end mb-3">
					<h5>Total Audience - {{ $result_obj->total() }}</h5>
				</div>
			</div>
		<div class="bg-dg p-3 pt-2 pb-2">
			<div class="row row-cols-lg-3 row-cols-1 g-2">
				<div class="col">
					<form method="GET" action="{{ url('audience-event-list'); }}"  class="m-0">
						<div class="row g-2">
							<div class="col-9 align-self-center">
								<input type="hidden" name="event_id" value="{{ @$_GET['event_id'] }}">
								<input type="hidden" name="event_key" value="{{ @$_GET['event_key'] }}">
								<input type="hidden" name="onsite" value="{{ @$_GET['onsite'] }}">
								<input type="hidden" name="attendance" value="{{ @$_GET['attendance'] }}">
								<input type="hidden" name="type" value="{{ @$_GET['type'] }}">
								<input type="text" name="q" value="{{isset($_GET['q']) ? $_GET['q'] : ''}}" class="form-control d-inline-block" placeholder="Search"/>
							</div>
							<div class="col-3 align-self-center">
								<input type="submit" value="Search" class="btn-default pt-2 pb-2"/>
							</div>
						</div>
					</form>
				</div>
				<div class="col">
					<div class="row g-2">
						<div class="col-6 align-self-center">
							<a class="btn-sec pt-2 pb-2" id="advancefilter" title="Advance Filter" style="cursor: pointer;" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">Advance Filter</a> 
						</div>
						<div class="col-6 align-self-center">
							<form method="GET" action="{{ url('audience-event-list'); }}"  class="m-0">
								<input type="hidden" name="column" value="{{ @$_GET['column'] }}">
								<input type="hidden" name="q" value="{{ @$_GET['q'] }}">
								<input type="hidden" name="event_id" value="{{ @$_GET['event_id'] }}">
								<input type="hidden" name="event_key" value="{{ @$_GET['event_key'] }}">
								<input type="hidden" name="onsite" value="{{ @$_GET['onsite'] }}">
								<input type="hidden" name="attendance" value="{{ @$_GET['attendance'] }}">
								  
							</form>
						</div>
					</div>
				</div>
				<div class="col">
					<div class="row g-2">
						<div class="col-lg-7 col-6">
							<form method="GET" action="{{ url('audience-event-list'); }}"  class="m-0">
								<input type="hidden" name="column" value="{{ @$_GET['column'] }}">
								<input type="hidden" name="q" value="{{ @$_GET['q'] }}">
								<input type="hidden" name="event_id" value="{{ @$_GET['event_id'] }}">
								<input type="hidden" name="event_key" value="{{ @$_GET['event_key'] }}">
								<input type="hidden" name="onsite" value="{{ @$_GET['onsite'] }}">
								<input type="hidden" name="attendance" value="{{ @$_GET['attendance'] }}">							
								<div class="col">
									<select class="form-control" name="audience_status" onchange="this.form.submit()">
										<option value="">Select Audience Status...</option>
										<option value="6" {{ isset($_GET['audience_status']) && $_GET['audience_status'] == 6 ? 'Selected' : ''}}>Confirmed</option>
										<option value="1" {{ isset($_GET['audience_status']) && $_GET['audience_status'] == 1 ? 'Selected' : ''}}>Approved</option>
										<option value="2" {{ isset($_GET['audience_status']) && $_GET['audience_status'] == 2 ? 'Selected' : ''}}>ON-hold</option>
										<option value="3" {{ isset($_GET['audience_status']) && $_GET['audience_status'] == 3 ? 'Selected' : ''}}>Rejected</option>
										<option value="4" {{ isset($_GET['audience_status']) && $_GET['audience_status'] == 4 ? 'Selected' : ''}}>Blacklist</option>
										<option value="5" {{ isset($_GET['audience_status']) && $_GET['audience_status'] == 5 ? 'Selected' : ''}}>Not Of Profile</option>
									</select>
								</div>
							</form>
						</div>
						<div class="col-lg-5 col-6">
							<a href="{{ url('audience-event-list?event_id='.$sess_event['id'].'&event_key='.$sess_event['unique_key']); }}" class="btn-danger pt-2 pb-2 w-100" title="View Event">Clear Filter</a> 
						</div>
					</div>
				</div>
			</div>
					</div>
		<!--Advanced Filter Start-->
		<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight" aria-labelledby="offcanvasRightLabel">
			  <div class="offcanvas-header">
				<h5 id="offcanvasRightLabel">Advance Filter</h5>
				<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
			  </div>
			  <div class="offcanvas-body">
					<div class="row">                               
						<div class="col-lg-12">
							<div class="">                          
								<div class="card-body">
									<div class="advancefiltersection border border-dark border-2 p-3 mb-2">
										<form class="form" method="GET" action="{{ url('audience-event-list'); }}">
											<input type="hidden" name="event_id" value="{{ @$_GET['event_id'] }}">
											<input type="hidden" name="event_key" value="{{ @$_GET['event_key'] }}">
											<input type="hidden" name="advance_filter" value="1">
											<div class="row row-cols-lg-2 row-cols-1">
											  <div class="col mb-3">
												<input type="text" class="form-control" placeholder="Name" name="name" value="{{ @$_GET['name'] }}">
											  </div>
											  <div class="col mb-3">
												<input type="text" class="form-control" placeholder="Email" name="email" value="{{ @$_GET['email'] }}">
											  </div>
											  <div class="col mb-3">
												<input type="text" class="form-control" placeholder="Contact" name="contact" value="{{ @$_GET['contact'] }}">
											  </div>
											  <div class="col mb-3">
												<input type="text" class="form-control" placeholder="Unique Key" name="unique_key" value="{{ @$_GET['unique_key'] }}">
											  </div>
											</div>
											<div class="row row-cols-lg-2 row-cols-1">
											  <div class="col mb-3">
												<input type="text" class="form-control" placeholder="Company" name="company" value="{{ @$_GET['company'] }}">
											  </div>
											  <div class="col mb-3">
												<input type="text" class="form-control" placeholder="Designation" name="designation" value="{{ @$_GET['designation'] }}">
											  </div>
											  <div class="col mb-3">
												<input type="text" class="form-control" placeholder="Job Title" name="job_title" value="{{ @$_GET['job_title'] }}">
											  </div>
											  <div class="col mb-3">
												<input type="text" class="form-control" placeholder="Job Level" name="job_level" value="{{ @$_GET['job_level'] }}">
											  </div>
											</div>
											<div class="row row-cols-lg-2 row-cols-1">
											  <div class="col mb-3">
												<input type="text" class="form-control" placeholder="Industry" name="industry" value="{{ @$_GET['industry'] }}">
											  </div>
											  <div class="col mb-3">
												<input type="text" class="form-control" placeholder="Marketo LeadId" name="MarketoLeadId" value="{{ @$_GET['MarketoLeadId'] }}">
											  </div>
											  <div class="col mb-3">
																							  </div>
											  <div class="col mb-3">
												<select class="form-control" name="audience_status">
													<option value="">Select Audience Status...</option>
													<option value="6" {{ isset($_GET['audience_status']) && $_GET['audience_status'] == 6 ? 'Selected' : ''}}>Confirmed</option>
													<option value="1" {{ isset($_GET['audience_status']) && $_GET['audience_status'] == 1 ? 'Selected' : ''}}>Approved</option>
													<option value="2" {{ isset($_GET['audience_status']) && $_GET['audience_status'] == 2 ? 'Selected' : ''}}>ON-hold</option>
													<option value="3" {{ isset($_GET['audience_status']) && $_GET['audience_status'] == 3 ? 'Selected' : ''}}>Rejected</option>
													<option value="4" {{ isset($_GET['audience_status']) && $_GET['audience_status'] == 4 ? 'Selected' : ''}}>Blacklist</option>
													<option value="5" {{ isset($_GET['audience_status']) && $_GET['audience_status'] == 5 ? 'Selected' : ''}}>Not Of Profile</option>
												</select>
											  </div>
											</div>
											<div class="row">
											  <div class="col-auto">
												<div class="form-check">
													<input class="form-check-input" type="checkbox" name="onsite" value="1" id="onsite_reg" {{ isset($_GET['onsite']) && $_GET['onsite'] == 1 ? 'checked':'' }}>
													<label class="form-check-label" for="onsite_reg">
													  On-Spot Registered
													</label>
												</div>
											  </div>
											  <div class="col-auto">
												<div class="form-check">
													<input class="form-check-input" type="checkbox" name="imported" value="1" id="imported" {{ isset($_GET['imported']) && $_GET['imported'] == 1 ? 'checked':'' }}>
													<label class="form-check-label" for="imported">
													  Pre Registered
													</label>
												</div>
											  </div>
											  <div class="col-auto">
												<div class="form-check">
													<input class="form-check-input" type="checkbox" name="self" value="1" id="self_registration" {{ isset($_GET['self']) && $_GET['self'] == 1 ? 'checked':'' }}>
													<label class="form-check-label" for="self_registration">
													  Self Registered
													</label>
												</div>
											  </div>
											  <div class="col-auto">
												<div class="form-check">
													<input class="form-check-input" type="checkbox" name="attendance" value="1" id="attendance_status" onclick="if(this.checked) {document.getElementById('not_attendance_status').checked=false;}" {{ isset($_GET['attendance']) && $_GET['attendance'] == 1 ? 'checked':'' }}>
													<label class="form-check-label" for="attendance_status">
													  Attendees
													</label>
												</div>
											  </div>
											  <div class="col-auto">
												<div class="form-check">
													<input class="form-check-input" type="checkbox" name="attendance" value="2" id="not_attendance_status" onclick="if(this.checked) {document.getElementById('attendance_status').checked=false;}"{{ isset($_GET['attendance']) && $_GET['attendance'] == 2 ? 'checked':'' }}>
													<label class="form-check-label" for="not_attendance_status">
													  Not Attendees
													</label>
												</div>
											  </div>
											  											</div>
											<div class="row g-2 mt-3">
												<div class="col-auto">
													<input type="submit" class="btn-default pt-2 pb-2" name="submit" value="Search">
												</div>
												<div class="col-auto">
													<a href="{{ url('audience-event-list?event_id='.$sess_event['id'].'&event_key='.$sess_event['unique_key']); }}" class="btn-info pt-2 pb-2" title="View Event">Reset</a>
												</div>
											</div>
										</form>
									</div>
									<!-- <div class="paginate text-end">
										<h5>Total Audience - {{ $result_obj->total() }}</h5>
										Total Display - {{ $result_obj->perpage() }} 
									</div>-->
								</div>                    
							</div>
						</div>  
					</div>
			  </div>
		</div>
		<!--Advanced Filter End-->
        <div class="row">
			<div class="col-12">
				<div id="no-more-tables">
					<table class="col-md-12 table table-sm table-bordered table-hover cf bg-white">
						<thead class="cf thead-dark">
							<tr>
								<th width="5%" class="numeric bg-m p-2 pt-1 pb-1 text-center"><input type="checkbox" id="selectall"></th>
								<th width="5%" class="numeric bg-m p-2 pt-1 pb-1">Sr. No.</th>
								<th width="15%" class="numeric bg-m p-2 pt-1 pb-1">Name</th>
								<th class="numeric bg-m p-2 pt-1 pb-1">Email</th>
								<th class="numeric bg-m p-2 pt-1 pb-1">Contact</th>
								<th class="numeric bg-m p-2 pt-1 pb-1">Company</th>
								<th width="8%" class="numeric bg-m p-2 pt-1 pb-1">Designation</th>
								<th width="8%" class="numeric bg-m p-2 pt-1 pb-1">Reg. Type</th>
								<th width="8%" class="numeric bg-m p-2 pt-1 pb-1">Audience Type</th>
								<th width="3%" class="numeric bg-m p-2 pt-1 pb-1">Status</th>
								<th width="3%" class="numeric bg-m p-2 pt-1 pb-1">Attend</th>
								<th width="8%" class="numeric bg-m p-2 pt-1 pb-1 text-center">Action</th>
							</tr>
						</thead>
						<tbody>

															<tr>
								<td class="text-center" colspan="12">
									<h5 class="text-center pt-4 pb-4">No Record Found</h5>
								</td>
							</tr>


													</tbody>
					</table>
				</div>					
				<div class="paginate  text-end row">
					<div class="col-6">
					{{ $result_obj->onEachSide(1)->withQueryString()->links("pagination::bootstrap-4") }}
					</div>
					<div class="col-6">
						<h5>Total Audience - {{ $result_obj->total() }}</h5>
					</div>
					<!-- Total Display - {{ $result_obj->perpage() }} -->
				</div><!--end table-responsive--> <!--end table-responsive--> 
			</div>	
		</div>
    </div>
	</section>
</main>	
<div class="modal fade" id="hallsession_assign_modal" tabindex="-1">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Select Hall and Session</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <div class="col-12">
            <label class="label">Select Halls</label>
            <select name="halls" class="form-control" id="halls">
                <option value="">Select Halls</option>
                @foreach($halls as $key => $value)
                <option value="{{$value['id']}}">{{$value['name']}}</option>
                @endforeach
            </select>
        </div>
        <br>
        <div class="col-12">
            <label class="label">Select Session</label>
            <select class="form-control" id="hallsession">
            </select>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary" id="hallsession_assign">Assign to Selected User</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="gift_assign_modal" tabindex="-1">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Select Gift/Kit</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <div class="col-12">
            <label class="label">Select Gift/Kit</label>
            <select name="halls" class="form-control" id="gift">
                <option value="">Select Gift/Kit</option>
                @foreach($giftlist as $key => $value)
                <option value="{{$value['id']}}">{{$value['name']}}</option>
                @endforeach
            </select>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary" id="gift_assign">Assign to Selected User</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="AudiencePreviewModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="audiendenameid">Modal title</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <table class="table table-bordered table-striped"> 
            <tr>
                <th>Email</th>
                <td id="audienceemailid"></td>
            </tr>
            <tr>
                <th>Contact</th>
                <td id="audiencecontactid"></td>
            </tr>
            <tr>
                <th>Company, Designation</th>
                <td id="audiencecompanydesignid"></td>
            </tr>
            <tr>
                <th>Audience Type & Status</th>
                <td id="audiencetypestatusid"></td>
            </tr>
            <tr>
                <th>Unique Code</th>
                <td id="audiencekeyid"></td>
            </tr>
            <tr>
                <th>QR Code</th>
                <td id="audienceQRid"><img src="" id="qrimage" width="70%"></td> <!--privious width : 40% prachee-->
            </tr>
        </table>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="bulk_email_modal" tabindex="-1">
  <div class="modal-dialog modal-lg modal-dialog-scrollable">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Bulk Email Options</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body mb-0 pb-0">
        <div class="col-12">
            <div class="row">
                <div class="col-lg-9 col-12 mb-2">
                    <select name="emailtemplate" class="form-control" id="emailtemplateselect">
                        <option value="">Select Email Template</option>
                        @foreach($emailtemplate as $key => $value)
                        <option value="{{$value['id']}}">{{$value['name']}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-lg-3 col-12 mb-2">
                    <button type="button" class="btn-info pt-2 pb-2" id="email_template_previewbtn" data-emailtemplateid="" >Preview Email</button>
                </div>
                <div class="col-12 mb-2">
                    <div class="templatepreviewclose"><i class="fa fa-close" onClick="clearpreview()"></i></div>
                    <div class="templatepreview">
                    </div>
                </div>
            </div>
        </div>
      </div>
      <div class="modal-footer align-self-start border-0 w-100">
        <button type="button" class="btn-default pt-2 pb-2" id="send_emailtemplate">Send Email</button>
      </div>
    </div>
  </div>
</div>

<script>
   
    function audience_preview(aud_id, e_id, e_key)
    {
        $.ajax({
            url: '{{ url("audience-preview") }}',
            type: 'POST',
            data: {
                _token: "{{ csrf_token() }}",
                audid: aud_id,
                eid : e_id,
                ekey : e_key,
            },
            success: function(response) {
                var resp = JSON.parse(response);
                var audiencestatus = '';
                switch(resp.result.audience_status) {
                  case 1:
                    audiencestatus = 'Approved';
                    break;
                  case 2:
                    audiencestatus = 'ON-hold';
                    break;
                  case 3:
                    audiencestatus = 'Rejected';
                    break;
                  case 4:
                    audiencestatus = 'Blacklist';
                    break;
                  case 5:
                    audiencestatus = 'Not Of Profile';
                    break;
                  case 6:
                    audiencestatus = 'Confirmed';
                    break;
                  default:
                    audiencestatus = 'Not Found';
                }

                $('#AudiencePreviewModal').modal('show');
                console.log(resp.result);
                $('#audiendenameid').text(resp.result.name);
                $('#audienceemailid').text(resp.result.email);
                $('#audiencecontactid').text(resp.result.contact);
                $('#audiencecompanydesignid').text(resp.result.company +', ' + resp.result.designation);
                $('#audiencekeyid').text(resp.result.unique_key);
                $('#audiencetypestatusid').text(resp.audience_type[resp.result.usertype] + ' - ' + audiencestatus);
                var imgurl = '{{ asset("storage/qrcode")."/" }}'+e_key+'/'+resp.result.unique_key+'-'+resp.result.id+'.png';
                $('#qrimage').attr('src', imgurl);
                
            },
            error: function(error) {
                alert("Error Occurred. Please Refresh");
                location.reload();
            }
        });
    }   

    $(document).ready(function(){
        $('.templatepreviewclose').hide();

//        //        $('.advancefiltersection').show();
//        //        $('.advancefiltersection').hide();
//        //        $("#advancefilter").click(function() {
//            $(".advancefiltersection").toggle('slow');
//        });
        //get hall sessions
        $("#halls").change(function() {
            var id = $(this).val();
            $.ajax({
                url: '{{ url("get_hallsession") }}',
                type: 'POST',
                data: {
                    _token: "{{ csrf_token() }}",
                    hall_id: id,
                    eid : "{{$_GET['event_id']}}",
                    ekey : "{{$_GET['event_key']}}",
                },
                success: function(response) {
                    $("#hallsession").empty();
                    var hallsessionres = JSON.parse(response);
                    for (var i = 0; i < hallsessionres.length; i++) {
                        var tag = '<option value=' + hallsessionres[i].id + '>' + hallsessionres[i].name + '</option>';
                        $("#hallsession").append(tag);
                    }
                },
                error: function() {
                    alert("Error Occurred. Please Refresh");
                    location.reload();
                }
            });
        });

        $('#selectall').click(function(event) {   
            if(this.checked) {
                // Iterate each checkbox
                $(':checkbox').each(function() {
                    this.checked = true;                        
                });
            } else {
                $(':checkbox').each(function() {
                    this.checked = false;                       
                });
            }
        }); 


        $('select[name="select_action"]').change(function(){
            if ($(this).val() == "assign_audience_to_hallsession"){
                $('#hallsession_assign_modal').modal('show');
            }

            if ($(this).val() == "assign_audience_to_gift"){
                $('#gift_assign_modal').modal('show');
            }

            if ($(this).val() == "bulk_email"){
                $('#bulk_email_modal').modal('show');
            }  

        });

        //final ajax to assign user
        $('#hallsession_assign').click(function(){
            var audience_ids = [];
            $(".selectaudcheck:checked").each(function() {
                audience_ids.push($(this).val());
            });

            var hallid = $('#halls').val();
            var hallsession = $('#hallsession').val();

            $.ajax({
                url:'{{ url("audience_assign_hallsession") }}',
                type: "POST",
                data: {
                    _token: "{{ csrf_token() }}",
                    hall_id: hallid,
                    hall_session : hallsession,
                    audience : audience_ids,
                    eid : "{{$_GET['event_id']}}",
                    ekey : "{{$_GET['event_key']}}",
                },
                success:function(result){
                    var resp = JSON.parse(result);
                    if(resp.success == 1)
                    {
                        alert(resp.msg);
                    }
                    if(resp.success == 0)
                    {
                        alert(resp.msg);
                    }
                    $(':checkbox').each(function() {
                        this.checked = false;                       
                    });
                    $('#hallsession_assign_modal').modal('hide');
                },
                error:function(err){
                    console.log(err);
                }
            }); 
        });

        //final ajax to assign user to gift
        $('#gift_assign').click(function(){
            var audience_ids = [];
            $(".selectaudcheck:checked").each(function() {
                audience_ids.push($(this).val());
            });

            var giftid = $('#gift').val();

            $.ajax({
                url:'{{ url("audience_assign_gift") }}',
                type: "POST",
                data: {
                    _token: "{{ csrf_token() }}",
                    gift_id: giftid,
                    audience : audience_ids,
                    eid : "{{$_GET['event_id']}}",
                    ekey : "{{$_GET['event_key']}}",
                },
                success:function(result){
                    var resp = JSON.parse(result);
                    if(resp.success == 1)
                    {
                        alert(resp.msg);
                    }
                    if(resp.success == 0)
                    {
                        alert(resp.msg);
                    }
                    $(':checkbox').each(function() {
                        this.checked = false;                       
                    });
                    $('#gift_assign_modal').modal('hide');
                    location.reload();
                },
                error:function(err){
                    // console.log(err);
                }
            }); 
        });

        //emailtemplat preview
        $("#emailtemplateselect").change(function() {
            var id = $(this).val();
            $('#email_template_previewbtn').attr('data-emailtemplateid', id);
        });
        $('#email_template_previewbtn').click(function(){
            var tempid = $('#email_template_previewbtn').attr('data-emailtemplateid');
            if(tempid)
            {
                var templateemail = null;
                var previewemail = templateemail[tempid].email_body;
                $('.templatepreviewclose').show();
                $('.templatepreview').html(previewemail);
        
            }
            else
            {
                $('.templatepreviewclose').hide();
                alert('Please Select Email Template');
            }
        });
        $('#send_emailtemplate').click(function(){
            var audience_ids = [];
            $(".selectaudcheck:checked").each(function() {
                audience_ids.push($(this).val());
            });

            var templateid = $('#emailtemplateselect').val();

            if(audience_ids.length > 0)
            {
                if(templateid !=='' && templateid !=='undefined')
                {
                    $.ajax({
                        url:'{{ url("send_email_template") }}',
                        type: "POST",
                        data: {
                            _token: "{{ csrf_token() }}",
                            emailtemplateid: templateid,
                            audience : audience_ids,
                            eid : "{{$_GET['event_id']}}",
                            ekey : "{{$_GET['event_key']}}",
                        },
                        success:function(result){
                            alert('Email Sent to Audience Succesfully');
                            $('#bulk_email_modal').modal('hide');
                        },
                        error:function(err){
                            alert(err);
                        }
                    });
                }
                else
                {
                    alert('Email Template Not Selected');
                }
            }
            else
            {
                alert('Audience Not Selected');
            }
        });

    });

    
    function markpresent(status, id)
    {
        var urls = "