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")}} --}}

.select2-container .select-all {
        position: absolute;
        top: 6px;
        right: 4px;
        width: 20px;
        height: 20px;
        margin: auto;
        display: block;
        background: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgNDc0LjggNDc0LjgwMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc0LjggNDc0LjgwMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zOTYuMjgzLDI1Ny4wOTdjLTEuMTQtMC41NzUtMi4yODItMC44NjItMy40MzMtMC44NjJjLTIuNDc4LDAtNC42NjEsMC45NTEtNi41NjMsMi44NTdsLTE4LjI3NCwxOC4yNzEgICAgYy0xLjcwOCwxLjcxNS0yLjU2NiwzLjgwNi0yLjU2Niw2LjI4M3Y3Mi41MTNjMCwxMi41NjUtNC40NjMsMjMuMzE0LTEzLjQxNSwzMi4yNjRjLTguOTQ1LDguOTQ1LTE5LjcwMSwxMy40MTgtMzIuMjY0LDEzLjQxOCAgICBIODIuMjI2Yy0xMi41NjQsMC0yMy4zMTktNC40NzMtMzIuMjY0LTEzLjQxOGMtOC45NDctOC45NDktMTMuNDE4LTE5LjY5OC0xMy40MTgtMzIuMjY0VjExOC42MjIgICAgYzAtMTIuNTYyLDQuNDcxLTIzLjMxNiwxMy40MTgtMzIuMjY0YzguOTQ1LTguOTQ2LDE5LjctMTMuNDE4LDMyLjI2NC0xMy40MThIMzE5Ljc3YzQuMTg4LDAsOC40NywwLjU3MSwxMi44NDcsMS43MTQgICAgYzEuMTQzLDAuMzc4LDEuOTk5LDAuNTcxLDIuNTYzLDAuNTcxYzIuNDc4LDAsNC42NjgtMC45NDksNi41Ny0yLjg1MmwxMy45OS0xMy45OWMyLjI4Mi0yLjI4MSwzLjE0Mi01LjA0MywyLjU2Ni04LjI3NiAgICBjLTAuNTcxLTMuMDQ2LTIuMjg2LTUuMjM2LTUuMTQxLTYuNTY3Yy0xMC4yNzItNC43NTItMjEuNDEyLTcuMTM5LTMzLjQwMy03LjEzOUg4Mi4yMjZjLTIyLjY1LDAtNDIuMDE4LDguMDQyLTU4LjEwMiwyNC4xMjYgICAgQzguMDQyLDc2LjYxMywwLDk1Ljk3OCwwLDExOC42Mjl2MjM3LjU0M2MwLDIyLjY0Nyw4LjA0Miw0Mi4wMTQsMjQuMTI1LDU4LjA5OGMxNi4wODQsMTYuMDg4LDM1LjQ1MiwyNC4xMyw1OC4xMDIsMjQuMTNoMjM3LjU0MSAgICBjMjIuNjQ3LDAsNDIuMDE3LTguMDQyLDU4LjEwMS0yNC4xM2MxNi4wODUtMTYuMDg0LDI0LjEzNC0zNS40NSwyNC4xMzQtNTguMDk4di05MC43OTcgICAgQzQwMi4wMDEsMjYxLjM4MSw0MDAuMDg4LDI1OC42MjMsMzk2LjI4MywyNTcuMDk3eiIgZmlsbD0iIzAwMDAwMCIvPgoJCTxwYXRoIGQ9Ik00NjcuOTUsOTMuMjE2bC0zMS40MDktMzEuNDA5Yy00LjU2OC00LjU2Ny05Ljk5Ni02Ljg1MS0xNi4yNzktNi44NTFjLTYuMjc1LDAtMTEuNzA3LDIuMjg0LTE2LjI3MSw2Ljg1MSAgICBMMjE5LjI2NSwyNDYuNTMybC03NS4wODQtNzUuMDg5Yy00LjU2OS00LjU3LTkuOTk1LTYuODUxLTE2LjI3NC02Ljg1MWMtNi4yOCwwLTExLjcwNCwyLjI4MS0xNi4yNzQsNi44NTFsLTMxLjQwNSwzMS40MDUgICAgYy00LjU2OCw0LjU2OC02Ljg1NCw5Ljk5NC02Ljg1NCwxNi4yNzdjMCw2LjI4LDIuMjg2LDExLjcwNCw2Ljg1NCwxNi4yNzRsMTIyLjc2NywxMjIuNzY3YzQuNTY5LDQuNTcxLDkuOTk1LDYuODUxLDE2LjI3NCw2Ljg1MSAgICBjNi4yNzksMCwxMS43MDQtMi4yNzksMTYuMjc0LTYuODUxbDIzMi40MDQtMjMyLjQwM2M0LjU2NS00LjU2Nyw2Ljg1NC05Ljk5NCw2Ljg1NC0xNi4yNzRTNDcyLjUxOCw5Ny43ODMsNDY3Ljk1LDkzLjIxNnoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K') no-repeat center;
        background-size: contain;
        cursor: pointer;
        z-index: 999999;
    }                        
        
</style>

@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">
						<h3>Allotment For <span style="color:#00abea;">{{ ucfirst($name) }}</span></h3>
						</div>
						<div class="box-header with-border">
						<div class="clearfix">
						@if(\Auth::user()->role_id=='1')
						<form action="{{URL('/admin/allot-form')}}" role="form" id="addAllotForm">
    				    <input type="hidden" value="{{csrf_token()}}" id="token">
    				    <input type="hidden" value="{{$id}}" id="id" name="user_id">
						<div class="row">
						    <div class="col-md-3">
						        <div class="form-group">
						            <label for="form_id" class="form-label">BMC :</label>
						            <select class="form-control select2" name="district_id[]" id="district_id" multiple="multiple" data-placeholder="Select BMC" onChange="getFormByDistrict({{ $assign_status }})">
						                @foreach($districts as $key=>$district) 
						                    <option value="{{ $district->mcc_code }}">{{ $district->name}}({{ $district->mcc_code }})</option>
						                @endforeach
						            </select>
						        </div>
						    </div>
							<div class="col-md-3">
								<div class="form-group">
    								<label for="form_id" class="form-label">Forms :</label>
                                    <select class="form-control select2" name="form_id[]" id="form_id" multiple="multiple" data-placeholder="Select Forms" style="width: 100%;">
                                       
                                    </select>
                                    <span class="label label-danger" id="add_form_id_error" style="display: none;"></span>
                                </div>
                            </div>
                            @if($assign_status)
                                <div class="col-md-3">
    								<div class="form-group">
    									<label for="module_id" class="form-label">Sections :</label><span style="color:red;">(Max Allowed Sections :{{ $max_allowed_sections }})</span><br>
            								@foreach($assigned_sections as $key=>$section) 
            								    <input type="hidden" value="{{ $section->id }}" name="module_id[]">
            								@endforeach
            								
            								@foreach($assigned_sections as $key=>$section) 
            								    <span>{{ $section->id }}. {{ $section->section }}</span><br>
            								@endforeach
            							<span class="label label-danger" id="add_module_id_error" style="display: none;"></span>
    								</div>
    							</div>
                            @else
                                <div class="col-md-3">
    								<div class="form-group">
    									<label for="module_id" class="form-label">Sections :</label><span style="color:red;">(Max Allowed Sections :{{ $max_allowed_sections }})</span>
    								    <select class="form-control select2" name="module_id[]" id="module_id" multiple="multiple" data-placeholder="Select Sections" style="width: 100%;" data-maximum-selection-length="{{ $max_allowed_sections }}">
            								<option value="1">1.Member Detail</option>
            								<option value="2">2.Address And Contact Detail</option>
            								<option value="3">3.Milk Production And Consumption Details</option>
            								<option value="4">4.Saving Bank Account Details</option>
            								<option value="5">5.Particular Of My House Hold Members Living With Me</option>
            								<option value="6">6.Nominee Declaration</option>
            								<option value="7">7.Village Details</option>
            								<option value="8">8.Member Fee Details</option>
            							</select>
            							<span class="label label-danger" id="add_module_id_error" style="display: none;"></span>
    								</div>
    							</div> 
                            @endif
							
							<div class="col-md-3">
								<button type="button" class="btn btn-primary" onclick="allotForm()">Allot</button>
							</div>
						</div>
                        </form>	
                        	@endif
						</div>
						</div>
						
				          <div class="box-body">
						    <h3>Allotment Form List</h3>
							<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;">ID</th>
										<th style="text-align: center;">Form No.</th>
										<th style="text-align: center;">Sections Allotted</th>
									</tr>
									</thead>
									<tbody>
    								@foreach($allot_forms as $key=>$allot_form)
									<tr id="tr_{{$allot_form->id}}">
										<td>{{$key+1}}</td>
										<td>{{$allot_form->form_no}}</td>
										<td>{{$allot_form->module_id}}</td>
									</tr>
									@endforeach
									</tbody>
									<tfoot>
                                  </tfoot>
								</table>
							</div>
						</div>
						
					</div>
					
				</div>
			</div>
		</section>
		
	</div>
</div>
@endsection
@section('script')
{{-- <script src="{{asset("src/js/pages/patients.js")}}"></script> --}}
<script src="../src/js/pages/validation.js"></script>
<script src="../src/js/pages/form-validation.js"></script>
<script src="../src/js/pages/form-validation.js"></script>

<script>

// abc();
    
    $(document).on('click', '.select-all', function (e) {
        console.log("inside document part ");
        console.log(this);
        selectAllSelect2($(this).siblings('.selection').find('.select2-search__field'));
    });