@extends('layout.index')
@section('title', 'Verify Farmer')

<!-- Dashboard Ecommerce start -->
@section('content')
<style>
    .custom-option-btn{
        background: white;
        border: none;
        /* box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1); */
        padding: 5px;
        border-radius: 50%;
    }
    .blurred {
        filter: blur(1px);
        pointer-events: none; /* prevents double click */
        opacity: 0.6;
    }
</style>
<script src="/src/js/filters.js"></script>
<section>
    <div class="content-header row">
        <div class="content-header-left col-md-8 col-12 mb-2">
            <div class="row breadcrumbs-top">
                <div class="col-12 d-flex">
                    <h2 class="content-header-title float-start mb-0">Verify Farmer List</h2>
                </div>
            </div>
        </div>
       
    </div>       
</section>
<section>
    @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">
        <!-- Bordered table start -->
        <div class="row" id="table-bordered">
            <div class="col-12">
                <div class="card ">
                    <form class="dt_adv_search" action="" method="POST">
                        {{ csrf_field() }}
                        <input type="hidden" name="form_type" value="search_verify_farmer">

                        <div class="card-header w-100 m-0">
                            <div class="row w-150">
                                <div class="col-sm-12">
                                    <div class="row">
                                    <div class="col-md-2 col-12">   
                                            <div class="form-group">
                                                <label class="form-label" for="validationTooltip01"> Program Name <span style="color:red;">*</span></label>
                                                <select class=" form-control form-select program_filter" id="program_id"  name='program' onchange="get_brands_filters(); get_FE();">
                                                    <option value=''> Select Program </option>
                                                                                                    </select>
                                                <small class="text-danger" id="program_id_err"></small> 
                                            </div>
                                        </div>

                                        <div class="col-md-2 col-12">   
                                            <div class="form-group">
                                                <label class="form-label" for="validationTooltip01"> Brand Name <span style="color:red;">*</span></label>
                                                <select class=" form-control form-select brand_filter" id="brand_id"  name='brand' onchange="get_season_filters(); get_FE();">
                                                    <option value=''> Select Brand </option>
                                                                                                    </select>
                                                <small class="text-danger" id="brand_id_err"></small> 
                                            </div>
                                        </div>

                                        <div class="col-md-2 col-12">   
                                            <div class="form-group">
                                                <label class="form-label" for="validationTooltip01"> Season <span style="color:red;">*</span></label>
                                                <select class=" form-control form-select season_filter" id="season" name='season' onchange="get_country_filters(); get_FE();">
                                                                                                    </select>
                                                <small class="text-danger" id="season_err"></small> 
                                            </div>
                                        </div>

                                        <div class="col-md-2 col-12">   
                                            <div class="form-group">
                                                <label class="form-label" for="validationTooltip01">Country <span style="color:red;">*</span></label> 
                                                <select class="text-primary form-control form-select country_filter" id="country_id" name='country' onchange="get_state_filters(); get_FE();">
                                                        <option value=''>Select Country</option>
                                                                                                        </select>
                                                <small class="text-danger" id="country_id_err"></small> 
                                            </div>
                                        </div>

                                      
                                        <!-- <input type="hidden" class="country_filter" name="countryId" value="{{$country_id}}"> -->
                                        <div class="col-md-2 col-12">   
                                            <div class="form-group">
                                                <label class="form-label" for="validationTooltip01"> State Name <span style="color:red;">*</span></label>
                                                <select class=" form-control form-select state_filter" id="state_id"  name='state' onclick="get_district_filters(); get_FE(); ">
                                                    <!-- <option value='0'>Select State</option> -->
                                                                                                    </select>
                                                <small class="text-danger" id="state_id_err"></small>
                                            </div>
                                        </div>

                                        <div class="col-md-2 col-12">   
                                            <div class="form-group">
                                                <label class="form-label" for="validationTooltip01"> District Name </label>
                                                <select class=" form-control form-select district_filter" id="district_id"  name='district' onclick="get_block_filters(); get_FE();">
                                                    <option value='0'>Select District</option>
                                                    {{--  --}}
                            
                                                </select>
                                                
                                            </div>
                                        </div>

                                        <div class="col-sm-2" >
                                            <div class="form-group mb-0">
                                                <lable class=""> Blocks</label>
                                                <select class=" form-control form-select block_filter" id="block_id" name='block' onchange="get_village_filters(); get_FE();">
                                                    <!-- <option value='0'>Select Blocks</option> -->
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-sm-2" >
                                            <div class="form-group mb-0">
                                                <label class=""> Villages</label>
                                                <select class=" form-control form-select village_filter" id="village_id" name='village' onchange="get_FE();">
                                                    <!-- <option value='0'>Select Villages</option> -->
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-2 col-12">
                                            <div class="form-group">
                                                <label class="form-label" for="validationTooltip01">Farmer Type</label>
                                                <select class=" form-control form-select " id="farmer_type"  name='farmer_type' >
                                                    <option value=''>Select Farmer Type</option>
                                                                                                    </select>
                                            </div>
                                        </div>

                                        <div class="col-md-2 col-12" >   
                                            <div class="form-group">
                                                <label class="form-label"> Field Executive </label>
                                                <select class="form-control form-select select2" id="feId" name='feId'>
                                                    <option value='0'>Select Field Executive</option>
                                                                                                    </select>
                                                <h5 class="mt-1"><small class="text-danger" id="feId_err"></small></h5>
                                                @error('feId')
                                                    <span class="error" style="color:red;">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                      
                                        <div class="col-md-2 col-12">
                                            <div class="form-group">
                                                <label class="form-label" for="isContinueProgram">Is Continue Program</label>
                                                <select class="form-control form-select" id="isContinueProgram" name="isContinueProgram">
                                                    <option value="" >Select Option</option>
                                                    <option value="Yes" {{ old('isContinueProgram', $isContinueProgram) == 'Yes' ? 'selected' : '' }}>Yes</option>
                                                    <option value="No" {{ old('isContinueProgram', $isContinueProgram) == 'No' ? 'selected' : '' }}>No</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-2 col-12">
                                            <div class="form-group">
                                                <label class="form-label" for="is_intends_grow_cotton">Is Intends Grow Cotton</label>
                                                <select class="form-control form-select" id="is_intends_grow_cotton" name="is_intends_grow_cotton">
                                                    <option value="" >Select Option</option>
                                                    <option value="Yes" {{ old('is_intends_grow_cotton', $is_intends_grow_cotton) == 'Yes' ? 'selected' : '' }}>Yes</option>
                                                    <option value="No" {{ old('is_intends_grow_cotton', $is_intends_grow_cotton) == 'No' ? 'selected' : '' }}>No</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-sm-2  ">
                                            <label class="form-label" for="validationTooltip01"> Farmer Code:
                                            </label><br>
                                            <input type="text" id="farmer_code" class="form-control" placeholder="Farmer Code"
                                                name="farmer_code" value="{{ $search_farmer_code }}" autocomplete="off" />
                                        </div>
                                      
                                        <div class="col-md-4 col-12 mt-2" >   
                                            <div class="form-group ">
												<button type="submit" class="btn btn-primary" id="search_verify_farmer" onclick="return validation()">Search</button>
                                                <div id="clear_btn" class="float-xl-right" style="margin-right: 210px ">

                                                </div>
                                               
                                                @if ( !empty($search_farmer_code) || !empty($isContinueProgram) || !empty($is_intends_grow_cotton) || !empty($districtId) || !empty($districtId) || !empty($villageId) || !empty($blockId) || !empty($feId) )
                                                    <a title="Clear" href="{{ url('/verification_report/clear_search' ) }}" type="button"
                                                        class="btn btn-outline-primary ">
                                                        <i data-feather="rotate-ccw" class="me-25"></i> Clear Search
                                                    </a>
                                                @endif

                                                <div class="form-group pull-right">
                                                    <button type="button" id="export_verify_farmer" class="btn btn-primary"
                                                            onclick="export_all_farmers()">Export Data</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered table_content" id="farmers_table">
                            <thead>
                                <tr>
                                 
                                        <tr>
                                            <th class="text-center">Sr. No</th>
                                            <!-- <th class="text-center">Register Season</th> -->
                                            <th class="text-center">Farmer Code</th>
                                            <th class="text-center">Farmer Name</th>
                                            <th class="text-center">Brand</th>
                                            <th class="text-center">Program</th>
                                            <th class="text-center">Country</th>
                                            <th class="text-center">State</th>
                                            <th class="text-center">District</th>
                                            <th class="text-center">Block</th>
                                            <th class="text-center">Village</th>
                                            <th class="text-center">Farmer Type</th>
                                            <th class="text-center">Is Continuing Programme</th>
                                            <th class="text-center">Is Intends Grow Cotton</th>
                                            <th class="text-center">Total Estimated Yield</th>
                                            <th class="text-center">Reason Not Continuing Programme</th>
                                            <th class="text-center">Reason Not Continuing Programme Other</th>
                                            <th class="text-center">Reason Not Growing Cotton</th>
                                            <th class="text-center">Reason Not Growing Cotton Other</th>
                                            <th class="text-center">Met With Farmer</th>
                                            <th class="text-center">Date Meeting With Farmer</th>
                                            <th class="text-center">Which Type Of Mobile Do You Own</th>
                                            <th class="text-center">Created By</th>
                                            <th class="text-center">Created At</th>
                                        </tr>
                               

                                </tr>
                            </thead>
                            <tbody>
                                                            <tr>
                                    <td colspan="100%" style="text-align:center; color:red;">No Record Found</td>
                                </tr>
                            
                            </tbody>
                        </table>
                    </div>

                    
					<div class="card-body">
						<div class="d-flex justify-content-end">
							{{$Paginator}}
						</div>
					</div>
                </div>

            </div>
        </div>
        <!-- Bordered table end -->
        <input type="hidden" id="pageName" value="verify_farmer_list">
    </div>
    <div id='loader_outer'>
        <div id='loader' ></div>
    </div>
    
</section>

<script>
    var aUserDetails = [];
  
    var a_season = [];
    // var a_country = [];
    // var seasonSelected = '';
    // var currentSeason=null;
    var a_brand=[];
    var a_program=[];
    var a_country = [];
    var a_states = [];
    var a_districts = [];
    var a_village = [];
    var a_block = [];
    var aFE = [];
  
    var aPBRMapping = [];
    // var aUserDetails = [];
    var currentSeason=null;
    var programId = null;
    var brandId = null;
    var countryId = null;
    var stateId = null;
    var districtId = null;
    var blockId = null;
    var villageId = null;
    var seasonSelected = '';
    var superadmin = null;
    var feId = null;

    $(document).ready(function() {
        get_brands_filters();
        get_FE();
        $('#search_escaltion_btn').removeClass('blurred');
        $('#export_escalation').removeClass('blurred');
    })

    function export_all_farmers()
    {
        if (validation()) {  
        
            var season = $('#season').val();
            var country = $('#country_id').val();
            var state = $('#state_id').val();
            var district = $('#district_id').val();
            var block = $('#block_id').val();
            var village = $('#village_id').val();
            var brand = $('#brand_id').val();
            var program = $('#program_id').val();
            var farmer_type = $('#farmer_type').val();
            var farmer_code = $('#farmer_code').val() ;
            var feId = $('#feId').val();
            var isContinueProgram = $('#isContinueProgram').val() ;
            var is_intends_grow_cotton = $('#is_intends_grow_cotton').val();

            var url="