@extends('layouts.webmaster')
@push('page-style')
<style type="text/css">
	.text-danger { color: #f50500 }
	/*loader css by nandu*/
	#wait{	
		position: fixed;
		top: 0;
		z-index: 100;
		width: 100%;
		height:100%;
		display: none;
		background: rgba(0,0,0,0.6);
	}
	.cv-spinner {
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;  
	}
	.spinner {
		width: 40px;
		height: 40px;
		border: 4px #ddd solid;
		border-top: 4px #2e93e6 solid;
		border-radius: 50%;
		animation: sp-anime 0.8s infinite linear;
	}
	.mt-50{
		margin-top: 50px;
	}
	.mb-50{
		margin-bottom: 50px;
	}
	@keyframes sp-anime {
		100% { 
			transform: rotate(360deg); 
		}
	}
	.is-hide{
		display:none;
	}
</style>
<link rel="stylesheet" href="{{ asset('www/css/datepicker.css') }}" >
@endpush

@section('page-content')

<!-- loader by Nandu -->
<div id="wait">
	<div class="cv-spinner">
		<span class="spinner"></span>
	</div>
</div>
<section class="page_breadcrumbs ds background_cover  ">
	<div class="container">
		<div class="row">
			<div class="col-sm-12 text-center">
				<ol class="breadcrumb greylinks">
					<li> <a href="{{route('website')}}">
						Home
					</a> </li>
					<li class="active">Event attendence</li>
				</ol>
			</div>
		</div>
	</div>
</section>

<section class="mt-50">
	<div class="container">
		@if( Session::has('success'))
		<div class="alert alert-success alert-dismissible">
			<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
			<strong>Welcome to {{$Name}} </strong>
		</div>
		@endif

		@if( Session::has('error'))
		<div class="alert alert-success alert-dismissible">
			<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
			<strong>Error in attendence</strong>
		</div>
		@endif

		<div class="row registration-form">
			<form class="" method="post" action="{{ url('phone_store') }}" onsubmit="return check_no();">
				{{ csrf_field() }}
				<div id="faq-accordion" class="panel-group collapse-unstyled">
					<div class="panel">
						<div class="regi-head">
							<a data-toggle="collapse" id="faq-accordion" data-parent="#faq-accordion" href="#faq-collapse1" class="collapsed"><h5>Event Attendence</h5></a>
						</div>
						<div id="faq-collapse1" class="panel-collapse collapse">
							<div class="panel-content">
								<div class="regi-input">
									<div class="col-sm-4 col-sm-offset-3 mt-50 mb-50">
										<div class="form-group">
											<label for="proposer">Enter Your Mobile Number :</label>
											<div class="form-group">
												<input name="phone_number" class="form-control" type="number" required="">
												<input type="hidden" name="eventID" id="eventID" value="{{$eventID}}">

											</div>

										</div>
										<button type="submit" class="theme_button color2 margin_0 text-center">
											Submit <i class="fa fa-paper-plane"></i>
										</button>
									</div>
								</div>
							</div>	
						</div>		
					</div>				
				</div>

			</form>
		</div>
	</div>	
</section>
@endsection
@push('page-script')
<script src="{{ asset('www/js/datepicker.js') }}"></script>
@endpush