@extends('layouts.master')

@push('page-style')
<link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.css" rel="stylesheet">
<style>
.btn-default {
	background-color: #1e8ad2;
	border-color: #1e8ad2;
}
.loader {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: rgba(60, 60, 60, 0.5);
}
.gutter-xs{
	overflow: auto;
}


 .modal-backdrop, .modal-backdrop.in{
  display: none;
}

.modal-dialog{
	 top: 35%;
}

</style>
@endpush
@section('page-content')
{{-- {{dd($events)}} --}}
<div class="row gutter-xs">
	<h1 class="title-bar-title" style="margin-bottom: 20px">
		<span class="d-ib">Edit Event</span>
	</h1>
	<form name="addevent" id="addeventform" action="javascript:;" enctype="multipart/form-data" method="post" accept-charset="utf-8">
	<div class="loader">
		<div class="spinner spinner-primary spinner-lg"></div>
	</div>
	<div class="col-md-8">
		<div class="card">
			<div class="card-header no-border">
	<input id="name" type="text" name="" placeholder="Enter Event Name" class="form-control" value="{{$events['name']}}">
			</div>
		</div>
		<div class="card">
			<div class="card-body">
				<div class="row">
					<div class="col-sm-3">
						<h4>Select Regions</h4>
					</div>
					<div class="col-sm-9">
		<select id="region_select" class="form-control select" multiple="">
					    @foreach ($region as $key => $region)

				@if(in_array($region->name, $events['region_array']))

	            <option value="{{ $region->id }}" data-nomember="{{sizeof(json_decode($region->members))}}" selected="selected">{{ $region->name }}</option>

				@else

				<option value="{{ $region->id }}" data-nomember="{{sizeof(json_decode($region->members))}}" >{{ $region->name }}</option>

				@endif

	        @endforeach
		</select>
					</div>
				</div>
				<br/>
				<div class="table-responsive">
					<table class="table table-striped table-bordered" >
						<thead class="bg-primary">
							<tr>
								<th>#</th>
								<th>Region</th>
								<th>Total Members</th>
							</tr>
						</thead>
						<tbody id="region_table">
							@foreach ($region_copy as $key5 => $temp)

								@if(in_array($temp->name, $events['region_array']))

									 <tr>
										 <td>{{$key5+1}}</td>
										 <td>{{$temp->name}}</td>
										 <td>{{sizeof(json_decode($temp->members))}}</td>
									 </tr>

								@endif

							@endforeach
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<div class="card">
			<div class="card-body">
				<div class="row">
					<div class="col-sm-5">
						<h4>Choose Sponsered Samitis</h4>
					</div>
					<div class="col-sm-7">
															
				@if( $samititemp[0] == "All Samiti")
				
				<select id="samiti_select" class="form-control select" multiple="">
				<option value="All Samiti" data-nomember="All Samiti">All Samiti
	            </option>
		   		<option value="{{ $samititemp[0] }}" data-nomember="{{0}}" selected="selected">{{ $samititemp[0] }}
		            </option>
		            @foreach ($samiti as $key => $samiti1)

						@if(in_array($samiti1->name, $events['samiti_array']))

						<option value="{{ $samiti1->id }}" data-nomember="{{$samiti1->members_no}}" selected="selected">{{ $samiti1->name }}
				            </option>

						@else

						<option value="{{ $samiti1->id }}" data-nomember="{{$samiti1->members_no}}">{{ $samiti1->name }}
				            </option>

						@endif


			        @endforeach
			       
				</select>
				@else

					<select id="samiti_select" class="form-control select" multiple="">
							<option value="All Samiti" data-nomember="All Samiti">All Samiti
	            </option>
						
				@foreach ($samiti as $key => $samiti1)

						@if(in_array($samiti1->name, $events['samiti_array']))

						<option value="{{ $samiti1->id }}" data-nomember="{{$samiti1->members_no}}" selected="selected">{{ $samiti1->name }}
				            </option>

						@else

						<option value="{{ $samiti1->id }}" data-nomember="{{$samiti1->members_no}}">{{ $samiti1->name }}
				            </option>

						@endif


			        @endforeach
			        </select>
			@endif
					</div>
				</div>
				<br/>
				<div class="table-responsive">
					<table class="table table-striped table-bordered">
						<thead class="bg-primary">
							<tr>
								<th>#</th>
								<th>Committee</th>
								<th>Total Members</th>
							</tr>
						</thead>
						<tbody id="samiti_table">
							<tr>
										 <td>1</td>
										 <td>Commitee Name</td>
										 <td>10</td>
									 </tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<div class="card">
			<div class="card-header no-border">
				<div class="row">
					<div class="col-sm-10">
						<h4>
							Sponsership Plan
						</h4>
					</div>
					<div class="col-sm-2">
						<button class="btn btn-primary btn-sm Add_More_Plan" type="button" title="Add More Date & Time" tooltip data-placement="bottom">
							<i class="icon icon-plus-circle"></i>
						</button>
					</div>
				</div>
			</div>

			
			<div class="card-body">

				@foreach ($sponsorship_array as $key => $items)

                    @if ($key > 0)
						<div class="Appended_Plan_container">
						<hr/>
						<button class="btn btn-sm btn-danger m-y-sm pull-right Remove_Appended_Plan_container" title="Remove Date and Time" tooltip>
						<i class="icon icon-times-circle"></i>
						</button>
						<div class="clearfix"></div>
                    @endif

					<div class="row sponsorship">
						<div class="col-sm-6">
							<div class="form-group">
								<label for="" class="control-label">Name</label>
								<input class="form-control name" type="text" value="{{$items['name']}}">
							</div>
							<div class="form-group">
								<label for="" class="control-label">Price</label>
								<input class="form-control price" type="number" min="0"  value="{{$items['price']}}">
							</div>
						</div>
						<div class="col-sm-6">
							<div class="form-group">
								<label for="" class="control-label">Description</label>
								<textarea class="form-control description" rows="5" placeholder="Description">{{$items['description']}}</textarea>
							</div>
						</div>
					</div>

					@if ($key > 0)
						</div>
                    @endif

				@endforeach

				<div  class="Append_More_Plan_container"></div>

			</div>
		</div>
		<div class="card">
			<div class="card-body">
				<textarea id="summernote" name="editordata">{{$events['description']}}</textarea>
			</div>
		</div>
	</div>

	{{-- end of col-xs-8 --}}
	{{--  --}}
	
	<div class="col-sm-4">
		<div class="card">
			<div class="card-header no-border">
				<div class="row">
					<div class="col-sm-10">
						<h4>
							<i class="icon icon-calendar text-primary"></i> Event Date And Time
						</h4>
					</div>
					<!-- <div class="col-sm-2">
						<button class="btn btn-primary btn-sm Add_More_DT" type="button" title="Add More Date & Time" tooltip data-placement="bottom">
							<i class="icon icon-plus-circle"></i>
						</button>
					</div> -->
				</div>
			</div>


			
			<div class="card-body">
				<div class="datetime">
				<div class="row">
					<div class="form-group">
						<label for="" class="col-sm-2 control-label">From Date:</label>
						<div class="col-sm-5">
							<div class="input-with-icon">
								
								<input class="form-control input-sm start_date" type="date"  name="start_date" value="{{$events['start_date']}}">
								<span class="icon icon-calendar input-icon"></span>
							</div>
						</div>
						<div class="col-sm-5">
							<div class="input-with-icon">
								<input class="form-control timepicker input-sm start_time" type="text" name="start_time"  value="{{$events['start_time']}}"  required>
								<span class="icon icon-clock-o input-icon"></span>
							</div>
						</div>
					</div>
				</div>
				<br/>
				<div class="row">
					<div class="form-group">
						<label for="" class="col-sm-2 control-label">To Date:</label>
						<div class="col-sm-5">
							<div class="input-with-icon">
								
								<input class="form-control input-sm end_date" type="date" name="end_date" value="{{$events['end_date']}}" >
								<span class="icon icon-calendar input-icon"></span>
							</div>
						</div>
						<div class="col-sm-5">
							<div class="input-with-icon">
								<input class="form-control timepicker input-sm end_time" type="text" name="end_time" value="{{$events['end_time']}}" required>
								<span class="icon icon-clock-o input-icon"></span>
							</div>
						</div>
					</div>
				</div>
				</div>
				<div  class="Append_More_DT_container"></div>

			</div>

		</div>

		<div class="card">
			<div class="card-header bg-primary">
				<strong>Feature Image</strong>
			</div>
			<div class="card-body">