@extends('layouts.master')

@section('title', \Lang::get('global.exhibitor'))

@section('css')
{{-- Avoid duplicate js file calling --}}
<script src="{{ URL::asset('public/js/jquery-3.1.1.min.js') }}"></script>
<script src="{{ URL::asset('public/js/jquery-ui.min.js') }}"></script>  
<script src="{{ URL::asset('public/js/formBuilder/form-render.js') }}"></script>
<script src="{{ URL::asset('public/js/stepwizard-form-validation.js') }}"></script>

<link rel="stylesheet" href="{{ URL::asset('public/css/dashboard.css') }}">
<link rel="stylesheet" href="{{ URL::asset('public/css/checkbox.css') }}">
<link rel="stylesheet" href="{{ URL::asset('public/css/jquery.fancybox.min.css') }}">
<link rel="stylesheet" href="{{ URL::asset('public/css/fullcalendar.css') }}">
<link rel="stylesheet" href="{{ URL::asset('public/css/wizard.css') }}">
<link rel="stylesheet" href="{{ URL::asset('public/css/select2.min.css') }}">
<link rel="stylesheet" href="{{ URL::asset('public/css/bootstrap-switch.css') }}">
<link rel="stylesheet" href="{{ URL::asset('public/css/daterange-picker.css') }}">
<link rel="stylesheet" href="{{ URL::asset('public/css/summernote.css') }}">
<link rel="stylesheet" href="{{ URL::asset('public/css/pygments.css') }}">
<link rel="stylesheet" href="{{ URL::asset('public/css/dashboard-style.css') }}">
@stop

@section('content')
<div class="modal-shiftfix" id="my_dashboard" style="margin-top: 10%'">
	<!-- Navigation -->
	@include('layouts.partials.event_dashboard_menu')
	<!-- End Navigation -->
	<div class="container-fluid main-content">
		<!-- Statistics -->
		@include('layouts.partials.event_exhibitor_submenu')

		<div class="row">
			<div class="card" style="margin-top: 1%;">
				<ul class="nav nav-tabs" role="tablist">
					@foreach($attendee['result']['exhibitor_booth'] as $key => $value)
					<li role="presentation" class="{{ $key == 0 ? "active" : "" }}"><a href="#coex_{{ $key }}" aria-controls="home" role="tab" data-toggle="tab"><h3 style="margin: 0;">{{ $value['name'] }}</h3></a></li>
					@endforeach
				</ul>

				<!-- Tab panes -->
				<div class="tab-content">
					@if(!empty($attendee['result']['exhibitor_booth']))
						@foreach($attendee['result']['exhibitor_booth'] as $key => $value)
						<div role="tabpanel" class="tab-pane {{ $key == 0 ? "active" : "" }}" id="coex_{{ $key }}">
							@foreach($value['sub_booth'] as $sub_booth_key => $sub_booth_value)
								@if($GLOBALS['project_app']['result']['business_matching'] == 1)
								<h4>@lang('dashboard.main_exhibitor_quota')</h4>

									@if($GLOBALS['domain']['result']['id'] != 9)
									<b class="pull-left">@lang('dashboard.main_exhibitor_remaining_allotment'):  <span style="color: {{ ($value['remaining_exhibitor_quota'] > 0) ? 'black' : 'red'  }}">{{ $value['remaining_exhibitor_quota'] }}</span></b>

									@if($attendee['result']['participant_type_name'])
										@if(strpos($attendee['result']['participant_type_name'], 'Appointment Set') !== false)
										{{-- <a href="#" class="btn btn-primary pull-right hidden-xs hidden-sm" data-participant-assign-booth-id="{{ $attendee['result']['booth_id'] }}" data-participant-assign-attendee-id="{{ $attendee['result']['id'] }}"><i class="fas fa-plus hidden-xs"></i>  @lang('dashboard.assign_participant_type_quota') {{ ($GLOBALS['project_app']['result']['business_matching'] == 1) ? 'Co-' : '' }}@lang('global.exhibitor')</a> --}}

										{{-- <a href="#" class="btn btn-primary pull-right hidden-lg hidden-md btn-block" data-participant-assign-booth-id="{{ $attendee['result']['booth_id'] }}" data-participant-assign-attendee-id="{{ $attendee['result']['id'] }}"><i class="fas fa-plus"></i> @lang('dashboard.assign_participant_type_quota') {{ ($GLOBALS['project_app']['result']['business_matching'] == 1) ? 'Co-' : '' }}@lang('global.exhibitor')</a> --}}
										<br>
										<br>
										@endif
									@endif

									@if($value['remaining_exhibitor_quota'] > 0)
										<a href="#" class="btn btn-primary pull-right hidden-xs hidden-sm" data-assign-altm-main-id="{{ $attendee['result']['booth_id'] }}" data-assign-altm-co-id="{{ $sub_booth_value['id'] }}"><i class="fas fa-plus hidden-xs"></i>  @lang('dashboard.assign_main_exhibitor_badges') {{ ($GLOBALS['project_app']['result']['business_matching'] == 1) ? 'Co-' : '' }}@lang('global.exhibitor')</a>

										<a href="#" class="btn btn-primary pull-right hidden-lg hidden-md btn-block" data-assign-altm-main-id="{{ $attendee['result']['booth_id'] }}" data-assign-altm-co-id="{{ $sub_booth_value['id'] }}" data-toggle="tooltip" title="Assign Main Exhibitor Badges Allotment To {{ ($GLOBALS['project_app']['result']['business_matching'] == 1) ? 'Co-' : '' }}Exhibitor" data-placement="bottom" style="margin-top: 5px;"><i class="fas fa-plus"></i>  @lang('dashboard.assign_allotment_to') {{ ($GLOBALS['project_app']['result']['business_matching'] == 1) ? 'Co-' : '' }}@lang('global.exhibitor')</a>
									@endif
									@endif
								<br>
								<br>

								<div style="overflow-x: scroll; width: 100%">
									<table class="table table-bordered table-hover text-center" width="100%" style="margin-top: 2%;">
										<thead bgcolor="#4775A7" style="color: #ffffff">
											<tr>
												<th class="text-center">#</th>
												<th class="text-center">@lang('global.name')</th>
												<th class="text-center" style="width: 20% !important;">@lang('global.email')</th>
												<th class="text-center">@lang('global.company_name')</th>
												<th class="text-center">@lang('dashboard.login_code')</th>
												<th class="text-center">@lang('dashboard.participant_type')</th>
												<th class="text-center">@lang('dashboard.badge_allotment')</th>
												<th class="text-center">@lang('global.action')</th>
											</tr>
										</thead>
										<tbody bgcolor="#ffffff">
											<tr bgcolor="#E8F3F8">
												<td>1</td>
												<td>{{ $attendee['result']['user_name'] }}</td>
												<td style="width: 20% !important;">{{ $attendee['result']['user_email'] }}</td>
												<td>{{ isset($attendee['result']['organisation']) ? $attendee['result']['organisation'] : '' }}</td>
												<td>{{ $attendee['result']['login_code'] }}</td>
												<td>{{ $attendee['result']['participant_type_name'] }}</td>
												<td>{{ $attendee['result']['badge_assign'] == 1 ? \Lang::get('global.yes') : \Lang::get('global.no') }}</td>
												<td>
													{{-- <a class="btn btn-block btn-info" data-participant-booth-id="{{ $attendee['result']['booth_id'] }}" data-participant-type-id="{{ $attendee['result']['business_matching_participant_id'] }}" data-participant-attendee-id="{{ $attendee['result']['id'] }}"><i class=""></i>Assign Participant Type</a> --}}
													<a class="btn btn-block btn-success" data-allotment-booth-id="{{ $attendee['result']['booth_id'] }}" data-allotment-attendee-id="{{ $attendee['result']['id'] }}" data-allotment-badge="{{ $attendee['result']['badge_assign'] }}"><i class=""></i>@lang('dashboard.assign_badge')</a>
												</td>
											</tr>
										</tbody>
									</table>
								</div>

								<br>
								<hr style="border-bottom: 1px dotted #cccccc;"><br>
								@endif
								<h4><b>{{ ($GLOBALS['project_app']['result']['business_matching'] == 1) ? \Lang::get('dashboard.co') : '' }}@lang('dashboard.exhibitor_quota')</b></h4>

								@if(!empty($sub_booth_value['participant_type_quota']))
								@if($GLOBALS['domain']['result']['id'] != 4)
								<h4><b>@lang('dashboard.participant_type')</b></h4>
								@endif
								<hr>
									@foreach($sub_booth_value['participant_type_quota'] as $quota_key => $quota_value)
									<h5><b>Remaining {{ $quota_value['name'] }}: <span style="color: {{ ($quota_value['default_maximum_appointment'] > 0) ? 'black' : 'red'  }}">{{ $quota_value['default_maximum_appointment'] }}</span></b></h5>
									@endforeach
								@endif

								<br><br>
								
								<h4><b>@lang('dashboard.exhibitor_badge')</b></h4>
								<hr>
																{{-- <h5><b>Remaining Badges (Including Main Exhibitor's): <span style="color: {{ ($sub_booth_value['remaining_exhibitor_quota'] > 0) ? 'black' : 'red'  }}">{{ $sub_booth_value['remaining_exhibitor_quota'] }}</span></b></h5> --}}

								@if($GLOBALS['domain']['result']['id'] != 9)
								<h5 class="pull-left" style="font-size: 15px;">
									<b>@lang('dashboard.remaining_badges'): <span style="color: {{ ($sub_booth_value['remaining_exhibitor_quota'] > 0) ? 'black' : 'red'  }}">{{ $sub_booth_value['remaining_exhibitor_quota'] }}</span></b>
								</h5>
								<br>
								@endif
								<div align="right">
									@if($sub_booth_value['remaining_exhibitor_quota'] > 0)
										<a href="#" class="btn btn-primary" style="margin-top: 5px;" data-booth-id="{{ $sub_booth_value['id'] }}"><i class="fas fa-user-plus"></i> @lang('global.add') {{ ($GLOBALS['project_app']['result']['business_matching'] == 1) ? \Lang::get('dashboard.co') : '' }}@lang('dashboard.exhibitor_badges')</a>
									@endif
								</div>
								<br>

								@if($exhibitor_message['status'] == 200)
								@foreach($exhibitor_message['result'] as $message_key => $message_value)
								{!! $message_value['value'] !!}
								@endforeach
								@endif
							@endforeach

							<div>
								<div style="margin-bottom: 10px;">
									<img src="/public/images/green_button.png" width="20px" /> <em><b>@lang('dashboard.completed_profile')</b></em>
									&emsp;&emsp; <br class="hidden-lg hidden-md">
									<img src="/public/images/red_button.png" width="20px" /> <b><em>@lang('dashboard.incomplete_profile')</em></b>
								</div>
								<table id="invited_co_exh" class="table table-bordered table-hover text-center" width="100%" style="margin-top: 2%;">
								<thead bgcolor="#4775A7" style="color: #ffffff">
									<tr>
										<th class="text-center">#</th>
										<th class="text-center">@lang('global.name')</th>
										<th class="text-center" style="width: 20% !important;">@lang('global.email')</th>
										<th class="text-center">@lang('global.company_name')</th>
										<th class="text-center">@lang('dashboard.login_code')</th>
										<th class="text-center">@lang('dashboard.participant_type')</th>
										<th class="text-center">@lang('dashboard.badge_allotment')</th>
										<th class="text-center">@lang('global.action')</th>
									</tr>
								</thead>
								<tbody bgcolor="#ffffff">
																		@if($list_exh_data)
										@foreach($list_exh_data['result'] as $co_exh_data_key => $co_exh_data_value)
										@foreach($co_exh_data_value as $co_exh_key => $co_exh_value)
										<tr>
											<td style="width: 2% !important;">{{ $co_exh_no++ }}</td>
											<td style="width: 10% !important;">{{ $co_exh_value['user_name'] }} <br>
											{!! ($co_exh_value['completion'] == 100) ? '<img src="/public/images/green_button.png" width="20px" />' : '<img src="/public/images/red_button.png" width="20px" />' !!} <span style="display: none;">{{ ($co_exh_value['completion'] == 100) ? \Lang::get('global.completed') : \Lang::get('global.incomplete') }}</span></td>
											<td style="width: 20% !important;">{{ $co_exh_value['user_email'] }}</td>
											<td style="width: 20% !important;">{{ $co_exh_value['organisation'] }}</td>
											<td style="width: 10% !important;">{{ $co_exh_value['login_code'] }}</td>
											<td style="width: 10% !important;">{{ $co_exh_value['participant_type_name'] }}</td>								
											<td style="width: 10% !important;">{{ $co_exh_value['badge_assign'] == 1 ? \Lang::get('global.yes') : \Lang::get('global.no') }}</td>

											{{-- <td> --}}
												{{-- <a class="btn btn-primary" data-booth-id="{{ $co_exh_value['id'] }}"><i class="fas fa-wrench"></i> Remote Access</a> --}}
											{{-- </td> --}}
											<td style="width: 20% !important;">
												<a class="btn btn-block btn-primary" data-coexh-name="{{ $co_exh_value['user_name'] }}" data-attendee-id="{{ $co_exh_value['id'] }}"><i class=""></i> @lang('dashboard.send_invites')</a>
												<a class="btn btn-block btn-info" data-participant-booth-id="{{ $co_exh_value['booth_id'] }}" data-participant-type-id="{{ $co_exh_value['business_matching_participant_id'] }}" data-participant-attendee-id="{{ $co_exh_value['id'] }}"><i class=""></i>@lang('dashboard.assign_participant_type')</a>
												<a class="btn btn-block btn-success" data-allotment-booth-id="{{ $co_exh_value['booth_id'] }}" data-allotment-attendee-id="{{ $co_exh_value['id'] }}" data-allotment-badge="{{ $co_exh_value['badge_assign'] }}"><i class=""></i>@lang('dashboard.assign_badge')</a>
												<a id="{{ $co_exh_value['id'] }}" data='{{ $attendee['result']['event_id'] }}' class="btn btn-warning select-attendee btn-block">@lang('global.edit_profile')</a>
												<a class="btn btn-block btn-danger" data-del-coexh-name="{{ $co_exh_value['user_name'] }}" data-del-attendee-id="{{ $co_exh_value['id'] }}" data-del-pt-id="{{ $co_exh_value['participant_type_id'] }}"><i class=""></i>@lang('global.delete')</a>
											</td>
										</tr>
										@endforeach
										@endforeach
									@endif
								</tbody>
							</table>
							</div>
						</div>
						@endforeach
					@else
						<h3>@lang('dashboard.no_exhibitor_booth')</h3>
					@endif
				</div>
			</div>
		</div>
	</div>
</div>

{{-- Popup model --}}
<div class="modal fade" id="booth_modal" tabindex="-1">
	<form action="/dashboard/{{$attendee['result']['event_id']}}/booth" method="POST">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title">@lang('dashboard.create_exhibition_booth')</h4>
				</div>

				<div class="modal-body">
					<div class="form-group">
						<label class="control-label" for="name">@lang('global.name')</label>
						<input type="text" id="name" name="name" placeholder="@lang('global.name')" class="form-control" required/>
					</div>

					<div class="form-group">
						<label class="control-label" for="code">@lang('dashboard.booth_code')</label>
						<input type="text" id="code" name="code" placeholder="Booth Code (Optional)" minlength="6" class="form-control"/>
					</div>

					<div class="form-group">
						<label class="control-label" for="quota">@lang('dashboard.remaning_quota')</label>
						<input type="number" id="quota" name="remaining_exhibitor_quota" placeholder="Remaning Quota" class="form-control" min="1" max="" value="0"/>
					</div>
				</div>

				<div class="modal-footer">
					<input type="hidden" name="_token" value="{{ csrf_token() }}">
					<input type="hidden" name="parent" value="">
					<button type="submit" class="btn btn-success">@lang('global.save')</button>
					<button type="button" class="btn btn-white" data-dismiss="modal">@lang('global.close')</button>
				</div>
			</div>
		</div>
	</form>
</div>

<div class="modal fade" id="assign_badge_allotment_co_modal" tabindex="-1" style="">
	<form action="" method="PUT">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h4 class="modal-title"></h4>
			</div>

			<div class="modal-body">
				<div class="form-group">
					<label class="control-label" for="quota">@lang('dashboard.assign_quota')</label>
					<select name="main_assign_to_coexh_quota" class="form-control main_assign_to_co" required>
						<option value="">@lang('global.none')</option>
					</select>
				</div>
			</div>

			<div class="modal-footer">
				<input type="hidden" name="_token" value="{{ csrf_token() }}">
				<button type="submit" class="btn btn-success">@lang('global.save')</button>
				<button type="button" class="btn btn-white" data-dismiss="modal">@lang('global.close')</button>
			</div>
		</div>
	</div>
	</form>
</div>

<div class="modal fade" id="co_ex_modal" tabindex="-1">
	<form action="/dashboard/{{$attendee['result']['event_id']}}/exhibitor" method="POST">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title">@lang('dashboard.add_new') {{ ($GLOBALS['project_app']['result']['business_matching'] == 1) ? \Lang::get('dashboard.co') : '' }}@lang('dashboard.exhibitor_badges_information')</h4>
				</div>

				<div class="modal-body">
					<div class="form-group">
						<label class="control-label" for="co_email">@lang('global.email') <span style="color: red;">*</span></label>
						<input type="text" id="co_email" name="co_email" placeholder="@lang('global.email')" class="form-control" required/>
					</div>

					<div class="form-group">
						<label class="control-label" for="co_name">@lang('global.first_name') <span style="color: red;">*</span></label>
						<input type="text" id="first_name" name="first_name" placeholder="@lang('global.first_name')" class="form-control" required/>
					</div>

					<div class="form-group">
						<label class="control-label" for="co_name">@lang('global.last_name') <span style="color: red;">*</span></label>
						<input type="text" id="last_name" name="last_name" placeholder="@lang('global.last_name')" class="form-control" required/>
					</div>

					<div class="form-group">
						<label class="control-label" for="co_name">@lang('global.company_name') <span style="color: red;">*</span></label>
						<input type="text" id="co_company" name="co_company" placeholder="(E.g. Messe Berlin (Singapore) Pte Ltd)" class="form-control" required/>
					</div>

					<div class="form-group">
						<label class="control-label" for="co_position">@lang('global.job_title') <span style="color: red;">*</span></label>
						<input type="text" id="co_position" name="co_position" placeholder="(E.g. Manager)" class="form-control" required/>
					</div>

					<div class="form-group">
						<div class="form-group">
							<label class="control-label" for="co_country">@lang('global.country') <span style="color: red;">*</span></label>
							<select name="co_country" class="form-control" required>
								<option value="">@lang('global.none')</option>
								@if($country['status'] == 200)
								@foreach($country['result'] as $country)
								<option value="{{ $country['iso'] }}">{{ $country['nicename'] }}</option>
								@endforeach
								@endif
							</select>
						</div>
					</div>
				</div>

				<div class="modal-footer">
					<input type="hidden" name="_token" value="{{ csrf_token() }}">
					<button type="submit" id="submit_coexh" class="btn btn-success">@lang('global.save')</button>
					<input type="hidden" name="booth_id" value="">
					<button type="button" class="btn btn-white" data-dismiss="modal">@lang('global.close')</button>
				</div>
			</div>
		</div>
	</form>
</div>

<div class="modal fade" id="delete_co_exh" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">@lang('global.sure_to_delete') <b id="del_co_exh_name"></b>?</h4>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-white" data-delete-id>@lang('global.yes')</button>
                <button type="button" class="btn btn-white" data-dismiss="modal">@lang('global.no')</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="participant_modal" tabindex="-1">
	<form action="/participant_type" method="POST">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title">@lang('dashboard.assign_participant_type')</h4>
				</div>

				<div class="modal-body">
					<div class="form-group">
						<label class="control-label" for="quota">@lang('dashboard.remaning_quota')</label>
						<select name="participant_type" class="form-control reamain_quota">
							<option value="">@lang('global.none')</option>
						</select>
					</div>

					@if($GLOBALS['project_app']['result']['business_matching'] == 1)
					@php
						$date_now 	= date("Y-m-d H:i:s");
						$start_date = '2018-05-17 09:00:00';
						$end_date 	= '2018-09-17 09:00:00';
						$div_style  = '';

						$check_psa_setting = array_search(1, array_column($event['result']['event_business_matching_setting'], 'business_matching_type_id'));

						if($check_psa_setting !== false){
							$start_date = $event['result']['event_business_matching_setting'][$check_psa_setting]['from_datetime'];
							$end_date   = $event['result']['event_business_matching_setting'][$check_psa_setting]['to_datetime'];
						}

						if(strtotime($date_now) > strtotime($start_date) && strtotime($date_now) < strtotime($end_date)){
							$div_style	  = "display: block;";
						}
						else{
							$div_style    = "display: none;";
						}
					@endphp
					<div style="{{ $div_style  }}">
						<div class="form-group lunch_shedule_div" style="display: none;">
							<label class="control-label" for="lunch">@lang('dashboard.indicate_schedule')</label>
							<select name="lunch_block" class="form-control" id="lunch_block_select">
								<option value="">@lang('global.none')</option>
								<option value="0">@lang('global.no')</option>
								<option value="1">@lang('global.yes')</option>
							</select>
						</div>
					</div>
					@else
					<input type="hidden" name="lunch_block" value="0">
					@endif
				</div>

				<div class="modal-footer">
					<input type="hidden" name="_token" value="{{ csrf_token() }}">
					<input type="hidden" name="participant_id" value="">
					<input type="hidden" name="attendee_id" value="">
					<input type="hidden" name="event" value="">
					<input type="hidden" name="booth" value="">
					<button type="submit" class="btn btn-success">@lang('global.save')</button>
					<button type="button" class="btn btn-white" data-dismiss="modal">@lang('global.close')</button>
				</div>
			</div>
		</div>
	</form>
</div>

<div class="modal fade" id="badge_modal" tabindex="-1">
	<form action="/participant_type" method="PUT">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title">@lang('dashboard.assign_badge')</h4>
				</div>

				<div class="modal-body">
					<div class="form-group">
						<label class="control-label" for="quota">@lang('dashboard.assign_badge')</label>
						<select name="exhibitor_badge" class="form-control" required>
							<option value="">@lang('global.none')</option>
							<option value="0">@lang('global.no')</option>
							<option value="1">@lang('global.yes')</option>
						</select>
					</div>
				</div>

				<div class="modal-footer">
					<input type="hidden" name="_token" value="{{ csrf_token() }}">
					<input type="hidden" name="attendee_id" value="">
					<input type="hidden" name="event" value="">
					<input type="hidden" name="booth" value="">
					<button type="submit" class="btn btn-success">@lang('global.save')</button>
					<button type="button" class="btn btn-white" data-dismiss="modal">@lang('global.close')</button>
				</div>
			</div>
		</div>
	</form>
</div>

<div class="modal fade" id="group_att_modal" tabindex="-1">
	<div class="modal-dialog modal-lg" style="width: 95%;">
		<div class="modal-content">
			<div class="modal-header">
				<button class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h4 class="modal-title">@lang('dashboard.edit_exhibitor_profile')</h4>
			</div>
			<div class="modal-body" style="margin-bottom: 5%;">
			</div>
		</div>
	</div>
</div>

@stop

@section('javascript')
<script src="{{ URL::asset('public/js/raphael.min.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('public/js/selectivizr-min.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('public/js/jquery.mousewheel.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('public/js/jquery.bootstrap.wizard.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('public/js/excanvas.min.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('public/js/jquery.isotope.min.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('public/js/isotope_extras.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('public/js/isotope_extras.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('public/js/modernizr.custom.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('public/js/jquery.fancybox.min.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('public/js/select2.full.min.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('public/js/skycons.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('public/js/jquery.fitvids.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('public/js/dashboard.js') }}" type="text/javascript"></script>

<script type="text/javascript">
	{{-- Reset Click Jquery --}}
	$("body").unbind();

	var email_regex = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,12})?$/;
	var event_code = "{{$attendee['result']['event_id']}}";
	var csrf_token = "{{ csrf_token() }}";
	var form_submission_id = "";
	profile_init();

	$('[data-toggle="tooltip"]').tooltip();

	$('#invited_co_exh').dataTable({
		"bStateSave": true,
		"scrollX": true,
		"order": [[ 0, "asc" ]],
		"dom": '<"pull-left"f><"pull-right"l>tip'
	});

	$("body").on("click", "[data-assign-altm-co-id]", function(){
		var main_booth_id = $(this).data('assign-altm-main-id');
		var co_booth_id = $(this).data('assign-altm-co-id');
		var event_id = "{{$attendee['result']['event_id']}}";
		$.ajax({
			type: 'GET',
			url: '/dashboard/' + event_id + '/' + main_booth_id + '/assign_badge_to_co',
			beforeSend: function(){
            	$('.loading').css('display', '');
            },
			success:function(data){
				$('.loading').css('display', 'none');
				if(data.status == 200){
					$('#assign_badge_allotment_co_modal').find('form').attr('action', '/dashboard/' + event_id + '/' + co_booth_id + '/assign_badge_to_co');
					var assign_html = "<option value=''>@lang('global.none')</option>";
					for (i = 1; i <= data.result['remaining_exhibitor_quota']; i++) { 
						assign_html += "<option value='"+(main_booth_id == co_booth_id ? -i : i)+"'>"+i+"</option>";
					}
					if(main_booth_id == co_booth_id){
						$('#assign_badge_allotment_co_modal .modal-title').text("@lang('dashboard.assign_allotment_main_exhibitor')");
					}
					else{
						$('#assign_badge_allotment_co_modal .modal-title').text("@lang('dashboard.assign_main_exhibitor_badges')" + " {{ ($GLOBALS['project_app']['result']['business_matching'] == 1) ? \Lang::get('dashboard.co') : '' }}@lang('global.exhibitor')");
					}
					$('#assign_badge_allotment_co_modal').find('.main_assign_to_co').html(assign_html);
					$('#assign_badge_allotment_co_modal').modal('show', {backdrop: 'static'});                
				}
			}
		});
		return false;
	});


	$("body").on("click", "[data-participant-assign-booth-id]", function(){
		var main_booth_id = $(this).data('participant-assign-booth-id');
		var attendee_id = $(this).data('participant-assign-attendee-id');
		var event_id = "{{$attendee['result']['event_id']}}";

		if(confirm('@lang("dashboard.confirm_assign")')){
			$.ajax({
				type: 'PUT',
				url: '/dashboard/' + event_id + '/' + main_booth_id + '/' + attendee_id  + '/assign_participant_to_co',
				data: {
					_token: "{{ csrf_token() }}"
				},
				beforeSend: function(){
	            	$('.loading').css('display', '');
	            },
				success:function(data){
					$('.loading').css('display', 'none');
					if(data.status == 200){
						notification("@lang('dashboard.success_assign')", "Success");
						window.location.reload();
					}
				}
			});
		}
		return false;
	});


	$("body").on("click", "[data-main-booth]", function(){
		$('#booth_modal').modal('show', {backdrop: 'static'});
		$('#booth_modal').find('input[name="remaining_exhibitor_quota"]').attr('max', $(this).data('main-booth-quota'));
		$('#booth_modal').find('input[name="parent"]').val($(this).data('main-booth'));
		return false;
	});

	$("body").on("click", "[data-booth-id]", function(){
		$('#co_ex_modal').modal('show', {backdrop: 'static'});
		$('#co_ex_modal').find('input[name="booth_id"]').val($(this).data('booth-id'));
		return false;
	});

	$("body").on("click", "[data-participant-attendee-id]", function(){
		var target = $(this);
		var booth_id = $(this).data('participant-booth-id');
		var event_id = "{{$attendee['result']['event_id']}}";
		var attendee_id = target.data('participant-attendee-id');

		$.ajax({
            type: 'GET',
            url: '/participant_type/'+event_id+'/booth/'+booth_id+'/'+attendee_id,
            beforeSend: function(){
            	$('.loading').css('display', '');
            },
            success:function(data){
            	$('.loading').css('display', 'none');
            	if(data.status == 200){
            		$('#participant_modal').modal('show', {backdrop: 'static'});
            		$('#participant_modal').find('input[name="attendee_id"]').val(attendee_id);
            		$('#participant_modal').find('input[name="participant_id"]').val(target.data('participant-type-id'));
            		$('#participant_modal').find('input[name="booth"]').val(booth_id);
            		$('#participant_modal').find('input[name="event"]').val(event_id);

            		if(data.result['participant_type_data']){
            			$(".lunch_shedule_div").show();
            			if(data.result['participant_type_data']['lunch_block'] != null){
            				$('#lunch_block_select').val(data.result['participant_type_data']['lunch_block']);
            			}
            			else{
            				$('#lunch_block_select').val('');
            			}
            		}
            		else{
            			$(".lunch_shedule_div").hide();
            		}

            		var html = "<option value=''>@lang('global.none')</option>";
            		$.each(data.result['participant_type_quota'], function(key, value){
            			if(data.result['participant_type_data']){
	            			if(value['participant_type_id'] == data.result['participant_type_data']['participant_type_id']){
	            				html += "<option value='"+value['participant_type_id']+"' selected>"+value['name']+"</option>";
	            			}
	            			else{
		            			html += "<option value='"+value['participant_type_id']+"'>"+value['name']+"</option>";
	            			}
            			}
            			else{
            				html += "<option value='"+value['participant_type_id']+"'>"+value['name']+"</option>";
            			}
            		});
            		$('#participant_modal').find('.reamain_quota').html(html);
            	}
            },
            error: function(){
            	$('.loading').css('display', 'none');
            }
        });
		return false;
	});

	$("body").on("change", ".reamain_quota", function(){
		if($(this).val() != ''){
			$(".lunch_shedule_div").show();
			// $("#lunch_block_select").prop("required",true);
			$('#lunch_block_select').val('');
		}
		else{
			// $("#lunch_block_select").removeAttr("required");
			$(".lunch_shedule_div").hide();
		}
	});


	$("body").on("click", "[data-allotment-attendee-id]", function(){
		var target = $(this);
		var booth_id = $(this).data('allotment-booth-id');
		var event_id = "{{$attendee['result']['event_id']}}";

		
		$('#badge_modal').modal('show', {backdrop: 'static'});
		$('#badge_modal').find('input[name="attendee_id"]').val(target.data('allotment-attendee-id'));
		$('#badge_modal').find('input[name="booth"]').val(booth_id);
		$('#badge_modal').find('input[name="event"]').val(event_id);
            	
		return false;
	});

	$("body").on('blur', '#co_email', function(){
		var email = $(this).val();
		$(this).parent().removeClass('has-error');
		$('#submit_coexh').prop('disabled', false);

		if(!email_regex.test(email)){
			notification("@lang('global.enter_valid_email')", "Danger");
			$(this).parent().addClass('has-error');
			$('#submit_coexh').prop('disabled', true);
			return false;
		}
	});

	$("body").on("click", "[data-attendee-id]", function(){
		var attendee_id 	= $(this).data('attendee-id');
		var event_id 		= "{{$attendee['result']['event_id']}}";
		var main_exh_name 	= "{{$attendee['result']['user_name']}}";
		var co_exh_name 	= $(this).data('coexh-name');
		if(!confirm("Send invitation email to "+co_exh_name+"? ")){
			return false;
		}
		$.ajax({
			type: 'POST',
			data: {
            	_token: "{{ csrf_token() }}"
            },
			url: '/dashboard/' + event_id + '/' + attendee_id + '/send_invite',
			success:function(data){
				if(data.status == 200){
					notification(co_exh_name +" @lang('dashboard.has_been_invited') "+main_exh_name+" @lang('dashboard.to_register_as_a') {{ ($GLOBALS['project_app']['result']['business_matching'] == 1) ? \Lang::get('dashboard.co') : '' }}@lang('global.exhibitor').", "Success");
				}else{
					notification("[error_perform]", "Danger");
				}
			}
		});
	});

	//checkbox alert
	$("body").on("click", ".max_alrt", function(){
		var max_number 			= $(this).attr('maximum');
		var check_box_group_id  = $(this).data('field-id');
		var max_alrt_message    = $(this).attr('maximumalertmessage');
		var parent_stepwizard   = $(this).parents('.page-form');
		var count_checked       = parent_stepwizard.find("input[data-field-id='"+ check_box_group_id +"']:checked").length;
		if(parseInt(count_checked) > parseInt(max_number)){
			if(max_alrt_message.length > 0){
				if($(this).is(':checked')){
					alert(max_alrt_message);
				}
			}
			$(this).prop('checked', false);
		}
	});

	
	$("body").on("click", "[data-del-attendee-id]", function(){
		var attendee_id 	= $(this).data('del-attendee-id');
		var del_coexh_name  = $(this).data('del-coexh-name');
		var ptype_id 		= $(this).data('del-pt-id');

		$('#delete_co_exh').modal('show', {backdrop: 'static'});
		$('#del_co_exh_name').html(del_coexh_name);
		$('#delete_co_exh .modal-footer button[data-delete-id]').attr("data-delete-id", attendee_id);
		$('#delete_co_exh .modal-footer button[data-delete-id]').attr("data-pt-id", ptype_id);
		return false;
	});

	$('#delete_co_exh .modal-footer button[data-delete-id]').on("click", function(){
		var del_attendee_id = $(this).data('delete-id').toString();
		var event_id 		= "{{$attendee['result']['event_id']}}";
		var pt_id 		    = $(this).data('pt-id').toString();

		$.ajax({
			type: 'DELETE',
			url: '/dashboard/' + event_id + '/exhibitor/' + del_attendee_id,
			data:{
				_token: "{{ csrf_token() }}",
				"pt_id": pt_id
			},
			success:function(data){
				$("#delete").modal('toggle');
				if(data.status == 200){
					notification("{{ ($GLOBALS['project_app']['result']['business_matching'] == 1) ? \Lang::get('dashboard.co') : '' }}@lang('dashboard.exhibitor_successfully_deleted')", "Success");
					window.location.reload();
				}else{
					notification("[error_perform]", "Danger");
				}
			},
			error: function(xhr, exception){
				$("#delete").modal('toggle');

				if(xhr.status == 401){
					notification("@lang('global.401_error')", "Danger");
				}else{
					notification("[error_perform]", "Danger");
				}
			}
		});
        return false;
	});
</script>
@stop