000

@extends('admin.layouts.app')
@section('title','Members Mpp Transfer')
@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">
								<form action="" method="POST" role="form">
									{{csrf_field()}}
									<div class="row">
									    <div class="col-md-4">
											<div class="form-group">
												<label for="relation_with_application" class="form-label">MCC :</label>
												<select class="form-control select2" id="mcc_name" name="mcc_name" >
													<option value="">Select</option>
													@foreach($mcc as $m)
													<option value="{{$m->code}}" @if(isset($mccCode)) @if($mccCode==$m->code) {{'selected'}} @endif @elseif(old('mcc_name')) @if(old('mcc_name') == $m->code) {{'selected'}} @endif @endif>{{$m->name}}({{$m->code}})</option>
													@endforeach
												</select>
												@if ($errors->has('mcc_name'))
												<span class="label label-danger">{{ $errors->first('mcc_name') }}</span>
												@endif
											</div>
										</div>
										<div class="col-md-4">
                                            <div class="form-group">
                                                <label for="mpp_name" class="form-label">MPP :</label>
                                                <select class="form-control select2" id="mpp_name" name="mpp_name" style="width: 100%;">
                                                    <option value="">Select</option>
                                                </select>
                                                @if ($errors->has('mpp_name'))
                                                <span class="label label-danger">{{ $errors->first('mpp_name') }}</span>
                                                @endif
                                            </div>
                                        </div>
								        <div class="col-md-2">
											<div class="form-group">
												<button type="submit" class="btn btn-primary btn-sm" style="padding: 6px 16px;font-size: 15px;margin-top: 27px;">Filter</button>
											</div>
										</div>
									</div>
								</form>
							</div>
							
						</div>
						<div class="box-header with-border">
							<div class="clearfix">
                            <a type="button" class="btn btn-primary pull-right update_all">Update Mpp Selected Member</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;">Mcc Name</th>
											<th style="text-align: center;">Mpp Code</th>
											<th style="text-align: center;">Mpp Name</th>
											
										</tr>
									</thead>
									<tbody>
								
									 @if(!empty($members) && count($members) > 0) 
									 
										@foreach($members as $member)
										<tr id="tr_{{$member->id}}">
										    <td>
										      
										        <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>
										      
										    </td>
    										<td>{{$member->id}}</td>
    										<td>{{$member->form_no}}</td>
    										<td>{{$member->applicant_name}}</td>
    										<td>{{$member->mcc_name}}</td>
    										<td>{{$member->mpp_code}}</td>
    										<td>{{$member->mpp_name}}</td>
    									
										</tr>
										@endforeach
                                    @endif
									</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>

<div id="updateModal" 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">Select New Mcc & Mpp</h4>
					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
				</div>
            <div class="modal-body">
                <form id="updateForm">
                    <div class="form-group">
                        <label for="mccSelect">MCC Name</label>
                        <select class="form-control " id="mccSelect" name="mcc" style="width: 100%;">
                            <option value="">Select MCC</option>
                            	@foreach($mcc as $m)
									<option value="{{$m->code}}">{{$m->name}}({{$m->code}})</option>
								@endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="mppSelect">MPP Code</label>
                        <select class="form-control " id="mppSelect" name="mpp" style="width: 100%;">
                            <option value="">Select MPP</option>
                            	@foreach($mpps as $mpp)
									<option value="{{$mpp->code}}">{{$mpp->name}}({{$mpp->code}})</option>
								@endforeach
                        </select>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                	<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" id="submitUpdate">Update</button>
            </div>
        </div>
    </div>
</div>

@section('script')

{{-- <script src="{{asset("src/js/pages/patients.js")}}"></script> --}}

<script src="../src/js/pages/validation.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

mppDropdown.empty(); // Clear existing MPP options
            mppDropdown.append('<option value="">Select</option>'); // Default option

if (selectedMcc) {
                // Filter MPPs based on selected MCC
                const filteredMpps = mccMppData.filter(mpp => mpp.mcc_code === selectedMcc);

// Add filtered options to MPP dropdown
                filteredMpps.forEach(mpp => {
                    mppDropdown.append(`<option value="${mpp.code}">${mpp.name} (${mpp.code})</option>`);
                });
            }
        });
    });
</script>
<script>
    $(document).ready(function () {
        $('#mccSelect').change(function () {
            const selectedMcc = $(this).val(); // Get selected MCC value
            const mppDropdown = $('#mppSelect');

mppDropdown.empty(); // Clear existing MPP options
            mppDropdown.append('<option value="">Select</option>'); // Default option

if (selectedMcc) {
                // Filter MPPs based on selected MCC
                const filteredMpps = mccMppData.filter(mpp => mpp.mcc_code === selectedMcc);

$(document).ready(function () {
        $("#all_checkbox").change(function () {
            $(".checkBoxClass").attr('checked', this.checked);
        });
    });

</script>

@endsection
@endsection