@extends('admin.layouts.layouts')

@section('title', 'Edit | Farmer')

@section('content')
    <div class="page-header">
        <h3 class="page-title">Edit Farmer User</h3>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="{{ route('farmer.index') }}">Farmer User</a></li>
                <li class="breadcrumb-item active" aria-current="page">Edit</li>
            </ol>
        </nav>
    </div>
    <div class="card">
        {!! Form::open([
            'route' => 'farmer.store',
            'method' => 'POST',
            'id' => 'farmer-form',
            'enctype' => 'multipart/form-data',
        ]) !!}
        @csrf
        {!! Form::hidden('id', $farmer->id, ['id' => 'id']) !!}
        <div class="card-body">
            <div class="row mt-3">
                <div class="col-md-12">
                    <h4 class="card-title"><b>Basic Details</b></h4>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="farmer_name" class="form-label">Farmer Name (As Per Aadhar Card) <span
                                        class="text-danger">*</span></label>
                                <input type="text" name="farmer_name" id="farmer_name" class="form-control onlytxt"
                                    placeholder="Enter Farmer Name" value="{{ old('farmer_name', $farmer->farmer_name) }}"
                                    data-parsley-required data-parsley-trigger='keyup'
                                    data-parsley-required-message="Please enter full name" maxlength="100"
                                    data-parsley-maxlength="100"
                                    data-parsley-maxlength-message="Farmer name may not be greater than 100 character"
                                    data-parsley-pattern='^[a-zA-Z_ ]*$'
                                    data-parsley-pattern-message='Only alphabets are allowed'>
                                <span class="text-danger" id="farmer_name_error">{{ $errors->first('farmer_name') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="short_name" class="form-label">Nick Name</label>
                                <input type="text" name="short_name" id="short_name" class="form-control "
                                    placeholder="Enter Nick Name" value="{{ old('short_name', $farmer->short_name) }}">
                                <span class="text-danger" id="short_name_error">{{ $errors->first('short_name') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="phone_number" class="form-label">Phone Number <span
                                        class="text-danger">*</span></label>
                                <input type="text" name="phone_number" id="phone_number" class="form-control mobile"
                                    placeholder="Enter Phone Number"
                                    value="{{ old('phone_number', $farmer->phone_number) }}" data-parsley-required
                                    data-parsley-trigger="keyup" data-parsley-type="digits" data-parsley-minlength="10"
                                    data-parsley-minlength-message="Phone number at least 10 characters long" maxlength="15"
                                    data-parsley-maxlength="15"
                                    data-parsley-maxlength-message="Phone number may not be greater than 15 character"
                                    data-parsley-required-message='Please enter phone number' maxlength="10"
                                    oninput="this.value=this.value.slice(0,this.maxLength)"
                                    data-parsley-type-message="Please enter valid phone number">
                                <span class="text-danger"
                                    id="phone_number_error">{{ $errors->first('phone_number') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="email" class="form-label">Email Address</label>
                                <input type="text" class="form-control" name="email"
                                    value="{{ old('email', $farmer->email) }}"
                                    @if (!auth()->user()->hasAnyRole(['Admin', 'Super Admin'])) readonly @endif data-parsley-trigger="keyup"
                                    data-parsley-type="email"
                                    data-parsley-pattern="^[a-zA-Z0-9.]+@[a-zA-Z0-9]+\.[a-zA-Z]{2,}$"
                                    data-parsley-pattern-message="{{ __('messages.custom.email_pattern_messages') }}"
                                    data-parsley-type-message="Please enter valid email address"
                                    data-parsley-validate-full-width-characters="true">
                                <span class="text-danger" id="email_error">{{ $errors->first('email') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="employee_master_id" class="form-label">Sales Manager <span
                                        class="text-danger">*</span></label>
                                <select name="employee_master_id" id="employee_master_id"
                                    class="form-control form-control-lg" data-parsley-required
                                    data-parsley-required-message="Please select sales manager"
                                    data-parsley-errors-container='#employee_master_id_error'>
                                    <option value="">Select Sales Manager</option>
                                    @foreach ($employeeMasters as $key => $employeeMaster)
                                        <option value="{{ $key }}"
                                            {{ old('employee_master_id', $farmer->employee_master_id) == $key ? 'selected' : '' }}>
                                            {{ $employeeMaster }}
                                        </option>
                                    @endforeach
                                </select>
                                <span class="text-danger"
                                    id="employee_master_id_error">{{ $errors->first('employee_master_id') }}</span>
                            </div>
                        </div>

                        <div class="col-md-8">
                            <div class="form-group">
                                <label for="address" class="form-label">Address (As Per Aadhar Card) <span
                                        class="text-danger">*</span></label>
                                <textarea maxlength="200" name="address" id="address" rows="4" placeholder="Enter Address" class="form-control"
                                    data-parsley-required data-parsley-trigger='keyup' data-parsley-required-message="Please enter address">{{ old('address', $farmer->address) }}</textarea>
                                <span class="text-danger" id="address_error">{{ $errors->first('address') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="form-label">State <span class="text-danger">*</span></label>
                                <select class="form-control stateSelect" name="state" id="state"
                                    data-parsley-trigger="keyup" data-parsley-required
                                    data-parsley-required-message="Please select state"
                                    data-parsley-errors-container='#state_error'>
                                    <option value="">Select State</option>
                                    @foreach ($states as $stateData)
                                        <option value="{{ $stateData->id }}"
                                            {{ old('state', $farmer->state) == $stateData->id ? 'selected' : '' }}>
                                            {{ $stateData->state_name }}
                                        </option>
                                    @endforeach
                                </select>
                                <span class="text-danger error-msg" id="state_error">{{ $errors->first('state') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="form-label">District <span class="text-danger">*</span></label>
                                <select class="form-control districtSelect" name="district" id="district"
                                    data-parsley-trigger="keyup" data-parsley-required
                                    data-parsley-required-message="Please select district"
                                    data-parsley-errors-container='#district_error'>
                                    <option value="">Select District</option>
                                    @if ($farmer->district)
                                        @foreach ($districts as $district)
                                            <option value="{{ $district->id }}"
                                                {{ old('district', $farmer->district) == $district->id ? 'selected' : '' }}>
                                                {{ $district->district_name }}
                                            </option>
                                        @endforeach
                                    @endif
                                </select>
                                <span class="text-danger error-msg"
                                    id="district_error">{{ $errors->first('district') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="form-label">Taluka <span class="text-danger">*</span></label>
                                <select class="form-control talukaSelect" name="taluka" id="taluka"
                                    data-parsley-trigger="keyup" data-parsley-required
                                    data-parsley-required-message="Please select taluka"
                                    data-parsley-errors-container='#taluka_error'>
                                    <option value="">Select Taluka</option>
                                    @if ($farmer->taluka)
                                        @foreach ($talukas as $taluka)
                                            <option value="{{ $taluka->id }}"
                                                {{ old('taluka', $farmer->taluka) == $taluka->id ? 'selected' : '' }}>
                                                {{ $taluka->sub_district_name }}
                                            </option>
                                        @endforeach
                                    @endif
                                </select>
                                <span class="text-danger error-msg"
                                    id="taluka_error">{{ $errors->first('taluka') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="form-label">City <span class="text-danger">*</span></label>
                                <select class="form-control citySelect" name="city" id="city"
                                    data-parsley-trigger="keyup" data-parsley-required
                                    data-parsley-required-message="Please select city"
                                    data-parsley-errors-container='#city_error'>
                                    <option value="">Select City</option>
                                    @if ($farmer->city)
                                        @foreach ($cities as $city)
                                            <option value="{{ $city->id }}"
                                                {{ old('city', $farmer->city) == $city->id ? 'selected' : '' }}>
                                                {{ $city->city_name }}
                                            </option>
                                        @endforeach
                                    @endif
                                </select>
                                <span class="text-danger error-msg" id="city_error">{{ $errors->first('city') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="form-label">Pincode <span class="text-danger">*</span></label>
                                <input type="text" class="form-control pinCode" name="pincode"
                                    placeholder="Enter Pincode" value="{{ old('pincode', $farmer->pincode) }}"
                                    data-parsley-trigger="keyup" data-parsley-required="true"
                                    data-parsley-required-message="Please enter pincode" data-parsley-type="number"
                                    data-parsley-type-message="Please enter valid pincode"
                                    data-parsley-pattern="^[0-9]{6}$"
                                    data-parsley-pattern-message="Please enter a valid 6-digit pincode."
                                    data-parsley-length="[6, 6]"
                                    data-parsley-length-message="Pincode must be exactly 6 digits."
                                    data-parsley-errors-container='#pincode_error'>
                                <span class="text-danger error-msg"
                                    id="pincode_error">{{ $errors->first('pincode') }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-md-12">
                    <h4 class="card-title"><b>KYC Details</b></h4>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="aadhar_number" class="form-label">Aadhar Number <span
                                        class="text-danger">*</span></label>
                                <input type="text" name="aadhar_number" id="aadhar_number"
                                    class="form-control aadharNumber" placeholder="Enter Aadhar Number"
                                    value="{{ old('aadhar_number', $farmer->aadhar_number) }}" data-parsley-required
                                    data-parsley-trigger="keyup" data-parsley-type="digits"
                                    data-parsley-required-message='Please enter aadhar number' maxlength="12"
                                    oninput="this.value=this.value.slice(0,this.maxLength)" data-parsley-minlength="12"
                                    data-parsley-minlength-message="Aadhar number at least 12 characters long"
                                    data-parsley-type-message="Please enter valid aadhar number"
                                    data-parsley-maxlength="12"
                                    data-parsley-maxlength-message="Aadhar number may not be greater than 12 character">
                                <span class="text-danger"
                                    id="aadhar_number_error">{{ $errors->first('aadhar_number') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="aadhar_front" class="form-label">Aadhar Front <span
                                        class="text-danger">*</span></label>
                                <div class="align-items-start">
                                    <div class="input-group">
                                        <input type="file" name="aadhar_front" id="aadhar_front" class="form-control"
                                            data-parsley-trigger='keyup'
                                            @if (empty($farmer->aadhar_front)) data-parsley-required required data-parsley-required-message="Please upload aadhar front" @endif
                                            data-parsley-filetype="pdf,doc,docx,png,jpg,jpeg"
                                            data-parsley-filetype-message="Only .pdf, .doc, .docx, .png, .jpg and .jpeg files are allowed."
                                            data-parsley-errors-container="#aadhar_front_error">
                                        @php
                                            $extension = pathinfo($farmer->aadhar_front, PATHINFO_EXTENSION);
                                            $imageExtensions = ['jpeg', 'png', 'jpg'];
                                        @endphp

                                        @if (!empty($farmer->aadhar_front) && file_exists(public_path('storage/' . $farmer->aadhar_front)))
                                            @if (in_array(strtolower($extension), $imageExtensions))
                                                <div class="input-group-append">
                                                    <img src="{{ asset('storage/' . $farmer->aadhar_front) }}"
                                                        alt="Aadhar Front" width="65" height="65"
                                                        class="crudEdit img-thumbnail me-3">
                                                </div>
                                            @else
                                                <a href="{{ asset('storage/' . $farmer->aadhar_front) }}"
                                                    class="btn btn-primary img-thumbnail"
                                                    download="{{ $farmer->aadhar_front_basename }}">
                                                    <i class="fa fa-download mt-1"></i>
                                                </a>
                                            @endif
                                        @else
                                            <img src="{{ asset('assets/images/noimage/no-image.jpeg') }}" alt="No Image"
                                                width="65" height="65" class="crudEdit img-thumbnail me-3">
                                        @endif
                                    </div>
                                </div>
                                <span class="text-danger"
                                    id="aadhar_front_error">{{ $errors->first('aadhar_front') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="aadhar_back" class="form-label">Aadhar Back </label>
                                <div class="align-items-start">
                                    <div class="input-group">
                                        <input type="file" name="aadhar_back" id="aadhar_back" class="form-control"
                                            data-parsley-filetype="pdf,doc,docx,png,jpg,jpeg"
                                            data-parsley-filetype-message="Only .pdf, .doc, .docx, .png, .jpg and .jpeg files are allowed."
                                            data-parsley-errors-container="#aadhar_back_error">
                                        @php
                                            $extension = pathinfo($farmer->aadhar_back, PATHINFO_EXTENSION);
                                            $imageExtensions = ['jpeg', 'png', 'jpg'];
                                        @endphp

                                        @if (!empty($farmer->aadhar_back) && file_exists(public_path('storage/' . $farmer->aadhar_back)))
                                            @if (in_array(strtolower($extension), $imageExtensions))
                                                <div class="input-group-append">
                                                    <img src="{{ asset('storage/' . $farmer->aadhar_back) }}"
                                                        alt="Aadhar Front" width="65" height="65"
                                                        class="crudEdit img-thumbnail me-3">
                                                </div>
                                            @else
                                                <a href="{{ asset('storage/' . $farmer->aadhar_back) }}"
                                                    class="btn btn-primary img-thumbnail"
                                                    download="{{ $farmer->aadhar_back_basename }}">
                                                    <i class="fa fa-download mt-1"></i>
                                                </a>
                                            @endif
                                        @else
                                            <img src="{{ asset('assets/images/noimage/no-image.jpeg') }}" alt="No Image"
                                                width="65" height="65" class="crudEdit img-thumbnail me-3">
                                        @endif
                                    </div>
                                </div>
                                <span class="text-danger"
                                    id="aadhar_back_error">{{ $errors->first('aadhar_back') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="pan_number" class="form-label">Pan Number <span
                                        class="text-danger">*</span></label>
                                <input type="text" name="pan_number" id="pan_number" class="form-control panNumber"
                                    placeholder="Enter Pan Number" value="{{ old('pan_number', $farmer->pan_number) }}"
                                    data-parsley-required data-parsley-trigger="keyup"
                                    data-parsley-required-message='Please enter pan number' maxlength="10"
                                    oninput="this.value=this.value.slice(0,this.maxLength)" data-parsley-minlength="10"
                                    data-parsley-minlength-message="Pan number at least 10 characters long"
                                    data-parsley-maxlength="10"
                                    data-parsley-maxlength-message="Pan number may not be greater than 10 character">
                                <span class="text-danger" id="pan_number_error">{{ $errors->first('pan_number') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="pan_file" class="form-label">Pan Image <span
                                        class="text-danger">*</span></label>
                                <div class="align-items-start">
                                    <div class="input-group">
                                        <input type="file" name="pan_file" id="pan_file" class="form-control"
                                            data-parsley-trigger='keyup'
                                            @if (empty($farmer->pan_file)) data-parsley-required data-parsley-required-message="Please upload pan image" required @endif
                                            data-parsley-filetype="pdf,doc,docx,png,jpg,jpeg"
                                            data-parsley-filetype-message="Only .pdf, .doc, .docx, .png, .jpg and .jpeg files are allowed."
                                            data-parsley-errors-container="#pan_file_error">
                                        @php
                                            $extension = pathinfo($farmer->pan_file, PATHINFO_EXTENSION);
                                            $imageExtensions = ['jpeg', 'png', 'jpg'];
                                        @endphp

                                        @if (!empty($farmer->pan_file) && file_exists(public_path('storage/' . $farmer->pan_file)))
                                            @if (in_array(strtolower($extension), $imageExtensions))
                                                <div class="input-group-append">
                                                    <img src="{{ asset('storage/' . $farmer->pan_file) }}"
                                                        alt="Aadhar Front" width="65" height="65"
                                                        class="crudEdit img-thumbnail me-3">
                                                </div>
                                            @else
                                                <a href="{{ asset('storage/' . $farmer->pan_file) }}"
                                                    class="btn btn-primary img-thumbnail"
                                                    download="{{ $farmer->pan_basename }}">
                                                    <i class="fa fa-download mt-1"></i>
                                                </a>
                                            @endif
                                        @else
                                            <img src="{{ asset('assets/images/noimage/no-image.jpeg') }}" alt="No Image"
                                                width="65" height="65" class="crudEdit img-thumbnail me-3">
                                        @endif
                                    </div>
                                </div>
                                <span class="text-danger" id="pan_file_error">{{ $errors->first('pan_file') }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-md-12">
                    <h4 class="card-title"><b>Bank Details</b></h4>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="bank_name" class="form-label">Bank Name <span
                                        class="text-danger">*</span></label>
                                <input type="text" name="bank_name" id="bank_name" class="form-control onlytxt"
                                    placeholder="Enter Bank Name" value="{{ old('bank_name', $farmer->bank_name) }}"
                                    data-parsley-required data-parsley-trigger='keyup' maxlength="100"
                                    data-parsley-maxlength="100"
                                    data-parsley-maxlength-message="Bank name may not be greater than 100 character"
                                    data-parsley-required-message="Please enter bank name"
                                    data-parsley-errors-container='#bank_name_error'>
                                <span class="text-danger" id="bank_name_error">{{ $errors->first('bank_name') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="account_no" class="form-label">Account Number <span
                                        class="text-danger">*</span></label>
                                <input type="text" name="account_no" id="account_no"
                                    class="form-control bankAccNumber" placeholder="Enter Account Number"
                                    value="{{ old('account_no', $farmer->account_no) }}" data-parsley-required
                                    data-parsley-trigger='keyup'
                                    data-parsley-required-message="Please enter account number" maxlength="20"
                                    oninput="this.value=this.value.slice(0,this.maxLength)" data-parsley-minlength="11"
                                    data-parsley-minlength-message="Account number at least 11 characters long"
                                    data-parsley-maxlength="20"
                                    data-parsley-maxlength-message="Account number may not be greater than 20 character"
                                    data-parsley-errors-container='#account_no_error'>
                                <span class="text-danger" id="account_no_error">{{ $errors->first('account_no') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="ifsc_code" class="form-label">Bank IFSC Code <span
                                        class="text-danger">*</span></label>
                                <input type="text" name="ifsc_code" id="ifsc_code" class="form-control bankIFSCCode"
                                    placeholder="Enter Bank IFSC Code" value="{{ old('ifsc_code', $farmer->ifsc_code) }}"
                                    data-parsley-required data-parsley-trigger='keyup'
                                    data-parsley-required-message="Please enter bank IFSC code" maxlength="11"
                                    oninput="this.value=this.value.slice(0,this.maxLength)" data-parsley-ifsc
                                    data-parsley-minlength="11"
                                    data-parsley-minlength-message="Bank IFSC code at least 11 characters long"
                                    data-parsley-maxlength="11"
                                    data-parsley-maxlength-message="Bank IFSC code may not be greater than 11 character"
                                    data-parsley-errors-container='#ifsc_code_error'>
                                <span class="text-danger" id="ifsc_code_error">{{ $errors->first('ifsc_code') }}</span>
                            </div>
                        </div>
                    </div>

                    @php $bankRowCount = 0; @endphp
                    @if (count($bankBlankChequeDetails) > 0)
                        @foreach ($bankBlankChequeDetails as $index => $chequeDetail)
                            <input type="hidden" name="cheque_ids[]" value="{{ $chequeDetail->id }}">
                            <div class="row {{ $index === 0 ? 'first-bank-row' : 'additional-bank-row' }}">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="blank_cheque_{{ $index }}" class="form-label">
                                            Cheque Image <span class="text-danger">*</span>
                                        </label>

                                        <div class="align-items-start">
                                            <div class="input-group">
                                                <input type="file" name="blank_cheque[]"
                                                    id="blank_cheque_{{ $index }}"
                                                    class="form-control blankCheque" data-parsley-trigger='keyup'
                                                    @if (empty($chequeDetail->blank_cheque)) data-parsley-required data-parsley-required-message="Please upload cheque image" required @endif
                                                    data-parsley-filetype="pdf,doc,docx,png,jpg,jpeg"
                                                    data-parsley-filetype-message="Only .pdf, .doc, .docx, .png, .jpg and .jpeg files are allowed."
                                                    data-parsley-errors-container="#blank_cheque_error_{{ $index }}">

                                                @php
                                                    $extension = pathinfo(
                                                        $chequeDetail->blank_cheque,
                                                        PATHINFO_EXTENSION,
                                                    );
                                                    $imageExtensions = ['jpeg', 'png', 'jpg'];
                                                @endphp

                                                @if (!empty($chequeDetail->blank_cheque) && file_exists(public_path('storage/' . $chequeDetail->blank_cheque)))
                                                    @if (in_array(strtolower($extension), $imageExtensions))
                                                        <div class="input-group-append">
                                                            <img src="{{ asset('storage/' . $chequeDetail->blank_cheque) }}"
                                                                alt="Cheque Image" width="65" height="65"
                                                                class="crudEdit img-thumbnail me-3">
                                                        </div>
                                                    @else
                                                        <div class="input-group-append">
                                                            <a href="{{ asset('storage/' . $chequeDetail->blank_cheque) }}"
                                                                class="btn btn-primary img-thumbnail"
                                                                download="{{ $chequeDetail->blank_cheque_basename }}">
                                                                <i class="fa fa-download mt-1"></i>
                                                            </a>
                                                        </div>
                                                    @endif
                                                @else
                                                    <div class="input-group-append">
                                                        <img src="{{ asset('assets/images/noimage/no-image.jpeg') }}"
                                                            alt="No Image" width="65" height="65"
                                                            class="crudEdit img-thumbnail me-3">
                                                    </div>
                                                @endif
                                            </div>
                                        </div>

                                        <span class="text-danger error-msg" id="blank_cheque_error_{{ $index }}">
                                            {{ $errors->first('blank_cheque.' . $index) }}
                                        </span>
                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="cheque_number_{{ $index }}" class="form-label">Cheque Number
                                            <span class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <input type="text" name="cheque_number[]"
                                                id="cheque_number_{{ $index }}" class="form-control chequeNo"
                                                value="{{ old('cheque_number.' . $index, $chequeDetail->cheque_number) }}"
                                                placeholder="Enter Cheque Number" data-parsley-required
                                                data-parsley-trigger='keyup'
                                                data-parsley-required-message="Please enter cheque number" maxlength="10"
                                                oninput="this.value=this.value.slice(0,this.maxLength)"
                                                data-parsley-minlength="6" data-parsley-maxlength="10"
                                                data-parsley-minlength-message="Cheque number at least 6 characters long"
                                                data-parsley-maxlength-message="Cheque number may not be greater than 10 character"
                                                data-parsley-errors-container='#cheque_number_error_{{ $index }}'>

                                            @if ($index === 0)
                                                <div class="input-group-append">
                                                    <button class="btn btn-primary add-bank-row-btn"
                                                        type="button">+</button>
                                                </div>
                                            @else
                                                <div class="input-group-append">
                                                    <button class="btn btn-danger remove-bank-row-btn"
                                                        type="button">×</button>
                                                </div>
                                            @endif
                                        </div>
                                        <span class="text-danger error-msg"
                                            id="cheque_number_error_{{ $index }}">{{ $errors->first('cheque_number.' . $index) }}</span>
                                    </div>
                                </div>
                            </div>
                            {{-- <div id="additional-bank-rows-container">
                            </div> --}}
                            @php $bankRowCount++; @endphp
                        @endforeach
                    @else
                        <div class="row first-bank-row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="blank_cheque_0" class="form-label">Cheque Image <span
                                            class="text-danger">*</span></label>
                                    <div class="align-items-start">
                                        <input type="file" name="blank_cheque[]" id="blank_cheque_0"
                                            class="form-control blankCheque" required
                                            data-parsley-required-message="Please upload cheque image"
                                            data-parsley-trigger="keyup" data-parsley-filetype="pdf,doc,docx,png,jpg,jpeg"
                                            data-parsley-filetype-message="Only .pdf, .doc, .docx, .png, .jpg and .jpeg files are allowed."
                                            data-parsley-errors-container="#blank_cheque_error_0">
                                    </div>
                                    <span class="text-danger error-msg" id="blank_cheque_error_0"></span>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="cheque_number_0" class="form-label">Cheque Number <span
                                            class="text-danger">*</span></label>
                                    <div class="input-group">
                                        <input type="text" name="cheque_number[]" id="cheque_number_0"
                                            class="form-control chequeNo" placeholder="Enter Cheque Number" required
                                            data-parsley-required-message="Please enter cheque number" maxlength="10"
                                            oninput="this.value=this.value.slice(0,this.maxLength)"
                                            data-parsley-minlength="6" data-parsley-maxlength="10"
                                            data-parsley-minlength-message="Cheque number at least 6 characters long"
                                            data-parsley-maxlength-message="Cheque number may not be greater than 10 characters"
                                            data-parsley-errors-container="#cheque_number_error_0">

                                        <div class="input-group-append">
                                            <button class="btn btn-primary add-bank-row-btn" type="button">+</button>
                                        </div>
                                    </div>
                                    <span class="text-danger error-msg" id="cheque_number_error_0"></span>
                                </div>
                            </div>
                        </div>
                        @php $bankRowCount++; @endphp
                    @endif
                    <div id="additional-bank-rows-container"></div>
                    {{-- <div class="col-md-4">
                            <div class="form-group">
                                <label for="blank_cheque" class="form-label">Bank Blank Cheque 1 <span
                                        class="text-danger">*</span></label>
                                <div class="align-items-start">
                                    <div class="input-group">
                                        <input type="file" name="blank_cheque" id="blank_cheque" class="form-control"
                                        data-parsley-trigger='keyup'
                                        @if (empty($farmer->blank_cheque)) data-parsley-required required data-parsley-required-message="Please upload bank blank cheque 1" @endif data-parsley-filetype="pdf,doc,docx,png,jpg,jpeg"
                                        data-parsley-filetype-message="Only .pdf, .doc, .docx, .png, .jpg and .jpeg files are allowed."
                                        data-parsley-errors-container="#blank_cheque_error">
                                        @php
                                            $extension = pathinfo($farmer->blank_cheque, PATHINFO_EXTENSION);
                                            $imageExtensions = ['jpeg', 'png', 'jpg'];
                                        @endphp

                                        @if (!empty($farmer->blank_cheque) && file_exists(public_path('storage/' . $farmer->blank_cheque)))
                                            @if (in_array(strtolower($extension), $imageExtensions))
                                                <div class="input-group-append">
                                                    <img src="{{ asset('storage/' . $farmer->blank_cheque) }}"
                                                        alt="Blank Cheque 1" width="65" height="65" class="crudEdit img-thumbnail me-3">
                                                </div>
                                            @else
                                                <a href="{{ asset('storage/' . $farmer->blank_cheque) }}"
                                                class="btn btn-primary img-thumbnail"
                                                download>
                                                    <i class="fa fa-download mt-1"></i>
                                                </a>
                                            @endif
                                        @else
                                            <img src="{{ asset('assets/images/noimage/no-image.jpeg') }}"
                                                alt="No Image" width="65" height="65"
                                                class="crudEdit img-thumbnail me-3">
                                        @endif
                                    </div>
                                </div>
                                <span class="text-danger" id="blank_cheque_error">{{ $errors->first('blank_cheque') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="cheque_number" class="form-label">Cheque Number 1 <span
                                        class="text-danger">*</span></label>
                                <input type="text" name="cheque_number" id="cheque_number" class="form-control chequeNo"
                                    placeholder="Enter Cheque Number 1" value="{{ old('cheque_number', $farmer->cheque_number) }}"
                                    data-parsley-required data-parsley-trigger='keyup'
                                    data-parsley-required-message="Please enter cheque number 1" maxlength="10"
                                    oninput="this.value=this.value.slice(0,this.maxLength)"
                                    data-parsley-minlength="6"
                                    data-parsley-minlength-message="Cheque number 1 at least 6 characters long"
                                    data-parsley-maxlength="10"
                                    data-parsley-maxlength-message="Cheque number 1 may not be greater than 10 character"
                                    data-parsley-errors-container='#cheque_number_error'>
                                <span class="text-danger"
                                    id="cheque_number_error">{{ $errors->first('cheque_number') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="blank_cheque_2" class="form-label">Bank Blank Cheque 2 <span
                                        class="text-danger">*</span></label>
                                <div class="align-items-start">
                                    <div class="input-group">
                                        <input type="file" name="blank_cheque_2" id="blank_cheque_2" class="form-control"
                                        data-parsley-trigger='keyup'
                                        @if (empty($farmer->blank_cheque_2)) data-parsley-required required data-parsley-required-message="Please upload bank blank cheque 2" @endif data-parsley-filetype="pdf,doc,docx,png,jpg,jpeg"
                                        data-parsley-filetype-message="Only .pdf, .doc, .docx, .png, .jpg and .jpeg files are allowed."
                                        data-parsley-errors-container="#blank_cheque_2_error">
                                        @php
                                            $extension = pathinfo($farmer->blank_cheque_2, PATHINFO_EXTENSION);
                                            $imageExtensions = ['jpeg', 'png', 'jpg'];
                                        @endphp

                                        @if (!empty($farmer->blank_cheque_2) && file_exists(public_path('storage/' . $farmer->blank_cheque_2)))
                                            @if (in_array(strtolower($extension), $imageExtensions))
                                                <div class="input-group-append">
                                                    <img src="{{ asset('storage/' . $farmer->blank_cheque_2) }}"
                                                        alt="Blank Cheque 2" width="65" height="65" class="crudEdit img-thumbnail me-3">
                                                </div>
                                            @else
                                                <a href="{{ asset('storage/' . $farmer->blank_cheque_2) }}"
                                                class="btn btn-primary img-thumbnail"
                                                download>
                                                    <i class="fa fa-download mt-1"></i>
                                                </a>
                                            @endif
                                        @else
                                            <img src="{{ asset('assets/images/noimage/no-image.jpeg') }}"
                                                alt="No Image" width="65" height="65"
                                                class="crudEdit img-thumbnail me-3">
                                        @endif
                                    </div>
                                </div>
                                <span class="text-danger" id="blank_cheque_2_error">{{ $errors->first('blank_cheque_2') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="cheque_number_2" class="form-label">Cheque Number 2 <span
                                        class="text-danger">*</span></label>
                                <input type="text" name="cheque_number_2" id="cheque_number_2" class="form-control chequeNo"
                                    placeholder="Enter Cheque Number 2" value="{{ old('cheque_number_2', $farmer->cheque_number_2) }}"
                                    data-parsley-required data-parsley-trigger='keyup'
                                    data-parsley-required-message="Please enter cheque number 2" maxlength="10"
                                    oninput="this.value=this.value.slice(0,this.maxLength)"
                                    data-parsley-minlength="6"
                                    data-parsley-minlength-message="Cheque number 2 at least 6 characters long"
                                    data-parsley-maxlength="10"
                                    data-parsley-maxlength-message="Cheque number 2 may not be greater than 10 character"
                                    data-parsley-errors-container='#cheque_number_2_error'>
                                <span class="text-danger"
                                    id="cheque_number_2_error">{{ $errors->first('cheque_number_2') }}</span>
                            </div>
                        </div> --}}
                </div>
            </div>
            {{-- <div class="row mt-3">
                    <div class="col-md-12">
                        <h4 class="card-title"><b>Product Details</b></h4>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="land_type_id" class="form-label">Land Type <span
                                            class="text-danger">*</span></label>
                                    <select name="land_type_id" id="land_type_id" class="form-control form-control-lg"
                                        data-parsley-required data-parsley-required-message="Please select land type"
                                        data-parsley-errors-container='#land_type_id_error'>
                                        <option value="">Select Land Type</option>
                                        @foreach ($landTypes as $key => $landType)
                                            <option value="{{ $key }}"
                                                {{ old('land_type_id', $farmer->land_type_id) == $key ? 'selected' : '' }}>
                                                {{ $landType }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <span class="text-danger"
                                        id="land_type_id_error">{{ $errors->first('land_type_id') }}</span>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="land_survey_number" class="form-label">Land Survey Number <span
                                            class="text-danger">*</span></label>
                                    <input type="text" name="land_survey_number" id="land_survey_number"
                                        class="form-control" placeholder="Enter Land Survey Number"
                                        value="{{ old('land_survey_number', $farmer->land_survey_number) }}" data-parsley-required
                                        data-parsley-trigger='keyup'
                                        data-parsley-required-message="Please enter land survey number" maxlength="20"
                                        oninput="this.value=this.value.slice(0,this.maxLength)" data-parsley-maxlength="20"
                                        data-parsley-maxlength-message="Land survey number may not be greater than 20 character">
                                    <span class="text-danger"
                                        id="land_survey_number_error">{{ $errors->first('land_survey_number') }}</span>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="soil_texture_id" class="form-label">Soil Texture <span
                                            class="text-danger">*</span></label>
                                    <select name="soil_texture_id" id="soil_texture_id" class="form-control form-control-lg"
                                        data-parsley-required data-parsley-required-message="Please select soil texture"
                                        data-parsley-errors-container='#soil_texture_id_error'>
                                        <option value="">Select Soil Texture</option>
                                        @foreach ($soilTextures as $key => $soilTexture)
                                            <option value="{{ $key }}"
                                                {{ old('soil_texture_id', $farmer->soil_texture_id) == $key ? 'selected' : '' }}>
                                                {{ $soilTexture }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <span class="text-danger"
                                        id="soil_texture_id_error">{{ $errors->first('soil_texture_id') }}</span>
                                </div>
                            </div>



                            @if (!empty($farmer->contract) && file_exists(public_path('storage/' . $farmer->contract)))
                                <div class="col-md-4">
                                    <div class="form-group">

                                    </div>
                                </div>
                            @endif
                        </div> --}}
            {{-- <div class="topic-heading d-flex justify-content-between">
                            <h4 style="padding-top: 4px;">Select Product</h4>
                            <button type="button" class="btn btn-primary add-row-btn" id="addTopic">+</button>
                        </div>

                        @foreach ($farmerProducts as $index => $product)
                            <div class="row {{ $index === 0 ? 'first-row' : 'additional-row mt-3' }}">
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="product_id_{{ $index }}" class="form-label">Product <span class="text-danger">*</span></label>
                                        <select name="product_id[]" id="product_id_{{ $index }}" class="form-control form-control-lg product-select"
                                            data-parsley-required data-parsley-required-message="Please select product"
                                            data-parsley-errors-container='#product_id_error_{{ $index }}'>
                                            <option value="">Select Product</option>
                                            @foreach ($dropdownProducts as $key => $prod)
                                                <option value="{{ $key }}" {{ $product->product_id == $key ? 'selected' : '' }}>
                                                    {{ $prod }}
                                                </option>
                                            @endforeach
                                        </select>
                                        <span class="text-danger error-msg" id="product_id_error_{{ $index }}"></span>
                                    </div>
                                </div>

                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="start_date_{{ $index }}" class="form-label">Start Date <span class="text-danger">*</span></label>
                                        <input type="text" name="start_date[]" id="start_date_{{ $index }}" class="form-control startDate"
                                            value="{{ date('d-m-Y', strtotime($product->start_date)) }}" placeholder="Select Start Date" data-parsley-required
                                            data-parsley-trigger='keyup' data-parsley-required-message="Please select start date"
                                            data-parsley-errors-container='#start_date_error_{{ $index }}'>
                                        <span class="text-danger error-msg" id="start_date_error_{{ $index }}"></span>
                                    </div>
                                </div>

                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="end_date_{{ $index }}" class="form-label">End Date <span class="text-danger">*</span></label>
                                        <input type="text" name="end_date[]" id="end_date_{{ $index }}" class="form-control endDate"
                                            value="{{ date('d-m-Y', strtotime($product->end_date)) }}" placeholder="Select End Date" data-parsley-trigger='keyup'
                                            data-parsley-required data-parsley-required-message="Please select end date"
                                            data-parsley-errors-container='#end_date_error_{{ $index }}'>
                                        <span class="text-danger error-msg" id="end_date_error_{{ $index }}"></span>
                                    </div>
                                </div>

                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="rate_{{ $index }}" class="form-label">Rate <span class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <input type="text" name="rate[]" id="rate_{{ $index }}" class="form-control rate-input rateValidation"
                                                placeholder="Enter Rate" value="{{ $product->rate }}" data-parsley-required
                                                data-parsley-trigger='keyup' data-parsley-required-message="Please enter rate"
                                                data-parsley-pattern="^\d+(\.\d{0,2})?$"
                                                data-parsley-pattern-message="Please enter a valid rate"
                                                data-parsley-errors-container='#rate_error_{{ $index }}'>
                                            @if ($index > 0)
                                            <div class="input-group-append">
                                                <button class="btn btn-danger remove-row-btn" type="button">×</button>
                                            </div>
                                            @endif
                                        </div>
                                        <span class="text-danger error-msg" id="rate_error_{{ $index }}"></span>
                                    </div>
                                </div>
                            </div>
                        @endforeach

                        <!-- Container for additional rows -->
                        <div id="additional-rows-container"></div> --}}
            {{-- </div>
                </div> --}}
        </div>
        <div class="card-footer">
            <button type="submit" class="btn btn-primary btn-fw" id="addFarmer">Update</button>
            <a href="{{ route('farmer.index') }}" class="btn btn-light btn-fw">Cancel</a>
        </div>
        {{ Form::close() }}
    </div>
@endsection

@section('page-js')
    <script type="text/javascript">
        var farmerList = "{{ route('farmer.index') }}";
        var farmerStore = "{{ route('farmer.store') }}";
        var getDistrict = "{{ route('state.district.districts-of-state') }}";
        var getTaluka = "{{ route('district.sub-district.sub-districts-of-district') }}";
        var getCity = "{{ route('sub-district.city.cities-of-sub-district') }}";
        let bankRowCount = {{ count($bankBlankChequeDetails) }};

        @if ($farmer->state)
            $('#state').trigger('change');
        @endif
        @if ($farmer->district)
            $('#district').val('{{ $farmer->district }}').trigger('change');
        @endif
        @if ($farmer->taluka)
            $('#taluka').val('{{ $farmer->taluka }}').trigger('change');
        @endif
        @if ($farmer->city)
            $('#city').val('{{ $farmer->city }}').trigger('change');
        @endif
    </script>
    <script src="{{ asset('assets/js/admin/farmer.js') }}?time={{ time() }}"></script>
@endsection