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

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

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

<div class="side-app">
	<div class="page-header">
		<h4 class="page-title">{{__('translate.members')}}</h4>
		<ol class="breadcrumb">
			<li class="breadcrumb-item"><a href="{{route('members')}}">{{__('translate.members')}}</a></li>
			<li class="breadcrumb-item active" aria-current="page">{{__('translate.members')}}</li>
		</ol>
	</div>
	<form action="{{ route('save-members') }}" enctype="multipart/form-data" method="post">
	@csrf
	<div class="row">
		<div class="col-md-9">
			<div class="card">
				<div class="card-body">
					@if ($message = Session::get('success'))
						<div class="alert alert-success alert-dismissible">
							<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
							<strong>Success!</strong> {{ $message }}
						</div>
					@endif
						<div class="row">
							<div class="col-md-6">
								<div class="form-group">
									{!! Form::label('name', trans('translate.member_type')) !!}
									<select name ="member_type" id="member_type" class="form-control" required>
										<option value="1" selected >सदस्य</option>
										<option value="2" >बीजेपी प्रदेश पदाधिकारी</option>
										<option value="3">बीजेपी राष्ट्रीय प्रदेश पदाधिकारी</option>
										<option value="4" >बीजेपी विधायक</option>
										<option value="5" >कांग्रेस विधायक</option>
										<option value="6" >डॉक्टर</option>
										<option value="7" >व्यपारिक संगठन</option>
										<option value="8" >सामाजिक संगठन</option>
										<option value="9" >शैक्षिक संगठन</option>
									</select>
									@if ($errors->has('member_type'))
								        <span class="text-danger">{{ $errors->first('member_type') }}</span>
								    @endif
								</div>
							</div>
							<div class="col-md-6 for-only-member">
								<div class="form-group">
									{!! Form::label('name', trans('translate.Vidhansabha_Mondal_title')) !!}
									{!! Form::select('vidhanshabha_id', $vidhanshabhaData,  '', ['id'=>'vidhanshabha_id','class'=>'form-control userinput','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 for-only-member">
								<div class="form-group">
									{!! Form::label('name', trans('translate.manage_area_title')) !!}
									{!! Form::select('area_id', $areaData,  '', ['id'=>'area_id','class'=>'form-control vard-box userinput','placeholder' =>'--Select Area--']) !!}
									@if ($errors->has('area_id'))
								        <span class="text-danger">{{ $errors->first('area_id') }}</span>
								    @endif
								</div>
							</div>
							<div class="col-md-6 for-only-member">
								<div class="form-group">
									{!! Form::label('name', trans('translate.manage_sub_area_title')) !!}
									{!! Form::select('sub_area_id', $subareaData,  '', ['class'=>'form-control village-box userinput','placeholder' =>'--Select Sub Area--']) !!}
									@if ($errors->has('sub_area_id'))
	                                    <span class="text-danger">{{ $errors->first('sub_area_id') }}</span>
	                                @endif
								</div>
							</div>
							<div class="col-md-6 for-only-member">
								<div class="form-group">
									{!! Form::label('name', trans('translate.poolingboothno')) !!}
									{!! Form::text('poolingboothno', '', ['class' => 'form-control userinput','placeholder' => '']) !!}
									@if ($errors->has('poolingboothno'))
	                                    <span class="text-danger">{{ $errors->first('poolingboothno') }}</span>
	                                @endif
								</div>
							</div>
							<div class="col-md-6 for-only-member">
								<div class="form-group">
									{!! Form::label('name', trans('translate.poolingbootharea')) !!}
									{!! Form::text('poolingbootharea', '', ['class' => 'form-control userinput','placeholder' => '']) !!}
									@if ($errors->has('poolingbootharea'))
	                                    <span class="text-danger">{{ $errors->first('poolingbootharea') }}</span>
	                                @endif
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									{!! Form::label('name', trans('translate.mrandmrs')) !!}
									{!! Form::text('mrandmrs', '', ['class' => 'form-control userinput','placeholder' => '']) !!}
									@if ($errors->has('mrandmrs'))
	                                    <span class="text-danger">{{ $errors->first('mrandmrs') }}</span>
	                                @endif
								</div>
							</div>
							<div class="col-md-6 for-only-member">
								<div class="form-group">
									{!! Form::label('name', trans('translate.husbandandwife')) !!}
									{!! Form::text('husbandandwife', '', ['class' => 'form-control userinput','placeholder' => '']) !!}
									@if ($errors->has('husbandandwife'))
	                                    <span class="text-danger">{{ $errors->first('husbandandwife') }}</span>
	                                @endif
								</div>
							</div>
							<div class="col-md-6 for-only-member">
								<div class="form-group">
									{!! Form::label('name', trans('translate.distic')) !!}
									{!! Form::text('distic', '', ['class' => 'form-control userinput','placeholder' => '']) !!}
									@if ($errors->has('distic'))
	                                    <span class="text-danger">{{ $errors->first('distic') }}</span>
	                                @endif
								</div>
							</div>
							<div class="col-md-6 for-only-member">
								<div class="form-group">
									{!! Form::label('name', trans('translate.address')) !!}
									{!! Form::textarea('address', '', ['class' => 'form-control userinput','placeholder' => '','rows' => 1, 'cols' => 10]) !!}
									@if ($errors->has('address'))
	                                    <span class="text-danger">{{ $errors->first('address') }}</span>
	                                @endif
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									{!! Form::label('name', trans('translate.post')) !!}
									{!! Form::text('post', '', ['class' => 'form-control userinput','placeholder' => '']) !!}
									@if ($errors->has('post'))
	                                    <span class="text-danger">{{ $errors->first('post') }}</span>
	                                @endif
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									{!! Form::label('name', trans('translate.dob')) !!}
									{!! Form::date('dob', '', ['class' => 'form-control userinput','placeholder' => '']) !!}
									@if ($errors->has('dob'))
	                                    <span class="text-danger">{{ $errors->first('dob') }}</span>
	                                @endif
								</div>
							</div>
							<div class="col-md-6 for-only-member">
								<div class="form-group">
									{!! Form::label('name', trans('translate.bloodgroup')) !!}
									{!! Form::select('bloodgroup', ['A+' => 'A+', 'B+' => 'B+','O+' => 'O+', 'AB+' => 'AB+','A-' => 'A-', 'B-' => 'B-','O-' => 'O-', 'AB-' => 'AB-'],  '', ['class'=>'form-control userinput','placeholder' =>'Blood Group',]) !!}

									@if ($errors->has('bloodgroup'))
	                                    <span class="text-danger">{{ $errors->first('bloodgroup') }}</span>
	                                @endif
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									{!! Form::label('name', trans('translate.mobileno')) !!}
									{!! Form::text('mobileno', '', ['class' => 'form-control userinput','placeholder' => '']) !!}
									@if ($errors->has('mobileno'))
	                                    <span class="text-danger">{{ $errors->first('mobileno') }}</span>
	                                @endif
								</div>
							</div>
							<div class="col-md-6 for-only-member">
								<div class="form-group">
									{!! Form::label('name', trans('translate.vidcardno')) !!}
									{!! Form::text('vidcardno', '', ['class' => 'form-control userinput','placeholder' => '']) !!}
									@if ($errors->has('vidcardno'))
	                                    <span class="text-danger">{{ $errors->first('vidcardno') }}</span>
	                                @endif
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									{!! Form::label('name', trans('translate.email')) !!}
									{!! Form::text('email', '', ['class' => 'form-control userinput','placeholder' => '']) !!}
									@if ($errors->has('email'))
	                                    <span class="text-danger">{{ $errors->first('email') }}</span>
	                                @endif
								</div>
							</div>
							<div class="col-md-6 for-only-member">
								<div class="form-group">
									{!! Form::label('name', trans('translate.marrigedate')) !!}
									{!! Form::date('marrigedate', '', ['class' => 'form-control userinput','placeholder' => '']) !!}
									@if ($errors->has('marrigedate'))
	                                    <span class="text-danger">{{ $errors->first('marrigedate') }}</span>
	                                @endif
								</div>
							</div>
							<div class="col-md-6 for-only-member">
								<div class="form-group">
									<img src="{{asset('assets/img3.png')}}" alt="facebook Image" />
									{!! Form::text('facebookid', '', ['class' => 'form-control userinput','placeholder' => '']) !!}
									@if ($errors->has('facebookid'))
	                                    <span class="text-danger">{{ $errors->first('facebookid') }}</span>
	                                @endif
								</div>
							</div>
							<div class="col-md-6 for-only-member">
								<div class="form-group">
									<img src="{{asset('assets/img1.png')}}" alt="whatsapp Image" />
									{!! Form::text('whatsappno', '', ['class' => 'form-control userinput','placeholder' => '']) !!}
									@if ($errors->has('whatsappno'))
	                                    <span class="text-danger">{{ $errors->first('whatsappno') }}</span>
	                                @endif
								</div>
							</div>
							<div class="col-md-12 for-only-member">
							    <hr>
								<div class="form-group">
									 <button type="button" class="btn btn-info btn-block" data-toggle="modal" data-target="#signature-pad-modal" onclick="mySignPad()">{{trans('translate.filename')}}</button>
									<div style="display:none;">
									    <textarea id="debugConsole" rows="10" cols="60">Data</textarea>
                					    <input class="loginbox-usernamedate" name="filename" id="filename" type="text" value="" placeholder="">
									</div>
									@if ($errors->has('filename'))
	                                    <span class="text-danger">{{ $errors->first('filename') }}</span>
	                                @endif
								</div>
								<hr>
							</div>
							<div class="col-md-12">
								<button type="submit" class="btn btn-primary save-btn">{{__('translate.save_button')}}</button>
							</div>
						</div>
				</div>
			</div>
		</div>
		<div class="col-md-3">
			<div class="card">
				<div class="card-body">
					<div class="row">
						<div class="col-md-12">
							<div>
								<p class="image-display"><img id="output" width="200" height="150" /></p>
							</div>
							<p>
								<input type="file"  accept="image/*" name="image" id="file"  onchange="loadFile(event)" class="image-input">
							</p>
							<p align="center">
								<label for="file" class="image-label">{!! Form::label('name', trans('translate.image')) !!}</label>
							</p>
							@if ($errors->has('image'))
                                <span class="text-danger">{{ $errors->first('image') }}</span>
                            @endif
							<img src="{{asset('assets/download.png')}}" alt="BJP LOGO" class="bjp-logo">
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
  </form>
</div>

@elseif(Request::segment(1)==='edit-members')
<div class="side-app">
	<div class="page-header">
		<h4 class="page-title">{{__('translate.members')}}</h4>
		<ol class="breadcrumb">
			<li class="breadcrumb-item"><a href="{{route('members')}}">{{__('translate.members')}}</a></li>
			<li class="breadcrumb-item active" aria-current="page">{{__('translate.members')}}</li>
		</ol>
	</div>
	<form action="{{ route('save-members') }}" enctype="multipart/form-data" method="post">
		@csrf
		<div class="row">
			<div class="col-md-9">
				<div class="card">
					<div class="card-body">
					
						{!! Form::hidden('id',$id, ['class' => 'form-control']) !!}
						<div class="row">
							<div class="col-md-6">
								<div class="form-group">
									{!! Form::label('name', trans('translate.member_type')) !!}
									<select name ="member_type" id="member_type" class="form-control" required>
					
										<option value="1" {{ ($member_type=='1') ? 'selected' : '' }} >सदस्य</option>
										<option value="2" {{ ($member_type=='2') ? 'selected' : '' }}>बीजेपी प्रदेश पदाधिकारी</option>
										<option value="3" {{ ($member_type=='3') ? 'selected' : '' }}>बीजेपी राष्ट्रीय प्रदेश पदाधिकारी</option>
										<option value="4" {{ ($member_type=='4') ? 'selected' : '' }}>बीजेपी विधायक</option>
										<option value="5" {{ ($member_type=='5') ? 'selected' : '' }}>कांग्रेस विधायक</option>
										<option value="6" {{ ($member_type=='6') ? 'selected' : '' }}>डॉक्टर</option>
										<option value="7" {{ ($member_type=='7') ? 'selected' : '' }}>व्यपारिक संगठन</option>
										<option value="8" {{ ($member_type=='8') ? 'selected' : '' }}>सामाजिक संगठन</option>
										<option value="9" {{ ($member_type=='9') ? 'selected' : '' }}>शैक्षिक संगठन</option>
									</select>
									@if ($errors->has('member_type'))
								        <span class="text-danger">{{ $errors->first('member_type') }}</span>
								    @endif
								</div>
							</div>

							<div class="col-md-6 for-only-member " style="display:{{ ($member_type!='1') ?'none':'block' }};">
								<div class="form-group">
									{!! Form::label('name', trans('translate.Vidhansabha_Mondal_title')) !!}
									{!! Form::select('vidhanshabha_id', $vidhanshabhaData,  $vidhanshabha_id, ['id'=>'vidhanshabha_id','class'=>'form-control userinput','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 for-only-member" style="display:{{ ($member_type!='1') ?'none':'block' }};">
								<div class="form-group">
									{!! Form::label('name', trans('translate.manage_area_title')) !!}
									{!! Form::select('area_id', $areaData,  $area_id, ['id'=>'area_id','class'=>'form-control vard-box userinput','placeholder' =>'--Select Area--',]) !!}
									@if ($errors->has('area_id'))
								        <span class="text-danger">{{ $errors->first('area_id') }}</span>
								    @endif
								</div>
							</div>
							<div class="col-md-6 for-only-member" style="display:{{ ($member_type!='1') ?'none':'block' }};">
									<div class="form-group">
										{!! Form::label('name', trans('translate.manage_sub_area_title')) !!}
										{!! Form::select('sub_area_id', $subareaData,  $sub_area_id, ['class'=>'form-control village-box userinput','placeholder' =>'--Select Sub Area--',]) !!}
										@if ($errors->has('sub_area_id'))
		                                    <span class="text-danger">{{ $errors->first('sub_area_id') }}</span>
		                                @endif
									</div>
								</div>
							<div class="col-md-6 for-only-member" style="display:{{ ($member_type!='1') ?'none':'block' }};">
									<div class="form-group">
										{!! Form::label('name', trans('translate.poolingboothno')) !!}
										{!! Form::text('poolingboothno', $poolingboothno, ['class' => 'form-control userinput','placeholder' => 'Enter Pooling Booth Number']) !!}
										@if ($errors->has('poolingboothno'))
		                                    <span class="text-danger">{{ $errors->first('poolingboothno') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-6 for-only-member" style="display:{{ ($member_type!='1') ?'none':'block' }};">
									<div class="form-group">
										{!! Form::label('name', trans('translate.poolingbootharea')) !!}
										{!! Form::text('poolingbootharea', $poolingbootharea, ['class' => 'form-control userinput','placeholder' => 'Enter Pooling Booth Area']) !!}
										@if ($errors->has('poolingbootharea'))
		                                    <span class="text-danger">{{ $errors->first('poolingbootharea') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										{!! Form::label('name', trans('translate.mrandmrs')) !!}
										{!! Form::text('mrandmrs', $mrandmrs, ['class' => 'form-control userinput','placeholder' => 'Enter Mr/Mrs.']) !!}
										@if ($errors->has('mrandmrs'))
		                                    <span class="text-danger">{{ $errors->first('mrandmrs') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-6 for-only-member" style="display:{{ ($member_type!='1') ?'none':'block' }};">
									<div class="form-group">
										{!! Form::label('name', trans('translate.husbandandwife')) !!}
										{!! Form::text('husbandandwife', $husbandandwife, ['class' => 'form-control userinput','placeholder' => 'Enter Husband/wife']) !!}
										@if ($errors->has('husbandandwife'))
		                                    <span class="text-danger">{{ $errors->first('husbandandwife') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-6 for-only-member" style="display:{{ ($member_type!='1') ?'none':'block' }};">
									<div class="form-group">
										{!! Form::label('name', trans('translate.address')) !!}
										{!! Form::textarea('address', $address, ['class' => 'form-control userinput','placeholder' => 'Enter Address','rows' => 1, 'cols' => 10,]) !!}
										@if ($errors->has('address'))
		                                    <span class="text-danger">{{ $errors->first('address') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										{!! Form::label('name', trans('translate.post')) !!}
										{!! Form::text('post', $post, ['class' => 'form-control userinput','placeholder' => 'Enter Post']) !!}
										@if ($errors->has('post'))
		                                    <span class="text-danger">{{ $errors->first('post') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										{!! Form::label('name', trans('translate.dob')) !!}
										{!! Form::date('dob', $dob, ['class' => 'form-control userinput','placeholder' => 'Enter Date Of Birth']) !!}
										@if ($errors->has('dob'))
		                                    <span class="text-danger">{{ $errors->first('dob') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-6 for-only-member" style="display:{{ ($member_type!='1') ?'none':'block' }};">
									<div class="form-group">
										{!! Form::label('name', trans('translate.bloodgroup')) !!}
										{!! Form::select('bloodgroup', ['A+' => 'A+', 'B+' => 'B+','O+' => 'O+', 'AB+' => 'AB+','A-' => 'A-', 'B-' => 'B-','O-' => 'O-', 'AB-' => 'AB-'],  $bloodgroup, ['class'=>'form-control userinput','placeholder' =>'--Select Blood Group--',]) !!}

										@if ($errors->has('bloodgroup'))
		                                    <span class="text-danger">{{ $errors->first('bloodgroup') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										{!! Form::label('name', trans('translate.mobileno')) !!}
										{!! Form::text('mobileno', $mobileno, ['class' => 'form-control userinput','placeholder' => 'Enter Mobile Number']) !!}
										@if ($errors->has('mobileno'))
		                                    <span class="text-danger">{{ $errors->first('mobileno') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-6 for-only-member" style="display:{{ ($member_type!='1') ?'none':'block' }};">
									<div class="form-group">
										{!! Form::label('name', trans('translate.vidcardno')) !!}
										{!! Form::text('vidcardno', $vidcardno, ['class' => 'form-control userinput','placeholder' => 'Enter Voter Card Number']) !!}
										@if ($errors->has('vidcardno'))
		                                    <span class="text-danger">{{ $errors->first('vidcardno') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										{!! Form::label('name', trans('translate.email')) !!}
										{!! Form::text('email', $email, ['class' => 'form-control userinput','placeholder' => 'Enter E-mail']) !!}
										@if ($errors->has('email'))
		                                    <span class="text-danger">{{ $errors->first('email') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-6 for-only-member" style="display:{{ ($member_type!='1') ?'none':'block' }};">
									<div class="form-group">
										{!! Form::label('name', trans('translate.marrigedate')) !!}
										{!! Form::date('marrigedate', $marrigedate, ['class' => 'form-control userinput','placeholder' => 'Enter Marriage Date']) !!}
										@if ($errors->has('marrigedate'))
		                                    <span class="text-danger">{{ $errors->first('marrigedate') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-6 for-only-member" style="display:{{ ($member_type!='1') ?'none':'block' }};">
									<div class="form-group">
										<img src="{{asset('assets/img3.png')}}" alt="facebook Image" />
										{!! Form::text('facebookid', $facebookid, ['class' => 'form-control userinput','placeholder' => 'Enter Facebook']) !!}
										@if ($errors->has('facebookid'))
		                                    <span class="text-danger">{{ $errors->first('facebookid') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-6 for-only-member" style="display:{{ ($member_type!='1') ?'none':'block' }};">
									<div class="form-group">
										<img src="{{asset('assets/img1.png')}}" alt="whatsapp Image" />
										{!! Form::text('whatsappno', $whatsappno, ['class' => 'form-control userinput','placeholder' => 'Enter Whatsapp']) !!}
										@if ($errors->has('whatsappno'))
		                                    <span class="text-danger">{{ $errors->first('whatsappno') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-12 for-only-member" style="display:{{ ($member_type!='1') ?'none':'block' }};">
								    <hr>
									<div class="form-group">
										 <button type="button" class="btn btn-info btn-block" data-toggle="modal" data-target="#signature-pad-modal" onclick="mySignPad()">{{trans('translate.filename')}}</button>
										<div style="display:none;">
										    <textarea id="debugConsole" rows="10" cols="60">Data</textarea>
	                					    <input class="loginbox-usernamedate" name="filename" id="filename" type="text" value="" placeholder="">
										</div>
										@if ($errors->has('filename'))
		                                    <span class="text-danger">{{ $errors->first('filename') }}</span>
		                                @endif
									</div>
									<hr>
									@if($filename)
										<img src="{{asset($filename)}}" width="200" height="200">
									@endif
									
								</div>
								<div class="col-md-12">
									<button type="submit" class="btn btn-primary save-btn">{{__('translate.save_button')}}</button>
								</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-3">
				<div class="card">
					<div class="card-body">
						<div class="row">
							<div class="col-md-12">
								<div>
									<p class="image-display"><img id="output" width="200" height="150" /></p>

								</div>
								<p>
									<input type="file"  accept="image/*" name="image" id="file"  onchange="loadFile(event)" class="image-input">
								</p>
								<p align="center">
									<label for="file" class="image-label">{!! Form::label('name', trans('translate.image')) !!}</label>
								</p>
								@if($image)
										<img src="{{asset('members/'.$image)}}" width="200" height="200">
								@else
									<img src="{{asset('assets/download.png')}}" alt="BJP LOGO" class="bjp-logo">
								@endif
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</form>
</div>

@elseif(Request::segment(1)==='view-members')
<div class="side-app">
	<div class="page-header">
		<h4 class="page-title">{{__('translate.members')}}</h4>
		<ol class="breadcrumb">
			<li class="breadcrumb-item"><a href="{{route('members')}}">{{__('translate.members')}}</a></li>
			<li class="breadcrumb-item active" aria-current="page">{{__('translate.members')}}</li>
		</ol>
	</div>
	<div class="row">
			<div class="col-md-9">
				<div class="card">
					<div class="card-body">
						{!! Form::hidden('id',$id, ['class' => 'form-control']) !!}
						<div class="row">
							<div class="col-md-6">
								<div class="form-group">
									{!! Form::label('name', trans('translate.member_type')) !!}
									<select name ="member_type" id="member_type" class="form-control" disabled>
										<option value="" selected>---Select Type--</option>
										<option value="1" {{ ($member_type=='1') ? 'selected' : '' }}>सदस्य</option>
										<option value="2" {{ ($member_type=='2') ? 'selected' : '' }}>बीजेपी प्रदेश पदाधिकारी</option>
										<option value="3" {{ ($member_type=='3') ? 'selected' : '' }}>बीजेपी राष्ट्रीय प्रदेश पदाधिकारी</option>
										<option value="4" {{ ($member_type=='4') ? 'selected' : '' }}>बीजेपी विधायक</option>
										<option value="5" {{ ($member_type=='5') ? 'selected' : '' }}>कांग्रेस विधायक</option>
										<option value="6" {{ ($member_type=='6') ? 'selected' : '' }}>डॉक्टर</option>
										<option value="7" {{ ($member_type=='7') ? 'selected' : '' }}>व्यपारिक संगठन</option>
										<option value="8" {{ ($member_type=='8') ? 'selected' : '' }}>सामाजिक संगठन</option>
										<option value="9" {{ ($member_type=='9') ? 'selected' : '' }}>शैक्षिक संगठन</option>
									</select>
									@if ($errors->has('member_type'))
								        <span class="text-danger">{{ $errors->first('member_type') }}</span>
								    @endif
								</div>
							</div>

							<div class="col-md-6 for-only-member" style="display:{{ ($member_type!='1') ?'none':'block' }};">
								<div class="form-group">
									{!! Form::label('name', trans('translate.Vidhansabha_Mondal_title')) !!}
									{!! Form::select('vidhanshabha_id', $vidhanshabhaData,  $vidhanshabha_id, ['id'=>'vidhanshabha_id','class'=>'form-control userinput','placeholder' =>'--Select vidhanshabha--','disabled'=>'disabled']) !!}
									@if ($errors->has('vidhanshabha_id'))
								        <span class="text-danger">{{ $errors->first('vidhanshabha_id') }}</span>
								    @endif
								</div>
							</div>
							<div class="col-md-6 for-only-member" style="display:{{ ($member_type!='1') ?'none':'block' }};">
								<div class="form-group">
									{!! Form::label('name', trans('translate.manage_area_title')) !!}
									{!! Form::select('area_id', $areaData,  $area_id, ['id'=>'area_id','class'=>'form-control vard-box userinput','placeholder' =>'--Select Area--','disabled'=>'disabled']) !!}
									@if ($errors->has('area_id'))
								        <span class="text-danger">{{ $errors->first('area_id') }}</span>
								    @endif
								</div>
							</div>
							<div class="col-md-6 for-only-member" style="display:{{ ($member_type!='1') ?'none':'block' }};">
									<div class="form-group">
										{!! Form::label('name', trans('translate.manage_sub_area_title')) !!}
										{!! Form::select('sub_area_id', $subareaData,  $sub_area_id, ['class'=>'form-control village-box userinput','placeholder' =>'--Select Sub Area--','disabled'=>'disabled']) !!}
										@if ($errors->has('sub_area_id'))
		                                    <span class="text-danger">{{ $errors->first('sub_area_id') }}</span>
		                                @endif
									</div>
								</div>
							<div class="col-md-6 for-only-member" style="display:{{ ($member_type!='1') ?'none':'block' }};">
									<div class="form-group">
										{!! Form::label('name', trans('translate.poolingboothno')) !!}
										{!! Form::text('poolingboothno', $poolingboothno, ['class' => 'form-control userinput','placeholder' => 'Enter Pooling Booth Number','readonly'=>'true']) !!}
										@if ($errors->has('poolingboothno'))
		                                    <span class="text-danger">{{ $errors->first('poolingboothno') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-6 for-only-member" style="display:{{ ($member_type!='1') ?'none':'block' }};">
									<div class="form-group">
										{!! Form::label('name', trans('translate.poolingbootharea')) !!}
										{!! Form::text('poolingbootharea', $poolingbootharea, ['class' => 'form-control userinput','placeholder' => 'Enter Pooling Booth Area','readonly'=>'true']) !!}
										@if ($errors->has('poolingbootharea'))
		                                    <span class="text-danger">{{ $errors->first('poolingbootharea') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										{!! Form::label('name', trans('translate.mrandmrs')) !!}
										{!! Form::text('mrandmrs', $mrandmrs, ['class' => 'form-control userinput','placeholder' => 'Enter Mr/Mrs.','readonly'=>'true']) !!}
										@if ($errors->has('mrandmrs'))
		                                    <span class="text-danger">{{ $errors->first('mrandmrs') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-6 for-only-member" style="display:{{ ($member_type!='1') ?'none':'block' }};">
									<div class="form-group">
										{!! Form::label('name', trans('translate.husbandandwife')) !!}
										{!! Form::text('husbandandwife', $husbandandwife, ['class' => 'form-control userinput','placeholder' => 'Enter Husband/wife','readonly'=>'true']) !!}
										@if ($errors->has('husbandandwife'))
		                                    <span class="text-danger">{{ $errors->first('husbandandwife') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-6 for-only-member" style="display:{{ ($member_type!='1') ?'none':'block' }};">
									<div class="form-group">
										{!! Form::label('name', trans('translate.address')) !!}
										{!! Form::textarea('address', $address, ['class' => 'form-control userinput','placeholder' => 'Enter Address','rows' => 1, 'cols' => 10,'readonly'=>'true']) !!}
										@if ($errors->has('address'))
		                                    <span class="text-danger">{{ $errors->first('address') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										{!! Form::label('name', trans('translate.post')) !!}
										{!! Form::text('post', $post, ['class' => 'form-control userinput','placeholder' => 'Enter Post','readonly'=>'true']) !!}
										@if ($errors->has('post'))
		                                    <span class="text-danger">{{ $errors->first('post') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										{!! Form::label('name', trans('translate.dob')) !!}
										{!! Form::date('dob', $dob, ['class' => 'form-control userinput','placeholder' => 'Enter Date Of Birth','readonly'=>'true']) !!}
										@if ($errors->has('dob'))
		                                    <span class="text-danger">{{ $errors->first('dob') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-6 for-only-member" style="display:{{ ($member_type!='1') ?'none':'block' }};">
									<div class="form-group">
										{!! Form::label('name', trans('translate.bloodgroup')) !!}
										{!! Form::select('bloodgroup', ['A+' => 'A+', 'B+' => 'B+','O+' => 'O+', 'AB+' => 'AB+','A-' => 'A-', 'B-' => 'B-','O-' => 'O-', 'AB-' => 'AB-'],  $bloodgroup, ['class'=>'form-control userinput','placeholder' =>'--Select Blood Group--','disabled'=>'disabled']) !!}

										@if ($errors->has('bloodgroup'))
		                                    <span class="text-danger">{{ $errors->first('bloodgroup') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										{!! Form::label('name', trans('translate.mobileno')) !!}
										{!! Form::text('mobileno', $mobileno, ['class' => 'form-control userinput','placeholder' => 'Enter Mobile Number','readonly'=>'true']) !!}
										@if ($errors->has('mobileno'))
		                                    <span class="text-danger">{{ $errors->first('mobileno') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-6 for-only-member" style="display:{{ ($member_type!='1') ?'none':'block' }};">
									<div class="form-group">
										{!! Form::label('name', trans('translate.vidcardno')) !!}
										{!! Form::text('vidcardno', $vidcardno, ['class' => 'form-control userinput','placeholder' => 'Enter Voter Card Number','readonly'=>'true']) !!}
										@if ($errors->has('vidcardno'))
		                                    <span class="text-danger">{{ $errors->first('vidcardno') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										{!! Form::label('name', trans('translate.email')) !!}
										{!! Form::text('email', $email, ['class' => 'form-control userinput','placeholder' => 'Enter E-mail','readonly'=>'true']) !!}
										@if ($errors->has('email'))
		                                    <span class="text-danger">{{ $errors->first('email') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-6 for-only-member" style="display:{{ ($member_type!='1') ?'none':'block' }};">
									<div class="form-group">
										{!! Form::label('name', trans('translate.marrigedate')) !!}
										{!! Form::date('marrigedate', $marrigedate, ['class' => 'form-control userinput','placeholder' => 'Enter Marriage Date','readonly'=>'true']) !!}
										@if ($errors->has('marrigedate'))
		                                    <span class="text-danger">{{ $errors->first('marrigedate') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-6 for-only-member" style="display:{{ ($member_type!='1') ?'none':'block' }};">
									<div class="form-group">
										<img src="{{asset('assets/img3.png')}}" alt="facebook Image" />
										{!! Form::text('facebookid', $facebookid, ['class' => 'form-control userinput','placeholder' => 'Enter Facebook','readonly'=>'true']) !!}
										@if ($errors->has('facebookid'))
		                                    <span class="text-danger">{{ $errors->first('facebookid') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-6 for-only-member" style="display:{{ ($member_type!='1') ?'none':'block' }};">
									<div class="form-group">
										<img src="{{asset('assets/img1.png')}}" alt="whatsapp Image" />
										{!! Form::text('whatsappno', $whatsappno, ['class' => 'form-control userinput','placeholder' => 'Enter Whatsapp','readonly'=>'true']) !!}
										@if ($errors->has('whatsappno'))
		                                    <span class="text-danger">{{ $errors->first('whatsappno') }}</span>
		                                @endif
									</div>
								</div>
								<div class="col-md-6 for-only-member" style="display:{{ ($member_type!='1') ?'none':'block' }};">
									<div class="form-group">
										{!! Form::label('name', trans('translate.filename')) !!}
										@if($image)
											<img src="{{asset($filename)}}" width="200" height="200">
										@else
											<img src="{{asset('assets/download.png')}}" alt="BJP LOGO" class="bjp-logo">
										@endif
									</div>
								</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-3">
				<div class="card">
					<div class="card-body">
						<div class="row">
							<div class="col-md-12">
								@if($image)
										<img src="{{asset('members/'.$image)}}" width="200" height="200">
								@else
									<img src="{{asset('assets/download.png')}}" alt="BJP LOGO" class="bjp-logo">
								@endif
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
</div>
@else

<div class="side-app">
	<div class="page-header">
		<h4 class="page-title">{{__('translate.members')}}</h4>

	</div>
	<div class="row">
		<div class="col-md-12 col-lg-12">
		<div class="card">
			
			<div class="card-header">
				<div class="card-title">{{__('translate.members')}}</div>	    
				    
			</div>
			
			<div class="card-body">
				@include('admin.includes.message')
				{{ Form::open(array('route' => 'upload-member', 'class'=> 'form-horizontal', 'enctype'=>'multipart/form-data','autocomplete'=>'off')) }}
				@csrf
				<div class="row" >
					<div class="col-md-2">
							<div class="form-group">
								{!! Form::label('name', trans('translate.member_type')) !!}
								<select name ="member_type_id" id="member_type_id" class="form-control" >
									<option value="" selected >{{ trans('translate.member_type') }}</option>
									<option value="1"  >सदस्य</option>
									<option value="2" >बीजेपी प्रदेश पदाधिकारी</option>
									<option value="3">बीजेपी राष्ट्रीय प्रदेश पदाधिकारी</option>
									<option value="4" >बीजेपी विधायक</option>
									<option value="5" >कांग्रेस विधायक</option>
									<option value="6" >डॉक्टर</option>
									<option value="7" >व्यपारिक संगठन</option>
									<option value="8" >सामाजिक संगठन</option>
									<option value="9" >शैक्षिक संगठन</option>
								</select>
								
							</div>
						</div>
						<div class="col-md-3">
							<div class="form-group">
								{!! Form::label('name', trans('translate.Vidhansabha_Mondal_title')) !!}
								{!! Form::select('vidhanshabha_search', $vidhanshabhaData,  '', ['id'=>'vidhanshabha_search','class'=>'form-control','placeholder' =>'--Select vidhanshabha--','required'=>'required']) !!}
								@if ($errors->has('vidhanshabha_search'))
							        <span class="text-danger">{{ $errors->first('vidhanshabha_search') }}</span>
							    @endif
							</div>
						</div>
						<div class="col-md-2">
							<div class="form-group">
								{!! Form::label('name', trans('translate.manage_area_title')) !!}
								{!! Form::select('area_search', [],'', ['id'=>'area_search','class'=>'form-control vard-search','placeholder' =>'--Select Area--',]) !!}
								@if ($errors->has('area_search'))
							        <span class="text-danger">{{ $errors->first('area_search') }}</span>
							    @endif
							</div>
						</div>
						<div class="col-md-2">
							<div class="form-group">
								{!! Form::label('name', trans('translate.manage_sub_area_title')) !!}
								{!! Form::select('sub_area_search', [],'', array('id'=>'sub_area_search','class'=>'form-control village-search','placeholder' =>'--Select Sub Area--')) !!}
								@if ($errors->has('sub_area_search'))
	                                <span class="text-danger">{{ $errors->first('sub_area_search') }}</span>
	                            @endif
							</div>
						</div>
						<div class="col-md-3">
							<div class="form-group">
								{!! Form::label('name', trans('translate.today_birthday')) !!}
								<select name="today_birthday" id="today_birthday"  class="form-control today_birthday">
									<option value="" selected >  --Select--</option>
									<option value="1">{{ trans('translate.birthday') }}</option>
									<option value="2">{{ trans('translate.anniversary') }}</option>
								</select>
							</div>
						</div>
						<div class="col-md-4">
							<div class="form-group">
								<div class="custom-file">
					              <input type="file" class="custom-file-input" name="file" required>
					              <label class="custom-file-label">Choose file</label>
					           </div>
							</div>
						</div>
						<div class="col-md-4">
			              {!! Form::submit('Upload Csv', array('class'=>'btn btn-primary btn-fixed')) !!}
			          	</div>
			          	<div class="col-md-4">
			              {!! Form::button('Download Csv', array('class'=>'btn btn-primary btn-fixed download-member')) !!}
			          	</div>

					
				</div>
				{{ Form::close() }}
				{{ Form::open(array('route' => 'save-message', 'class'=> 'form-horizontal', 'autocomplete'=>'off')) }}
				@csrf
            	<div class="table-responsive">
				<table id="datatable" class="table table-striped table-bordered w-100">
					<thead>
						<tr>
							<th class="wd-15p"> <label class="custom-control custom-checkbox">
                           {{ Form::checkbox('checkAll', null,'', array('class' => 'colorinput-input custom-control-input', 'id'=>'checkAll')) }}
                           <span class="custom-control-label"></span>
                           </label></th>
							<th class="wd-15p">#</th>
							<th class="wd-15p">{{__('translate.member_type')}}</th>
							<th class="wd-15p">{{__('translate.members_name')}}</th>
							<th class="wd-20p">{{__('translate.members_mobile')}}</th>
							<th class="wd-15p">{{__('translate.Vidhansabha_Mondal_title')}}</th>
							<th class="wd-10p">{{__('translate.manage_area_title')}}</th>
							<th class="wd-25p">{{__('translate.manage_sub_area_title')}}</th>
							<th class="wd-25p">{{__('translate.dob')}}</th>
							<th class="wd-25p">{{__('translate.action')}}</th>
						</tr>
					</thead>
					<tbody class="members-data">
						
					</tbody>
				</table>
				
			</div>
				<div>
					<div class="col-md-12">
						<div class="form-group">
							{!! Form::label('name', trans('translate.member_send_message')) !!}
							{!! Form::textarea('message', '', ['class' => 'form-control','placeholder' => 'Enter Message','rows' => 3, 'cols' => 10,]) !!}
							@if ($errors->has('message'))
	                            <span class="text-danger">{{ $errors->first('message') }}</span>
	                        @endif
						</div>
					</div>
					<div class="col-md-12">
							<button type="submit" class="btn btn-primary save-btn">Submit</button>
					</div>
					{{ Form::close() }}
				</div>
            </div>
		</div>
		</div>
	</div>
</div>

<!-- modal -->


@endif
<div class="modal fade" id="signature-pad-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg" role="document">
		<div class="modal-content">
			<div id="signature-pad"></div>
		</div>
	</div>
</div>
@endsection

@section('after-scripts')

<script type="text/javascript">
	$("#checkAll").click(function(){
	    $(':checkbox.allChecked').not(this).prop('checked', this.checked);
	});
	 $('#member_type').on('click', function () {
		var member_type = $(this).val();
		console.log(member_type);
		if(member_type =='1'){
			$('.for-only-member').css("display", "block");
		} else{
			$('.for-only-member').css("display", "none");
		}
	    
	});

	
$(document).ready( function () {
    var table = $('#datatable').DataTable({
       "processing": true,
       "serverSide": true,
       "searching": true,
       "bSort": false,
       "paging": true,
       "bInfo": false,
       "ajax":{
           'url' : '{{ route('api.member-list') }}',
           'type' : 'POST',
           "data": function(d) {
            d.member_type_id   = $('#member_type_id').val();
            d.vidhanshabha_id   = $('#vidhanshabha_search').val();
            d.area_id   = $('#area_search').val();
            d.sub_area_id   = $('#sub_area_search').val();
            d.today_birthday = $('#today_birthday').val();
        },
           'headers': {
            'X-CSRF-TOKEN': '{{ csrf_token() }}'
        }
    },
    "order": [["1", "asc" ]],
    "columns": [
    { "data": 'id' },
    { "data": 'DT_RowIndex', "name": 'DT_RowIndex' , orderable: false, searchable: false },
    { "data": "member_type" },
    { "data": "mrandmrs" },
    { "data": "mobileno" },
    { "data": "vidhanshabha_id" },
    { "data": "area_id" },
    { "data": "sub_area_id" },
    { "data": "dob" },
    { "data": "action",'name':'DT_RowIndex', orderable: false, searchable: false },
    ],
        preDrawCallback: function(settings) {
            if ($.fn.DataTable.isDataTable('#datatable')) {
                var dt = $('#datatable').DataTable();
                var settings = dt.settings();
                if (settings[0].jqXHR) {
                    settings[0].jqXHR.abort();
                }
            }
        }
   });

   $('.download-member').on('click', function () {
   	vidhanshabha_id   = $('#vidhanshabha_search').val();
    area_id   = $('#area_search').val();
    sub_area_id   = $('#sub_area_search').val();
    today_birthday = $('#today_birthday').val();

    $.ajax({
  		method: 'GET',
        dataType: "json",
        url: "{{route('download-member')}}",
        data: {'vidhanshabha_id':vidhanshabha_id,'area_id':area_id,'sub_area_id':sub_area_id,'today_birthday':today_birthday},
        success: function (data) {
        	console.log(data['csvfile']);
            var a = document.createElement('a');
            var url = data['csvfile'];
            a.href = url;
            a.download = data['fileName'];
            document.body.append(a);
            a.click();
            a.remove();
            window.URL.revokeObjectURL(url);
        }
    });
  }); 
   $("#vidhanshabha_search").on("change", function() {  
   
	    var vidhanshabha_search =  $("#vidhanshabha_search").val();
	    $.ajax({
            type: "GET",
            dataType: "json",
            url: "{{route('search-vard')}}",
            data: {'vidhanshabha_search': vidhanshabha_search},
            success: function(data){
                $('.vard-search').html(data.html);
                	 table.draw();
               
            }
        });
	});

	$("#area_search").on("change", function() { 
	  
	    var area_search =  $("#area_search").val();
	    $.ajax({
            type: "GET",
            dataType: "json",
            url: "{{route('search-village')}}",
            data: {'area_search': area_search},
            success: function(data){
                $('.village-search').html(data.html);
  				table.draw();
               
            }
        });
	});

	$("#sub_area_search").on("change", function() {  
		
	    var sub_area_search =  $("#sub_area_search").val();
	    $.ajax({
            type: "GET",
            dataType: "json",
            url: "{{route('search-sub-area')}}",
            data: {'sub_area_search': sub_area_search},
            success: function(data){
         		 table.draw();
            }
        });
	});
	$("#today_birthday,#member_type_id").on("change", function() {  
	    table.draw();
	});

});

	$("#vidhanshabha_id").on("change", function() {  
	    var vidhanshabha_id =  $("#vidhanshabha_id").val();
	    $.ajax({
             type: "GET",
             dataType: "json",
             url: "{{route('getvard')}}",
             data: {'vidhanshabha_id': vidhanshabha_id},
             success: function(data){
                 $('.vard-box').html(data.html);
                 if(e){
                     $('.village-box').html('');
                 }
             }
         });
	});

	$("#area_id").on("change", function() {  
	    var area_id =  $("#area_id").val();
	    $.ajax({
             type: "GET",
             dataType: "json",
             url: "{{route('getvillage')}}",
             data: {'area_id': area_id},
             success: function(data){
                 $('.village-box').html(data.html);
                 if(e){
                     $('.village-box').html('');
                 }
             }
         });
	});


	
</script>
<script>
var _URL = window.URL || window.webkitURL;

$("#subbut").click(function () {
    var file;
    var image;
    if ((file = $("#upload-image")[0].files[0])) {
        image = new Image();
        image.onload = function () {
            $("#image-wrapper").append(this);
            $(this).attr("id", "image");
        }
        image.src = _URL.createObjectURL(file);
    }
});

var loadFile = function(event) {
	var image = document.getElementById('output');
	image.src = URL.createObjectURL(event.target.files[0]);
};
</script>

<script type="text/javascript">
function mySignPad()
{     
	$.ajax({
	   type: "POST",
	   url: "{{route('signature-pad')}}",
	   data : {"_token":"{{ csrf_token() }}","id":"1"}, 
	   success: function(data)
	   {  
	   		$("#signature-pad").html(data);
	   	}
	});
}
</script>
<script type="text/javascript">

		// This portion of the code simply draws random circles into the canvas (it has nothing todo with saving the canvas).

		var canvas = document.getElementById("testCanvas");

		if (canvas.getContext)

		{

			var canvasContext = canvas.getContext("2d");

			for (i=0; i<150; i++)

			{

				canvasContext.fillStyle="rgb("+(parseInt(Math.random()*255))+","+(parseInt(Math.random()*255))+","+(parseInt(Math.random()*255))+")";

				canvasContext.beginPath();

				canvasContext.arc(Math.random()*350,Math.random()*350,Math.random()*20, 0,Math.PI*2,true);

				canvasContext.fill();

			}

		}

	</script>
<script type="text/javascript">

function saveViaAJAX()
{
	var testCanvas = document.getElementById("testCanvas");
	var canvasData = testCanvas.toDataURL("image/png");
	var postData = "canvasData="+canvasData;
	//var debugConsole= document.getElementById("debugConsole");
	//debugConsole.value=canvasData;
	//alert("canvasData ="+canvasData );
	
	
	$.ajax({
    type: "POST",
    url: "{{route('signature-save')}}",
    data: postData,
    success: function(data){
        $("#signature-pad-modal").modal('hide');
        document.getElementById("filename").value = data;
	}
  });
  
}
</script>

<script type="text/javascript">
    var sig = $('#sig').signature({syncField: '#signature64', syncFormat: 'PNG'});
    $('#clear').click(function(e) {
        e.preventDefault();
        sig.signature('clear');
        $("#signature64").val('');
    });


</script>
@endsection