@extends('admin.layouts.master')
@section('content')

@if(Request::segment(1)==='add-area')
@elseif(Request::segment(1)==='edit-area')
@endif

@if(Request::segment(1)==='add-area')

<div class="side-app">
	<div class="page-header">
		<h4 class="page-title">{{__('translate.manage_area')}}</h4>
		<ol class="breadcrumb">
			<li class="breadcrumb-item"><a href="{{route('area')}}">{{__('translate.manage_area')}}</a></li>
			<li class="breadcrumb-item active" aria-current="page">{{__('translate.manage_area')}}</li>
		</ol>
	</div>
	<div class="row">
		<div class="col-md-12">
			<div class="card">
				<div class="card-header">
					<h3 class="mb-0 card-title">{{__('translate.manage_area')}}</h3>
					<div class="card-options">
						<a class="btn btn-md btn-primary" href="{{route('area')}}">{{__('translate.cancel_button')}}</a>
					</div>
				</div>
				<div class="card-body">
				<form action="{{ route('save-area') }}" enctype="multipart/form-data" method="post">
						@csrf
						<div class="row">
							<div class="col-md-6">
								<div class="form-group">
									{!! Form::label('name', trans('translate.Vidhansabha_Mondal_title')) !!}
									{!! Form::select('vidhanshabha_id', $vidhanshabhaData,  '', ['class'=>'form-control','placeholder' =>'--Select vidhanshabha--',]) !!}
									@if ($errors->has('vidhanshabha_id'))
								        <span class="text-danger">{{ $errors->first('vidhanshabha_id') }}</span>
								    @endif
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									{!! Form::label('name', trans('translate.manage_area_title')) !!}
									{!! Form::text('area', '', ['class' => 'form-control','placeholder' => 'Enter Area']) !!}
									@if ($errors->has('area'))
	                                    <span class="text-danger">{{ $errors->first('area') }}</span>
	                                @endif
								</div>
							</div>
							<div class="col-md-12">
								<button type="submit" class="btn btn-primary save-btn">{{__('translate.save_button')}}</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>

@elseif(Request::segment(1)==='edit-area')
<div class="side-app">
	<div class="page-header">
		<h4 class="page-title">{{__('translate.manage_area')}}</h4>
		<ol class="breadcrumb">
			<li class="breadcrumb-item"><a href="{{route('area')}}">{{__('translate.manage_area')}}</a></li>
			<li class="breadcrumb-item active" aria-current="page">{{__('translate.manage_area')}}</li>
		</ol>
	</div>
	<div class="row">
		<div class="col-md-12">
			<div class="card">
				<div class="card-header">
					<h3 class="mb-0 card-title">{{__('translate.manage_area')}}</h3>
					<div class="card-options">
						<a class="btn btn-md btn-primary" href="{{route('area')}}">{{__('translate.cancel_button')}}</a>
					</div>
				</div>
				<div class="card-body">
				<form action="{{ route('save-area') }}" enctype="multipart/form-data" method="post">
					@csrf
					{!! Form::hidden('id',$id, ['class' => 'form-control']) !!}
					<div class="row">
						<div class="col-md-6">
						<div class="form-group">
							{!! Form::label('name', trans('translate.manage_area_title')) !!}
							{!! Form::select('vidhanshabha_id', $vidhanshabhaData,  $vidhanshabha_id, ['class'=>'form-control','placeholder' =>'--Select vidhanshabha--',]) !!}
							@if ($errors->has('vidhanshabha_id'))
						        <span class="text-danger">{{ $errors->first('vidhanshabha_id') }}</span>
						    @endif
						</div>
					</div>
						<div class="col-md-6">
							<div class="form-group">
								{!! Form::label('name', 'vard/panchayat *') !!}
								{!! Form::text('area', $area, ['class' => 'form-control','placeholder' => 'Enter Area']) !!}
								@if ($errors->has('area'))
                                    <span class="text-danger">{{ $errors->first('area') }}</span>
                                @endif
							</div>
						</div>
						<div class="col-md-12">
							<button type="submit" class="btn btn-primary save-btn">{{__('translate.save_button')}}</button>
						</div>
					</div>
				</form>
				</div>
			</div>
		</div>
	</div>
</div>
@else

<div class="side-app">
	<div class="page-header">
		<h4 class="page-title">{{__('translate.manage_area')}}</h4>
		<ol class="breadcrumb">
			<li class="breadcrumb-item"><a href="#">{{__('translate.manage_area')}}</a></li>
			<li class="breadcrumb-item active" aria-current="page">{{__('translate.manage_area')}}</li>
		</ol>
	</div>
	<div class="row">
		<div class="col-md-12 col-lg-12">
			<div class="card">
				<div class="card-header">
					<div class="card-title">{{__('translate.manage_area')}}</div>
					<div class="card-options">
						<a class="btn btn-md btn-primary" href="{{route('add-area')}}">{{__('translate.add_button')}}</a>
					</div>
				</div>
				<div class="card-body">
					@if($message = Session::get('success'))
						<div class="alert alert-success alert-block">
							<button type="button" class="close" data-dismiss="alert">×</button>
							<p>{{ $message }}</p>
						</div>
					@endif
					<div class="table-responsive">
						<table id="records" class="table table-striped table-bordered w-100">
							<thead>
								<tr>
									<th class="wd-15p">S No.</th>
									<th class="wd-15p">{{__('translate.Vidhansabha_Mondal_title')}}</th>
									<th class="wd-15p">{{__('translate.manage_area_title')}}</th>
									<th class="wd-25p">{{__('translate.action')}}</th>
								</tr>
							</thead>
						</table>
					</div>
				</div>
				<!-- table-wrapper -->
			</div>
			<!-- section-wrapper -->
		</div>
	</div>
</div>


@endif
@endsection

@section('after-scripts')

<script type="text/javascript">
	$(document).ready(function() {
		oTable = $('#records').DataTable({
			"processing": true,
			"serverSide": true,
			ajax: {
				url: '{{ route('area-list') }}',
			},
			"columns": [

			{data: 'sn', name: 'sn'},
			{data: 'vidhanshabha_id', name: 'vidhanshabha_id'},
			{data: 'area', name: 'area'},
			{data: 'action', name: 'action',className:'noPrint', orderable: false},

			]
		});
	});
</script>
@endsection