@extends('layout.index')
@section('title', 'Assign Village')
<!-- Dashboard Ecommerce start -->
<style>
    *{
        font-size: 15px;
    }
</style>

@section('content')

    <section>

        <div class="content-body">
            <div class="content-header row">
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12 d-flex">
                            <h2 class="content-header-title float-start mb-0"> Field Level Village Mapping To Field Executive</h2>
                        </div>
                    </div>
                </div>
               
            </div>
        </div>
       
        @if ($message = Session::get('success'))
        <div class="demo-spacing-0 mb-1">
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <div class="alert-body">
                    <i class="fa fa-check-circle" style="font-size:16px;" aria-hidden="true"></i>
                    {{ $message }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">

                </div>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        </div>
    @elseif ($message = Session::get('error'))
        <div class="demo-spacing-0 mb-1">
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <div class="alert-body">
                    <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
                    {{ $message }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">

                </div>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        </div>
    @endif
        
       
      
        <div class="content-body">
            <section id="multiple-column-form">
                <div class="row justify-content-center">
                    <div class="col-sm-12">
                        <div class="card">
                            <div class="card-body">
                                <form class="form" action="" method="post" enctype="multipart/form-data">
                                    <input type="hidden" name="form_type" value="assign_fe_farmer">
                                    {{ csrf_field() }}

											<div class="row">
												<div class="col-xs-6 col-md-6">
													<div class="form-group">
														<table class="table">
															<thead>
                                                                <tr></tr>
															  <tr>
																<th scope="col"><label class="float-left" for="farmer_mapped" style="margin-top:5px">Village Mapped </label>
																</th>
															  </tr>
															</thead>
															<tbody>
                                                                {{-- <tr> <td>
                                                                    <input type="checkbox" class="checkall" name="checkall" style="width: 20px; height: 20px;" value="checkall" onclick="check_all()">
                                                                    <label for="checkall"> Check All Farmer </label><br></td></tr> --}}
															<tr >
                                                               
																
																<td> <!-- Multi-select dropdown for villages using Select2 -->
																	<div class="form-group">
																		<label class="text-primary">Select Villages </label>
																		<select name="checkbox[]" id="village_select" class="form-control select2 form-select" multiple="multiple">
																																					</select>
																		
																		<small class="text-danger" id="checkbox_err"></small>
																		@error('checkbox')
																			<span class="error" style="color:red;">{{ $message }}</span>
																		@enderror
																	</div>
																</td>
																
															</tr>
															</tbody>
														</table>
													</div>
                                                   
												</div>

												<div class="col-12  ">
                                                  
                                                        {{-- <div class=" col-md-2 form-group">
                                                            <label for="fe_farmer_file">Upload Document </label>
                                                            <input type="file" id="fe_farmer_file" name="fe_farmer_file" class="form-control ">
                                                            @if ($errors->has('fe_farmer_file'))
                                                                <span class="text-danger">{{ $errors->first('fe_farmer_file') }}</span>
                                                            @endif
                                                            <h5><small class="text-danger" id="fe_farmer_file_err"></small></h5>
                
                                                        </div> --}}
                                                        <div class="col-md-2 mt-2 text-center">
                                                            <button type="submit" class="btn btn-primary mr-1" >Submit</button>
                                                            <a href="{{ url('/field_executive') }}" type="reset"
                                                             class="btn btn-outline-secondary">Cancel</a>
        
                                                        </div>
                                                        
                                                        
                                                    
                                                    
                                       
                                                </div>
												
											</div>
                                          
											
										</form>
									</div>
								</div>
							</div>
						</div>
					</section>
				</div>
              
			</section>
		  
		@endsection
<script>
    var clicked = false;
function check_all() {
  $(".checkbox").prop("checked", !clicked);
  clicked = !clicked;

  this.innerHTML = clicked ? 'Deselect' : 'Select';
};
</script>