000

@extends('admin.layouts.app')
@section('title','Members')
@section('style')
<meta name="csrf-token" content="{{ csrf_token() }}">
{{-- {{Html::style("assets/css/bootstrap-datepicker3.min.css")}} --}}
<link rel="stylesheet" href="/src/css/stepper.css">
@endsection
@section('content')

<div class="content-header">
			<div class="d-flex align-items-center">
				<div class="me-auto">
					<h4 class="page-title">{{$page}}</h4>
					<div class="d-inline-block align-items-center">
						<nav>
							<ol class="breadcrumb">
								<li class="breadcrumb-item"><a href="#"><i class="fa fa-home"></i></a></li>
								<li class="breadcrumb-item active" aria-current="page">{{$page}}</li>
							</ol>
						</nav>
					</div>
				</div>
			</div>
		</div>

<section class="content">
			<div class="row">
				<div class="col-12">
					<div class="box">
						<div class="box-header with-border">
							<div class="clearfix">
                            <a type="button" class="btn btn-primary pull-right update_all">Selected Update Status</a>
							</div>
						</div>

<div class="box-body">
							<div class="table-responsive">
								<table id="dynamic-table" class="table table-bordered table-hover display nowrap margin-top-10 w-p100 text-center">
									<thead>
										<tr>
											<th style="text-align: center;">
											    <input type="checkbox" value="" id="all_checkbox"/><label for="all_checkbox"></label>
		
											</th>
											<th style="text-align: center;">ID</th>
											<th style="text-align: center;">Form Number</th>
											<th style="text-align: center;">Applicant Name</th>
											<th style="text-align: center;">Status</th>
											<th style="text-align: center;">Action</th>
										</tr>
									</thead>
									<tbody>
										@foreach($members as $member)
										<tr id="tr_{{$member->id}}">
										    <td>
										        @if($member['final_approval_status'] == 'Requested')
										        <form>
										            <input type="checkbox" class="checkBoxClass" name="approve_checkbox[]" value="{{$member->id}}" id="approve_checkbox_{{$member->id}}"/><label for="approve_checkbox_{{$member->id}}"></label>
										        </form>
										        @endif
										    </td>
    										<td>{{$member->id}}</td>
    										<td>{{$member->form_no}}</td>
    										<td>{{$member->applicant_name}}</td>
    										<td>
                                                @if($member->final_approval_status == 'Requested') 
                                                    <a type="button" class="tracking_model" data-bs-toggle="modal">
                                                        <span class="badge badge-warning">Requested For Final Approval</span>
                                                    </a>
                                                @endif
                                            </td>
    										<td style="text-align: center;"> 
    										<div class="hidden-sm hidden-xs btn-group">
    									@if(\Auth::user()->role_id == '1' && $member['final_approval_status'] !='Rejected' && $member['final_approval_status'] !='Approved')
										    <a class="btn btn-xs btn-primary" href="#" onClick="finalApproveForm({{ $member->id }}, {{ $user_id }})" title="Approve">
										        <i class="ace-icon fa fa-check-square-o bigger-110"></i>
										    </a>&nbsp;
										    <a class="btn btn-xs btn-danger" id="reject"  onClick="finalRejectForm({{ $member->id }})">
										        <i class="ace-icon fa fa-times red"></i>
										    </a>
										@endif&nbsp;
										<a class="btn btn-xs btn-warning" href="{{ url('admin/view-member/'.$member->id) }}" title="View">
										<i class="ace-icon fa fa-eye bigger-120"></i></a>
										</div>
    										</td>
										</tr>
										@endforeach

</tbody>
								</table>
							</div>
						</div>
						
					</div>
					
				</div>
			</div>
		</section>
		
	</div>
</div>

<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="myModalLabel">Approval Status</h4>
					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
				</div>
				<div class="modal-body" id="model_body">
				
				
				
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
				</div>
			</div>
			
		</div>
		
	</div>

@section('script')

{{-- <script src="{{asset("src/js/pages/patients.js")}}"></script> --}}
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<script src="../src/js/pages/validation.js"></script>
<script src="../src/js/pages/form-validation.js"></script>
<script>

$.ajax({
					url: '/admin/form-final-reject',
					type: 'POST',
					data: {form_id:form_id,remark:remark},
					success:function (data) {
			            if(!data.flag){
						    swal.fire({
								title: "Error!",
								text: data.error,
								type: "error"
							});
						}else{
							swal.fire({
								title: "Success!",
								text: data.message,
								type: "success"
							}).then( function() {
								window.location.reload();
							});
						}
					}
				});
			}
		});
	}
	
	
	function getApprovalStatus(id) {
		if (id == "") {
			swal.fire('Error', 'Member id is missing', 'warning');
		} else {
			 
			$.ajax({
				url: "{{url('/admin/get-approval-status')}}"+"/" + id,
				type: 'GET',
				success: function(data) {
					$('#model_body').html(data);
					$('#myModal').modal('toggle');

</script>

@endsection
@endsection