@extends('layout.index')
@section('title', 'User Create')
<!-- 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 Executive</h2>
                        </div>
                    </div>
                </div>
               
            </div>
        </div>
       
        @if ($message != "")
        <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>
        @endif
        {{-- @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>
        @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="fe_farmers">
                                    {{ csrf_field() }}

											<div class="row">
												<!-- <div class="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">Farmer Mapped </label>
																</th>
															  </tr>
															</thead>
															<tbody>
                                                                <tr> <td>
                                                                    {{-- <button type="button" class="btn btn-primary mr-1 checkall" >All Farmer Assign</button> --}}
                                                                    <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  > 
																																		<h5 class="mt-3"><small class="text-danger" id="checkbox_err"></small></h5>
																	@error('checkbox')
																	<span class="error" style="color:red;">{{ $message }}</span>
																	@enderror
																</td>
                                                               
															</tr>
															</tbody>
														</table>
													</div>
                                                    <div class="row  align-items-center">
                                                        <div class="col-sm-5"><hr></div>
                                                        <div class="col-sm-2 text-center">
                                                            <p class="m-0 text-primary">OR</p>
                                                        </div>
                                                        <div class="col-sm-5"><hr></div>
                                                    </div>
												</div> -->

                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label class="d-block mb-2" for="farmer_mapped">Farmer Mapped</label>
                                                        
                                                        <div class="mb-2">
                                                            <input type="checkbox" class="checkall" name="checkall" id="checkall" value="checkall" style="width: 20px; height: 20px;" onclick="check_all()">
                                                            <label for="checkall"> Check All Farmer</label>
                                                        </div>

                                                        <div style="max-height: 300px; overflow-y: auto; border: 1px solid #ddd; padding: 10px;">
                                                            @foreach ($farmers as $item)
                                                                <div class="form-check">
                                                                    <input
                                                                        type="checkbox"
                                                                        class="form-check-input checkbox"
                                                                        name="checkbox[]"
                                                                        id="farmer_{{ $item['farmer_id'] }}"
                                                                        value="{{ $item['farmer_id'].'_'.$item['code'] }}"

                                                                        {{ in_array($item['farmer_id'], $selected_farmer) ? 'checked' : '' }}
                                                                    >
                                                                    <label class="form-check-label" for="farmer_{{ $item['farmer_id'] }} ">
                                                                        {{ $item['name'] . ' (' . $item['code'] . ')' }} 
                                                                    </label>
                                                                </div>
                                                            @endforeach
                                                        </div>

                                                        @error('checkbox')
                                                            <small class="text-danger d-block mt-2">{{ $message }}</small>
                                                        @enderror
                                                        <small class="text-danger" id="checkbox_err"></small>
                                                    </div>

                                                    
                                                </div>
                                               
												<!-- <div class="col-12">
                                                     <div class="row">
                                                        <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 form-group">
                                                            <button type="submit" id="downloadbtn" class="btn btn-danger mt-2">
                                                                <a href="{{ url('field_executive/download/fe_farmer_file') }}?v=1.2" class="text-white">Download Sample</a>
                                                            </button> 
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-4 mt-2">
                                                            <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> -->

                                                <div class="col-md-6">
                                                    <div class="form-group my-3 text-center mt-3">
                                                        <a href="{{ url('field_executive/download/fe_farmer_file') }}?v=1.2" 
                                                        class="btn btn-danger text-white">
                                                            Download Sample
                                                        </a>
                                                    </div>

                                                    <div class="d-flex align-items-center my-1">
                                                        <hr class="flex-grow-1">
                                                        <span class="px-2 text-primary">OR</span>
                                                        <hr class="flex-grow-1">
                                                    </div>

                                                    <div class="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'))
                                                            <small class="text-danger d-block mt-1">
                                                                {{ $errors->first('fe_farmer_file') }}
                                                            </small>
                                                        @endif

                                                        <small class="text-danger" id="fe_farmer_file_err"></small>
                                                    </div>
                                                </div>

                                               
                                                <div class="col-md-12 text-center">
                                                    <div class="form-group mt-4 ">
                                                        <button type="submit" class="btn btn-primary ">Submit</button>
                                                        <a href="{{ url('/field_executive') }}" 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>