@extends('layouts.app')
<style>
.example-modal .modal {
	position: relative;
	top: auto;
	bottom: auto;
	right: auto;
	left: auto;
	display: block;
	z-index: 1;
}

.example-modal .modal {
	background: transparent !important;
}

</style>

@section('content')

<div style="height: 45px;">
	<a href="{{ $backurl }}" type="button" class="btn pull-right bg-gray btn-sm">Back</a>
</div>

<div class="box">
	
	<div class="box-header">
		<h3 class="box-title"><b>Registered User Details</b></h3>
	</div>
	{{-- <form role="form"> --}}
		<div class="box-body">
			<div class="row">
				<div class="form-group col-md-12">
					<label for="regno" class="col-md-2 control-label">Registration No.</label>
					&nbsp&nbsp&nbsp&nbsp&nbsp{{$reguser_vw['regno']}}
				</div>
			</div>
			<div class="row">
				<div class="form-group col-md-12">
					<label for="name" class="col-md-2 control-label">Name</label>

					<div class="col-md-10">
						{{$reguser_vw['user_firstname']}}  {{$reguser_vw['user_lastname']}}
					</div>
				</div>
			</div>
			<div class="row">
				<div class="form-group col-md-12">
					<label for="name" class="col-md-2 control-label">Address</label>

					<div class="col-md-10">
						{{$reguser_vw['address_line_1']}}
						@if(!empty($reguser_vw['address_line_2'])), {{$reguser_vw['address_line_2']}} @endif
					</div>
				</div>
			</div>
			<div class="row">
				<div class="form-group col-md-6">
					<label for="name" class="col-md-4 control-label">Gender</label>

					<div class="col-md-8">
						{{$reguser_vw['gender']}}
					</div>
				</div>
			</div>
			<div class="row">

				<div class="form-group col-md-6">
					<label for="name" class="col-md-4 control-label">District</label>

					<div class="col-md-8">
						{{$reguser_vw['dist_id']}}
					</div>
				</div>
			</div>
			<div class="row">
				<div class="form-group col-md-6">
					<label for="name" class="col-md-4 control-label">Longitude</label>

					<div class="col-md-8">
						&nbsp&nbsp{{$reguser_vw['longitude']}}
					</div>
				</div>

				<div class="form-group col-md-6">
					<label for="name" class="col-md-4 control-label">Lattitude</label>

					<div class="col-md-8">
						{{$reguser_vw['lattitude']}}
					</div>
				</div>
			</div>
			<div class="row">
				<div class="form-group col-md-6">
					<label for="name" class="col-md-4 control-label">Mobile No.</label>

					<div class="col-md-8">
						&nbsp&nbsp{{$reguser_vw['mobile_no_1']}}
						@if(!empty($reguser_vw['mobile_no_2'])), {{$reguser_vw['mobile_no_2']}} @endif
					</div>
				</div>

				<div class="form-group col-md-6">
					<label for="name" class="col-md-4 control-label">Email</label>

					<div class="col-md-8">
						{{$reguser_vw['email_address']}}
					</div>
				</div>
			</div>
			<div class="row">
				<div class="form-group col-md-6">
					<label for="name" class="col-md-4 control-label">Person ID</label>

					<div class="col-md-8">
						&nbsp&nbsp{{$reguser_vw['type_of_id']}}&nbsp&nbsp-&nbsp&nbsp{{$reguser_vw['person_id']}}
					</div>
				</div>

				<div class="form-group col-md-6">
					<label for="name" class="col-md-4 control-label">Language</label>

					<div class="col-md-8">
						{{$reguser_vw['preferred_lang']}}
					</div>
				</div>
			</div>
			<div class="row">
				<div class="form-group col-md-6">
					<label for="name" class="col-md-4 control-label">Main Business</label>

					<div class="col-md-8">
						@if($reguser_vw['type_code'] != 'OTHER') {{$reguser_vw['type_code_des']}} @else {{$reguser_vw['other_desc']}} @endif
						{{-- <input type="text" value="@if($reguser_vw['type_code'] != 'OTHER') {{$reguser_vw['type_code']}} @else {{$reguser_vw['other_desc']}} @endif" readonly> --}}
					</div>
				</div>
				<div class="form-group col-md-6">
					<label for="name" class="col-md-4 control-label">Change Main Business</label>
					<div class="col-md-8">
						<select name="" id="">
							@foreach($reguser_vw['drop_dwn'] as $item)
								<option value="$item['val_id']">$item['val_des_en']</option>
							@endforeach
						</select>
					</div>
				</div>
			</div>
		{{-- </div> --}}
	{{-- </div> --}}

	@if($reguser_vw['prodsvc_id'] == 'SERV_AI')
	{{-- <div class="box"> --}}
		{{-- <div class="box-body"> --}}
			{{-- <div class="box-header"> --}}
				<h4 class="box-title"><b>AI Service Provide Users Details</b></h4>
			{{-- </div> --}}
			
			<div class="row">
				<div class="form-group col-md-6">
					<label for="name" class="col-md-5 control-label">Registration No.</label>

					<div class="col-md-7">
						&nbsp&nbsp{{$reguser_vw['ai_regno']}}
					</div>
				</div>

				<div class="form-group col-md-6">
					<label for="name" class="col-md-5 control-label">Organization Type</label>

					<div class="col-md-7">
						{{$reguser_vw['ai_org_type']}}
					</div>
				</div>
			</div>
			<div class="row">
				<div class="form-group col-md-6">
					<label for="name" class="col-md-5 control-label">Veterinary Range </label>

					<div class="col-md-7">
						{{$reguser_vw['vet_range']}}
					</div>
				</div>
			</div>

			@endif
			@if(($reguser_vw['page'] == 'evaluate') && ($reguser_vw['approval_status'] == 'P'))
			<div class="box box-widget">
				<button class="btn pull-left btn-success btn-lg evaluate" data-toggle="modal" type="button" data-target="#modal-default">Evaluate</button>
			</div>
			@endif

			<div id="success_message"></div>
		</div>

		<div class="container">
			{{-- $map['html'] --}}
		</div>
	</div>

	
	{{-- @component('layouts.components.evaluate') @endcomponent --}}

	<div class="modal fade" id="modal-default">
		@evaluate([
			'ref_doc_type'=> $reguser_vw['ref_doc_type'],
			'ref_doc_no'=> $reguser_vw['ref_doc_no'],
			'document_type'=> $reguser_vw['document_type']
			])@endevaluate
		</div>

		@endsection

		@push('scripts')
		{{-- <script type="text/javascript">
			jQuery(document).ready(function($) {
			});

			$('#modal-default').on('click', '.submit_apprv', function(event) {
				$("span.error").hide();

				var ajax_url = "{{ url('evaluate_doc') }}";
				var form_data = $("#evaluate_doc-form").serializeArray();
				$.ajax({
					headers: {
						'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
					},
					url: ajax_url,
					type: 'POST',
					data: form_data,
					success: function(msg) {
						$('#modal-default').modal('hide');
						load_success_msg();
					},
					error: function(data) {

						var errors = data.responseJSON.errors;
						$.each(errors, function(key, value) {
							$("#"+key).closest('div').append("<span class='error'>"+value+" </span>");
						});
					}
				})
			});

			function load_success_msg(){

				alrt = '';
				alrt += '<div class="alert alert-success alert-dismissible">';
				alrt += '<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>';
				alrt += '<h4><i class="icon fa fa-check"></i> Alert!</h4>';
				alrt += 'Success alert preview. This alert is dismissable.';
				alrt += '</div>';
				$('#success_message').append(alrt);
			}

			
		</script> --}}
		@endpush