@extends('layouts.app')
@section('content')
@php
$regex = "([^\\s]+(\\.(?i)(jpe?g|png|pdf|jpg))$)";
$regexPdf = "([^\\s]+(\\.(?i)(pdf))$)";
$pdfIcon = "https://upload.wikimedia.org/wikipedia/commons/thumb/8/87/PDF_file_icon.svg/833px-PDF_file_icon.svg.png";
$e = '';
@endphp
<section class="content">
    <div class="container-fluid">

        <div class="px-sm-4">
            <form class="form" role="post-data" method="POST" action="/api/farmers/update/{{ base64_encode($farmers->id) }}?{!! $queryString !!}" redirect="/farmers/farmer-assigned-details/{{base64_encode($farmers->id)}}">
            @csrf
            {{-- @method('PUT') --}}
            <input type="hidden" name="farmer_master_id" value="{{ base64_encode($farmers->id) }}">

            <div class="row mt-2 mt-sm-3">
                <div class="col-md-7 col-10">
                    <div class="top-head">
                        <h1>Farmer Details (edit)</h1>
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="#">Farmers</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Farmer details</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>

            <div class="row mt-3">
                <div class="col-md-12">
                    <div class="accordion settings-accord new-accordsetting" id="accordionExample">
                        <div class="card">
                          <div class="card-header" id="headingOne">
                            <h2 class="mb-0">
                              <button class="btn" type="button" data-toggle="collapse" data-target="#collapseOne"  aria-expanded="true" aria-controls="collapseOne">
                              <div class="row align-items-center">
                                <div class="col-md-9 col-9">
                                <p>Personal Details</p>
                                </div>
                                <div class="col-md-3 col-3">
                                    <i class="fa fa-plus float-right" aria-hidden="true"></i>
                                    <i class="fa fa-minus float-right" aria-hidden="true"></i>
                                </div>
                            </div>
                              </button>
                            </h2>
                          </div>

                          <div id="collapseOne" class="collapse {{ request()->tabaccordian == 'personalEdit' ? 'show':'' }}" aria-labelledby="headingOne" data-parent="#accordionExample">
                            <div class="card-body pt-0">
                                 <div class="border-top"></div>
                                 <div class="row mt-3">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="edit-label">Name</label>
                                            <input type="test" name="name" value="{{ @$farmers->name }}" class="form-control edit-input" placeholder="Enter Your Name">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="edit-label">Mobile</label>
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend new-append">
                                                    <input type="text" name="dial_code" value="{{@$farmers->address->dial_code}}" class="form-control edit-input new-select">
                                                </div>
                                                <input type="text" name="phone" value="{{ @$farmers->phone }}" class="form-control edit-input" placeholder="Enter Mobile No." maxlength="10">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="edit-label">Email</label>
                                            <input type="email" name="email" value="{{ @$farmers->email }}" class="form-control edit-input" placeholder="Enter Email Address">
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="edit-label">Gender</label>
                                            <select class="form-control edit-input edit-select" name="gender">
                                                <option value="male" {{{ ((isset($farmers) && $farmers->gender == 'male')? ' selected="selected"' : '') }}}>Male</option>
                                                <option value="female" {{{ ((isset($farmers) && $farmers->gender == 'female') ? ' selected="selected"' : '') }}}>Female</option>

                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="edit-label">DOB</label>
                                            <input type="date" onkeydown="return false"  name="date_of_birth" value="{{ @$farmers->date_of_birth }}" class="form-control edit-input" max="{{ \Carbon\Carbon::now()->subYears(18)->toDateString() }}" max="2025-11-11">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="edit-label">Landline No</label>
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend new-append">
                                                    <input type="text" name="landline_dial_code" value="{{@$farmers->address->dial_code}}" class="form-control edit-input new-select">
                                                </div>
                                            <input type="text" name="landline_no" value="{{ @$farmers->landline_no }}" class="form-control edit-input" placeholder="Enter Landline No." maxlength="10">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="edit-label">Farming Since</label>
                                            <input type="date" onkeydown="return false" name="farming_experience" value="{{ @$farmers->farming_experience }}" class="form-control edit-input" min="1922-10-01"
                                            max="2025-11-11">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="edit-label">Farm Size</label>
                                            <input type="text" name="farm_size" value="{{ @$farmers->farm_size }}" class="form-control edit-input" placeholder="Enter Farm Size" maxlength="6" onkeypress="return (event.charCode !=8 && event.charCode ==0 || (event.charCode >= 48 && event.charCode <= 57))">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="edit-label">Dairy Area</label>
                                            <input type="text" name="dairy_area" value="{{ @$farmers->dairy_area }}" class="form-control edit-input" placeholder="Enter Your Dairy Area" maxlength="6" onkeypress="return (event.charCode !=8 && event.charCode ==0 || (event.charCode >= 48 && event.charCode <= 57))">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="edit-label">No. of people working in the farm</label>
                                            <input type="text" name="staff_quantity" value="{{ @$farmers->staff_quantity }}" class="form-control edit-input" placeholder="Enter No. Of People" maxlength="6" onkeypress="return (event.charCode !=8 && event.charCode ==0 || (event.charCode >= 48 && event.charCode <= 57))">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="edit-label">Manager Name</label>
                                            <input type="text" name="manager_name" value="{{ @$farmers->manager_name }}" class="form-control edit-input" placeholder="Enter Manager Name">
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="edit-label">Manager's mobile</label>
                                            <div class="input-group mb-3">
                                            <div class="input-group-prepend new-append">
                                                <select class="form-control edit-input edit-select new-select">
                                                    <option>+256</option>
                                                </select>
                                            </div>
                                            <input type="text" name="manager_phone" value="{{ @$farmers->manager_phone }}" class="form-control edit-input" placeholder="Enter Manager Mobile no." maxlength="10">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="edit-label">Farmer Id</label>
                                            <input type="text" name="supplier_id" value="{{ @$farmers->supplier_id }}" class="form-control edit-input" placeholder="">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="edit-label">Ideal Yield</label>
                                            <input type="text" name="ideal_yield" value="{{ @$farmers->ideal_yield }}" class="form-control edit-input" placeholder="Enter Ideal Yield">
                                        </div>
                                    </div>

                                 </div>
                            </div>
                          </div>
                        </div>
                        <div class="card">
                          <div class="card-header" id="headingTwo">
                            <h2 class="mb-0">
                              <button class="btn collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                <div class="row align-items-center">
                                    <div class="col-md-9 col-9">
                                    <p>MCC and DDE</p>
                                    </div>
                                    <div class="col-md-3 col-3 text-right">
                                        <i class="fa fa-plus float-right" aria-hidden="true"></i>
                                        <i class="fa fa-minus float-right" aria-hidden="true"></i>
                                    </div>
                                </div>
                              </button>
                            </h2>
                          </div>
                          <div id="collapseTwo" class="collapse {{ request()->tabaccordian == 'mcc' ? 'show':'' }}" aria-labelledby="headingTwo" data-parent="#accordionExample">
                            <div class="card-body pt-0">
                                <div class="border-top"></div>

                                <div class="row mt-4">
                                    <div class="col-md-6 border-sm-right pr-sm-5">
                                        <div class="form-group">
                                            <label class="edit-label">MCC Name</label>
                                             <select class="form-control edit-input edit-select" id="mcc_id" name="mcc_id" onchange="getDdes(this,'dde_id')">
                                                    <option value="">Select</option>
                                                    @foreach ($milkCollectionCenters as $milkCollectionCenter)
                                                        <option value="{{ $milkCollectionCenter->id }}" data-mobile = "{{ $milkCollectionCenter->phone }}"
                                                            @if ($farmers->mcc_id == $milkCollectionCenter->id) selected @endif>
                                                            {{ $milkCollectionCenter->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                        </div>
                                        <div class="form-group">
                                            <label class="edit-label">Mobile</label>
                                            <div class="input-group mb-3">
                                            <div class="input-group-prepend new-append">
                                                <select class="form-control edit-input edit-select new-select">
                                                    <option>+256</option>
                                                </select>
                                            </div>
                                            <input type="text" id="mcc_phone"  value="{{ @$farmers->mcc->phone }}" class="form-control edit-input" placeholder="Mobile No." readonly onkeydown="return false;">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 pl-sm-5">
                                        <div class="form-group">
                                            <label class="edit-label">DDE Name</label>
                                            <select class="form-control edit-input edit-select" id="dde_id" name="dde_id">
                                                <option value="">Select</option>
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <label class="edit-label">Mobile</label>
                                            <div class="input-group mb-3">
                                            <div class="input-group-prepend new-append">
                                                <select class="form-control edit-input edit-select new-select">
                                                    <option>+256</option>
                                                </select>
                                            </div>
                                            <input type="text" id="dde_phone" class="form-control edit-input" placeholder="Mobile No." readonly onkeydown="return false;">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                          </div>
                        </div>
                        <div class="card">
                            <div class="card-header" id="headingThree">
                                <h2 class="mb-0">
                                    <button class="btn collapsed" type="button" data-toggle="collapse" data-target="#collapseThree"
                                            aria-expanded="false" aria-controls="collapseThree">
                                        <div class="row align-items-center">
                                            <div class="col-md-9 col-9">
                                                <p>Address</p>
                                            </div>
                                            <div class="col-md-3 col-3 text-right">
                                                <i class="fa fa-plus float-right" aria-hidden="true"></i>
                                                <i class="fa fa-minus float-right" aria-hidden="true"></i>
                                            </div>
                                        </div>
                                    </button>
                                </h2>
                            </div>
                            <div id="collapseThree" class="collapse {{ request()->tabaccordian == 'addressEdit' ? 'show':'' }}" aria-labelledby="headingThree" data-parent="#accordionExample">
                                <div class="card-body pt-0">
                                    <div class="border-top"></div>
                                    <div class="row mt-4">
                                        <div class="col-md-7 mb-sm-0 mb-3 position-relative">
                                             <div id="map" class="edit-map"></div>
                                            <div class="position-input">
                                                <input type="text" value="" id="search_in_map"
                                                    class="form-control edit-searchinput" placeholder="Search Address...">
                                                <img src="{{ asset('assets/img/search.svg') }}" class="edit-searchimg"
                                                    alt="">
                                            </div>
                                        </div>
                                        <div class="col-md-5">
                                            <div class="row justify-content-center">
                                               
                                                <div class="col-md-11">
                                                    <div class="form-group">
                                                        <label class="edit-label">Country <span class="mendatory-field text-danger">*</span></label>
                                                        <input type="text" name="country" id="country" value="{{@$farmers->address->country}}" class="form-control edit-input" placeholder="Country" readonly>
                                                        {!! $errors->first('country_id', '<label class="error" for="country_id">:message</label>') !!}

                                                    </div>

                                                    <div class="form-group">
                                                        <label class="edit-label">Region <span class="mendatory-field text-danger">*</span></label>
                                                        <select class="form-control edit-input edit-select" data-live-search="true" id="region" name="region" onchange="getDistricts(this)">
                                                            <option>Select Region</option>
                                                            @foreach($regions as $region)
                                                                <option value="{{@$region->name}}"{{(@$farmers->address->region == $region->name)? 'selected' : '' }}>{{@$region->name}}</option>
                                                            @endforeach
                                                        </select>
                                                        {!! $errors->first('region', '<label class="error" for="region">:message</label>') !!}
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="edit-label">District <span class="mendatory-field text-danger">*</span></label>
                                                        <select class="form-control edit-input edit-select" data-live-search="true" id="district" name="district" onchange="getCounty(this,'district')">
                                                            <option value="{{@$farmers->address->district}}" selected>{{@$farmers->address->district}}</option>
                                                        </select>
                                                            {!! $errors->first('district', '<label class="error" for="district">:message</label>') !!}
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="edit-label">County <span class="mendatory-field text-danger">*</span></label>
                                                        <select class="form-control edit-input edit-select" data-live-search="true" id="county_id" name="county_id" onchange="getSubCounties(this,'county_id')">
                                                            <option value="">Select County</option>
                                                            <option value="{{@$farmers->address->county_id}}" selected>{{@$farmers->address->county}}</option>
                                                        </select>
                                                            {!! $errors->first('county_id', '<label class="error" for="county">:message</label>') !!}
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="edit-label">Sub County <span class="mendatory-field text-danger">*</span></label>
                                                        <select class="form-control edit-input edit-select" data-live-search="true" id="subCounty_id" name="subCounty_id">
                                                            <option value="">Select Sub County</option>
                                                            <option value="{{@$farmers->address->sub_county_id}}"selected>{{@$farmers->address->sub_county}}</option>
                                                        </select>
                                                            {!! $errors->first('subCounty_id', '<label class="error" for="subcounty">:message</label>') !!}
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="edit-label">Coordinates </label>
                                                        <input type="text" name="coordinates" id="coordinates" value="{{@$farmers->address->latitude.','.@$farmers->address->longitude}}"
                                                            class="form-control edit-input" placeholder="lat,long" readonly>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="edit-label">Address <span class="mendatory-field text-danger">*</span></label>
                                                        <textarea class="form-control edit-input" name="address" value="{{ @$farmers->address->address }}" id="address" rows="3" placeholder="Write...">{{ @$farmers->address->address }}</textarea>
                                                        {!! $errors->first('address', '<label class="error" for="address">:message</label>') !!}
                                                    </div>

                                                    <input type="hidden" name="latitude" value="{{$farmers->address ? $farmers->address->latitude : ''}}" id="lat">
                                                    <input type="hidden" name="longitude" value="{{$farmers->address ? $farmers->address->longitude : ''}}" id="lng">

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="card">
                            <div class="card-header" id="headingFour">
                            <h2 class="mb-0">
                                <button class="btn collapsed" type="button" data-toggle="collapse" data-target="#collapseFour"
                                aria-expanded="false" aria-controls="collapseFour">
                                <div class="row align-items-center">
                                <div class="col-md-9 col-9">
                                <p>KYC documents</p>
                                </div>
                                <div class="col-md-3 col-3 text-right">
                                    <i class="fa fa-plus float-right" aria-hidden="true"></i>
                                    <i class="fa fa-minus float-right" aria-hidden="true"></i>
                                </div>
                            </div>
                                </button>
                            </h2>
                            </div>
                           
                            <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordionExample">
                                <div class="card-body pt-0">
                                    <div class="border-top"></div>
                                    <div class="row mt-4">
                                        <div class="col-md-3 mb-3 mb-sm-0">
                                            <div class="edit-userprofile">
                                                <a href="{{ @$farmers->farmerDocuments->profile_pic ? @$farmers->farmerDocuments->profile_pic : 'javascript:void(0)' }}"
                                                    @if (@$farmers->farmerDocuments->profile_pic) target="_blank" @endif
                                                    id="preview_image_link"><img
                                                        src="{{ @$farmers->farmerDocuments->profile_pic ? @$farmers->farmerDocuments->profile_pic : '/assets/img/user-default.jpg' }}"
                                                        id="preview_image"></a>
                                            </div>
                                        </div>
                                        <div class="col-md-9">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <select class="form-control edit-input edit-select" name="doc_name">
                                                            <option value="">Select ID Proof</option>
                                                            <option value="passport" {{{ ((isset($farmers->farmerDocuments) && $farmers->farmerDocuments->doc_name == 'passport')? ' selected="selected"' : '') }}}>Passport</option>
                                                            <option value="nic" {{{ ((isset($farmers->farmerDocuments) && $farmers->farmerDocuments->doc_name == 'nic') ? ' selected="selected"' : '') }}}>National Identity Card</option>
                                                        </select>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <input type="text" class="form-control edit-input" name="doc_no" value="{{ @$farmers->farmerDocuments->doc_no }}" placeholder="Enter Document No.">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <input type="date" class="form-control edit-input" name="doc_expiry_date" value="{{ @$farmers->farmerDocuments->doc_expiry_date }}" min="2025-11-12">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="atteched-filebox">
                                                        <div class="upload-btn-wrapper">
                                                            <button type="button" class="uploadBtn">
                                                                Choose  <span>your file here</span>

                                                                <img src="/assets/img/new-attachment.svg" class="events-atteched" alt="">
                                                            </button> <br>
                                                            <span class="size-img size-imgnew">Max size 5 MB</span>

                                                            <div class="append-new-file">
                                                                <input type="file" id="document_files_0" name="document_files[0]" accept=".png,.jpg,.jpeg,.pdf" data-target="document_files" class="custom-input multiple_files">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row mb-3 mb-sm-0 mt-3" id="append_document_files">
                                                        
                                                        <!--  -->
                                                        
                                                        @if (isset($farmers->farmerDocuments) && count($farmers->farmerDocuments->document_files) > 0)
                                                            @foreach ($farmers->farmerDocuments->document_files as $file)
                                                                @if($file->file_name == 'Dummy-File-.docx')
                                                                    @continue
                                                                @else
                                                                
                                                                <div class="col-md-3 col-4 document-div">
                                                                    <div class="kyc-documetsbox">
                                                                        @if (preg_match($regex, $file->file_name))
                                                                            {{-- <div> --}}
                                                                                @php
                                                                               $icon =  preg_match($regexPdf, $file->file_name) ? $pdfIcon : $file->full_url;
                                                                                @endphp
                                                                                <a href="{{ $file->full_url }}"
                                                                                    target="_blank"><img
                                                                                        src="{{ $icon }}"
                                                                                        class="kycdocuments-showimg" alt=""></a>
                                                                                <div class="close-boxnew kyc-closeboxnew" >
                                                                                    <a  data-url="/delete-media/{{ isset($file->id) ? $file->id : '' }}" data-request="remove-file" data-redirect="/farmers/edit/{{ $farmers->id }}">
                                                                                        <img src="/assets/img/white-close.svg" alt=""></a>
                                                                                </div>
                                                                            {{-- </div> --}}
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                                @endif
                                                            @endforeach
                                                        @endif
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <select class="form-control edit-input edit-select" name="doc_type">
                                                            <option value="">Select Address Proof</option>
                                                            <option value="utility-bill" {{{ ((isset($farmers->farmerDocuments) && $farmers->farmerDocuments->doc_type == 'utility-bill')? ' selected="selected"' : '') }}}>Utility Bill</option>
                                                            <option value="bank-statement" {{{ ((isset($farmers->farmerDocuments) && $farmers->farmerDocuments->doc_type == 'bank-statement') ? ' selected="selected"' : '') }}}>Bank Statement</option>
                                                            <option value="lease-agreement" {{{ ((isset($farmers->farmerDocuments) && $farmers->farmerDocuments->doc_type == 'lease-agreement') ? ' selected="selected"' : '') }}}>Lease Agreement</option>
                                                        </select>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <input type="text" class="form-control edit-input" name="doc_type_no" value="{{ @$farmers->farmerDocuments->doc_type_no }}" placeholder="Enter Document Type No.">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <input type="date" class="form-control edit-input"  name="doc_type_expiry_date" value="{{ @$farmers->farmerDocuments->doc_type_expiry_date }}" placeholder="Doc. No." min="2025-11-12">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="atteched-filebox">
                                                        <div class="upload-btn-wrapper">
                                                            <button type="button" class="uploadBtn">
                                                                Choose  <span>your file here</span>

                                                                <img src="/assets/img/new-attachment.svg" class="events-atteched" alt="">
                                                            </button> <br>
                                                            <span class="size-img size-imgnew">Max size 5 MB</span>

                                                            <div class="append-document-type-files">
                                                                <input type="file" id="document_type_upload_0" name="document_type_files[0]" accept=".png,.jpg,.jpeg,.pdf" data-target="document_type_files" class="custom-input multiple_files">
                                                            </div>
                                                            {{-- <input type="file" name="document_type_files[]" accept=".png,.jpg,.jpeg,.pdf" class="custom-input multiple_files" id="document_type_upload" multiple> --}}
                                                        </div>

                                                    </div>
                                                    <div class="row mb-3 mb-sm-0 mt-3" id="append_document_type_files">
                                                        <!--  -->
                                                        @if (isset($farmers->farmerDocuments) && count($farmers->farmerDocuments->document_type_files) > 0)
                                                            @foreach ($farmers->farmerDocuments->document_type_files as $file)
                                                                <div class="col-md-3 col-4 document-div">
                                                                    <div class="kyc-documetsbox">
                                                                        @if (preg_match($regex, $file->file_name))
                                                                            {{-- <div> --}}
                                                                                @php
                                                                               $icon =  preg_match($regexPdf, $file->file_name) ? $pdfIcon : $file->full_url;
                                                                                @endphp
                                                                                <a href="{{ $file->full_url }}"
                                                                                    target="_blank"><embed
                                                                                        src="{{ $icon }}"
                                                                                        class="kycdocuments-showimg" alt=""></a>
                                                                                <div class="close-boxnew kyc-closeboxnew">
                                                                                    <a  data-url="/delete-media/{{ isset($file->id) ? $file->id : '' }}" data-request="remove-file" data-redirect="/farmers/edit/{{ $farmers->id }}">
                                                                                        <img src="/assets/img/white-close.svg" alt=""></a>
                                                                                </div>
                                                                            {{-- </div> --}}
                                                                        @endif
                                                                    </div>

                                                                </div>
                                                            @endforeach
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="card">
                            <div class="card-header" id="headingFive">
                                <h2 class="mb-0">
                                <button class="btn collapsed" type="button" data-toggle="collapse" data-target="#collapseFive"
                                aria-expanded="false" aria-controls="collapseFive">
                                <div class="row align-items-center">
                                    <div class="col-md-9 col-9">
                                    <p>Farm Cows and Yield</p>
                                    </div>
                                    <div class="col-md-3 col-3 text-right">
                                        <i class="fa fa-plus float-right" aria-hidden="true"></i>
                                        <i class="fa fa-minus float-right" aria-hidden="true"></i>
                                    </div>
                                </div>
                                </button>
                                </h2>
                            </div>
                            <div id="collapseFive" class="collapse {{ request()->tabaccordian == 'cow-details' ? 'show':'' }}"
                                aria-labelledby="headingFive" data-parent="#accordionExample">
                                <div class="card-body pt-0">
                                    <div class="border-top"></div>

                                    <!-- <div class="row mt-3">
                                        <div class="col-md-12 text-right">
                                            <a href="javascript:void(0);" onclick="addMoreRow(this,'{{ $farmers->id }}')"><p  class="add-moretext">+ Add More</p></a>
                                        </div>
                                    </div> -->
                                    <div id="appendCowMilkList">

                                        <div class="row mt-3 removeCowMilkList">
                                            @foreach (@$farmerCowDetails as $key => $farmerCowDetail)
                                            
                                            @if($loop->first) @php $e = 'enable-month'; @endphp @else @php  $e = 'disable-month' @endphp @endif
                                            @php
                                                $month = null;
                                                $monthWiseCowDetails = @$farmerCowDetail->getMonthWiseCowDetails();
                                                $monthWiseProduction = @$farmerCowDetail->getMonthWiseProduction();
                                            @endphp
                                            <div class="col-md-12 remove-div">
                                                <div id="accordion" class="cow-accord" >
                                                    <div class="card">
                                                    <div class="card-header" id="headingnew">
                                                        <h5 class="mb-0">
                                                        <button type="button" class="btn" data-toggle="collapse" data-target="#collapsenew_{{ @$farmerCowDetail->month }}" aria-expanded="true" aria-controls="collapsenew_{{ @$farmerCowDetail->month }}">
                                                            <div class="row align-items-center">
                                                                <div class="col-md-2 col-9 d-sm-block d-none" style="max-width: 11.666667%">
                                                                    {{-- <input type="text" class="form-control" name="data[{{$key}}][month]" id="month-{{ @$farmerCowDetail->month }}"
                                                                                            value="{{@$farmerCowDetail->month}}" readonly> --}}
                                                                    <select class="edit-select cow-select" name="data[{{ $key }}][month]" id="month-{{ @$farmerCowDetail->month }}" onchange="calculationsData(this)" readonly>
                                                                        @foreach ($monthArray as $month)
                                                                            <option value="{{ @$month }}" {{ @$month == @$farmerCowDetail->month ? 'selected' : '' }}> {{ @$month }}</option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>

                                                                <div class="col-md-2 col-9">
                                                                    <select class="edit-select cow-select" name="data[{{ $key }}][year]" id="years-{{ @$farmerCowDetail->month }}" onchange="calculationsData(this)" readonly>
                                                                            <option value="{{ @$farmerCowDetail->year }}" selected> {{ @$farmerCowDetail->year }}</option>
                                                                    </select>
                                                                </div>

                                                                @php
                                                                    $total_milk_production = @$monthWiseProduction->supplied_to_others + @$monthWiseProduction->self_use + @$monthWiseProduction->supplied_to_pdfl;
                                                                    $monthNumber = \Carbon\Carbon::parse('March')->month;
                                                                    $daysInMonth = \Carbon\Carbon::now()->month($monthNumber)->daysInMonth;
                                                                    // dd($monthWiseProduction);
                                                                    $yeildPerDay = @$monthWiseProduction->yield_per_cow;
                                                                @endphp



                                                                <div class="col-md-2 d-sm-block d-none">
                                                                    Herd Size: <span class="text-black" id="totalherdsize-{{ @$farmerCowDetail->month }}">{{ @$farmerCowDetail->herd_size }}</span>
                                                                </div>
                                                                <div class="col-md-2 d-sm-block d-none">
                                                                    Milking Cows: <span class="text-black" id="totalmilkcows-{{ @$farmerCowDetail->month }}">{{ @$farmerCowDetail->milking_cows }}</span>
                                                                </div>
                                                                <div class="col-md-2 d-sm-block d-none">
                                                                    Production: <span class="text-black" id="TotalMilkProduction-{{ @$farmerCowDetail->month }}">{{ @$total_milk_production }} </span> Ltr
                                                                </div>
                                                                <div class="col-md- 2 text-sm-right d-sm-block d-none">
                                                                    Yield: <span class="text-black yieldperday" id="totalyieldperday-{{ @$farmerCowDetail->month }}">{{ round(@$yeildPerDay,2) }} Ltr/day</span>
                                                                </div>
                                                                <div class="col-md-1 col-3">
                                                                    <img src="/assets/img/arrow-downblack.svg" alt="" class="accorddown" >
                                                                    <img src="/assets/img/arrow-upblack.svg" alt="" class="accordup">
                                                                </div>
                                                            </div>
                                                        </button>
                                                        </h5>
                                                    </div>

                                                    <div id="collapsenew_{{ @$farmerCowDetail->month }}" class="collapse {{ $e }}" aria-labelledby="headingnew" data-parent="#accordion">

                                                        <div class="main-boxcow">
                                                            <div class="inner-boxcow">
                                                                <div class="card-body">

                                                                    <div class="row align-items-center">
                                                                        <div class="col-md-11 mb-2 mb-sm-0 pr-sm-0">
                                                                            <div class="table-responsive">
                                                                                <table class="table  cow-table cow-tablenew mb-0">
                                                                                    <tbody>
                                                                                    <tr>

                                                                                        <td style="text-align: center">Herd Size</td>
                                                                                        <td style="text-align: center">Milking</td>
                                                                                        <td style="text-align: center">Dry</td>
                                                                                        <td style="text-align: center">Heifer</td>
                                                                                        <td style="text-align: center">7-12 mo</td>
                                                                                        <td style="text-align: center">6 mo</td>
                                                                                        <td style="text-align: center">Bull Calf</td>
                                                                                    </tr>
                                                                                    </tbody>
                                                                                </table>
                                                                            </div>

                                                                        </div>

                                                                    </div>
                                                                        @foreach (@$monthWiseCowDetails as  $item)

                                                                        <div class="row align-items-center mt-2 cowDetailsRow">
                                                                            <div class="col-md-11 mb-2 mb-sm-0 pr-sm-0">
                                                                                <div class="table-responsive">
                                                                                    <table class="table cow-table mb-0" id="cowYieldTable">
                                                                                    <tbody>
                                                                                        <tr>
                                                                                            <input type="hidden" class="form-control edit-input" name="data[{{$key}}][id]"
                                                                                            value="{{$item->id}}">
                                                                                            <input type="hidden" class="form-control edit-input" id="totalmilkproduction-{{ @$farmerCowDetail->month }}" name="data[{{$key}}][total_milk_production]"
                                                                                            value="{{@$total_milk_production}}">
                                                                                            <input type="hidden" class="form-control edit-input" id="yieldPerDay-{{ @$farmerCowDetail->month }}" name="data[{{$key}}][yield_per_cow]"
                                                                                            value="{{@$yeildPerDay}}">
                                                                                            <input type="hidden" name="data[{{ $key }}][cow_breed_id]"
                                                                                                value="{{ @$item->cow_breed_id }}" class="form-control edit-input breedid inputforsum inputforsum_{{ $key }}" data-month="{{ @$farmerCowDetail->month }}" data-row="{{ $key }}" id="breedId-{{ @$farmerCowDetail->month }}" >
                                                                                                <input type="hidden" name="data[{{ $key }}][breed_name]"
                                                                                                    value="{{ @$item->breed_name }}" class="form-control edit-input Breedname inputforsum inputforsum_{{ $key }}" data-month="{{ @$farmerCowDetail->month }}" data-row="{{ $key }}" id="breedName-{{ @$farmerCowDetail->month }}" >
                                                                                                <td><input type="text" name="data[{{ $key }}][herd_size]"
                                                                                                    value="{{ @$item->herd_size }}" class="form-control edit-input totalherdsize" id="inputfortotalsum-{{ @$farmerCowDetail->month }}" data-month="{{ @$farmerCowDetail->month }}" data-row="{{ $key }}" readonly></td>
                                                                                                <td><input type="text" name="data[{{ $key }}][milking_cows]"
                                                                                                    value="{{ @$item->milking_cows }}" class="form-control edit-input totalmilkingcows inputforsum inputforsum_{{ $key }}" data-month="{{ @$farmerCowDetail->month }}" data-row="{{ $key }}" id="milkingCows-{{ @$farmerCowDetail->month }}" oninput="calculationsData(this)"></td>

                                                                                                <td><input type="text" name="data[{{ $key }}][dry_cows]"
                                                                                                    value="{{ @$item->dry_cows }}" class="form-control edit-input inputforsum inputforsum_{{ $key }}" data-row="{{ $key }}" data-month="{{ @$farmerCowDetail->month }}" id="dryCows-{{ @$farmerCowDetail->month }}" oninput="calculationsData(this)"></td>
                                                                                                <td><input type="text" name="data[{{ $key }}][heifer_cows]"
                                                                                                    value="{{ @$item->heifer_cows }}"  class="form-control edit-input inputforsum inputforsum_{{ $key }}" data-row="{{ $key }}" data-month="{{ @$farmerCowDetail->month }}" id="heiferCows-{{ @$farmerCowDetail->month }}" oninput="calculationsData(this)"></td>
                                                                                                <td><input type="text" name="data[{{ $key }}][seven_to_twelve_month_cows]"
                                                                                                    value="{{ @$item->seven_to_twelve_month_cows }}"  class="form-control edit-input inputforsum inputforsum_{{ $key }}" data-month="{{ @$farmerCowDetail->month }}" data-row="{{ $key }}" id="sevenToTwelveMonthCows-{{ @$farmerCowDetail->month }}" oninput="calculationsData(this)"></td>
                                                                                                <td><input type="text" name="data[{{ $key }}][six_month_cow]"
                                                                                                    value="{{ @$item->six_month_cow }}"  class="form-control edit-input inputforsum inputforsum_{{ $key }}" data-row="{{ $key }}" data-month="{{ @$farmerCowDetail->month }}" id="sixMonthCow-{{ @$farmerCowDetail->month }}" oninput="calculationsData(this)"></td>
                                                                                                <td><input type="text" name="data[{{ $key }}][bull_calfs]"
                                                                                                    value="{{ @$item->bull_calfs }}"  class="form-control edit-input inputforsum inputforsum_{{ $key }}" data-row="{{ $key }}" data-month="{{ @$farmerCowDetail->month }}" id="bullCalfs-{{ @$farmerCowDetail->month }}" oninput="calculationsData(this)"></td>
                                                                                        </tr>
                                                                                        </tbody>
                                                                                    </table>
                                                                                </div>

                                                                            </div>

                                                                        </div>
                                                                        @endforeach
                                                                </div>
                                                            </div>

                                                            <div class="card-body pt-0 pb-0">
                                                                <div class="table-responsive">
                                                                    <table class="table table-milkvalue mb-0">
                                                                        <tbody>
                                                                        <tr>
                                                                            <td>Milk Supplied (Ltr.)
                                                                            <input type="text" name="data[{{ $key }}][supplied_to_pdfl]"
                                                                                value="{{  @$monthWiseProduction->supplied_to_pdfl }}" class="form-control edit-input milk-boxvalue mt-2" id="suppliedToPdfl-{{ @$farmerCowDetail->month }}" data-month="{{ @$farmerCowDetail->month }}" oninput="calculationsData(this)" readonly>
                                                                            </td>
                                                                            <td>Supplied to Others (Ltr.)
                                                                                    <input type="text" name="data[{{ $key }}][supplied_to_others]"
                                                                                value="{{  @$monthWiseProduction->supplied_to_others }}" class="form-control edit-input milk-boxvalue mt-2" id="suppliedToOthers-{{ @$farmerCowDetail->month }}" data-month="{{ @$farmerCowDetail->month }}" oninput="calculationsData(this)">
                                                                            </td>
                                                                            <td>Self use
                                                                                    <input type="text" name="data[{{ $key }}][self_use]"
                                                                                value="{{  @$monthWiseProduction->self_use }}" class="form-control edit-input milk-boxvalue mt-2" id="selfUse-{{ @$farmerCowDetail->month }}" data-month="{{ @$farmerCowDetail->month }}" oninput="calculationsData(this)">
                                                                            </td>
                                                                            {{-- <td>Total milk <br class="d-sm-block d-none"> production (Ltr.)
                                                                                <h5 id="totalmilkproductio-{{ @$farmerCowDetail->month }}">{{ @$total_milk_production }}</h5>
                                                                            </td>
                                                                            <td>Yield (Ltr.) <br class="d-sm-block d-none"> /Cow /Day
                                                                                <h5 class="yieldperday" id="yieldPerDa-{{ @$farmerCowDetail->month }}">{{ round(@$yeildPerDay, 2) }}</h5>
                                                                            </td> --}}
                                                                        </tr>
                                                                        </tbody>
                                                                    </table>
                                                                </div>

                                                            </div>

                                                        </div>

                                                    </div>
                                                    </div>
                                                    <div class="row mb-3">
                                                        <div class="col-md-12 text-right">
                                                            {{-- <a  data-url="/delete-media/{{ isset($file->id) ? $file->id : '' }}" data-request="remove-file" data-redirect="/farmers/edit/{{ $farmers->id }}">
                                                                <img src="/assets/img/white-close.svg" alt=""></a> --}}
                                                                @if ($loop->first)
                                                                    <a class="clear-filter removeRowCowDetailList" onclick="removeRow('{{ $farmers->id }}','{{ @$farmerCowDetail->month }}')" data-url="" data-reload="false" data-request="" href="javascript:void(0);">Remove</a>
                                                                @endif

                                                        </div>
                                                    </div>
                                                </div>


                                            </div>
                                            {{-- @if ($loop->last)
                                                <script>
                                                    var CowDetailSrNo = {{ $key + 1 }};
                                                </script>
                                            @endif --}}
                                            @endforeach
                                        </div>

                                    </div>

                                    <div class="row">
                                    <div class="col-md-12 text-center">
                                        <span class="badge average-badge"> <img src="/assets/img/new-more.svg" alt="">  </span>
                                    </div>
                                    </div>

                                </div>
                            </div>
                        </div>


                        <div class="card">
                            <div class="card-header" id="headingSix">
                                <h2 class="mb-0">
                                <button class="btn collapsed" type="button" data-toggle="collapse" data-target="#collapseSix"
                                aria-expanded="false" aria-controls="collapseSix">
                                <div class="row align-items-center">
                                    <div class="col-md-9 col-9">
                                    <p>Improvement Areas</p>
                                    </div>
                                    <div class="col-md-3 col-3 text-right">
                                        <i class="fa fa-plus float-right" aria-hidden="true"></i>
                                        <i class="fa fa-minus float-right" aria-hidden="true"></i>
                                    </div>
                                </div>
                                </button>
                                </h2>
                            </div>
                            <div id="collapseSix"class="collapse
                                {{ request()->tabaccordian == 'improvement-area' ? 'show':'' }}" aria-labelledby="headingSix" data-parent="#accordionExample">
                                <div class="card-body pt-0">
                                    <div class="border-top"></div>

                                    <div class="row mt-4">
                                        <div class="col-md-12">
                                            <div class="improvement-areasmain">
                                                @php $impAreaId = request()->get('impAreaId') ? : 1; @endphp
                                                @if(!empty($farmersImprovementArea))
                                                    @foreach($farmersImprovementArea as $imp_area)
                                                    <div class="improvement-areasbox text-center">
                                                        <div class="improvement-boximg tab-improvement-box-img @if($impAreaId == @$imp_area['id'] ) ? active : '' @endif" id="improvement-area-box{{@$imp_area['id']}}" onclick='getDetailOfImpAreaById({{ @$farmers->id }},{{@$imp_area["id"]}})'>
                                                            <img src="{{$imp_area['image']}}" alt="">
                                                        </div>
                                                        <p>{{@$imp_area['name']}}</p>
                                                    </div>
                                                    @endforeach
                                                @endif
                                            </div>
                                        </div>
                                    </div>

                                <div class="source-wateravailabilitybox mt-sm-4">
                                    <div class="row mt-2" id="improvementAreaEditFieldsDiv">
                                        
                                        @foreach(@$improvementAreaDetail as $key=>$detail)
                                        
                                            @if(gettype(@$detail) == 'object')
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <input type="hidden" name="improvementArea[{{$key}}][id]"
                                                                value="{{$detail->id}}" min="0">

                                                        @if(@$detail->input_type == 'dropdown')
                                                        <label class="edit-label">{{@$detail->parameter}}</label>
                                                        <select class="form-control edit-input edit-select" name="improvementArea[{{$key}}][value]">
                                                                <!-- <option>{{$detail->value}}</option> -->
                                                                @foreach(@$improvementAreaDetail['dropdown_values'] as $dropDownValue)
                                                                <option value="{{ $dropDownValue}}" @if($dropDownValue == $detail->value) selected @endif>{{ $dropDownValue}}</option>
                                                                @endforeach

                                                        </select>
                                                        @elseif(@$detail->input_type == '')

                                                        @else
                                                        <label class="edit-label">{{@$detail->parameter}}</label>
                                                        <input type="{{@$detail->input_type}}"
                                                                class="form-control edit-input"
                                                                placeholder=""
                                                                name="improvementArea[{{$key}}][value]"
                                                                value="{{$detail->value}}" required min="0"  onkeypress="@if($detail->input_type == 'number' || $detail->input_type == 'decimal') return (event.charCode !=8 && event.charCode ==0 || (event.charCode >= 48 && event.charCode <= 57)) @endif">
                                                        @endif
                                                    </div>
                                                </div>
                                                @else
                                                @continue
                                            @endif
                                        @endforeach

                                    </div>
                                </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row justify-content-center mt-3 mt-sm-4">
                <div class="col-md-2 col-5"><a href="/farmers/farmer-assigned-details/{{ base64_encode($farmers->id) }}"><button type="button" class="btn btn-block cancel-btn p-sm-3">Cancel</button></a></div>
                {{-- <div class="col-md-2 col-5"><button type="button" class="btn btn-block save-btn p-sm-3">Save</button></div> --}}
                <div class="col-md-2 col-5"><button id="submission" type="button" data-request="ajax-submit" data-target="[role=post-data]" data-status="active" class="btn btn-block save-btn p-sm-3">Save</button></div>
            </div>
        </form>
    </div>

    </div>
</section>
@endsection
@section('scripts')
<script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
<script
    src="https://maps.googleapis.com/maps/api/js?key={{ config('app.google_maps_api_key') }}&callback=initMap&libraries=places&v=weekly"
    defer>
</script>
@include('setting.partials.address-js')
<script>
    $(document).ready(function(){
        // calling map with lat,lng
        initMap($('#lat').val(),$('#lng').val());

        $(".disable-month input[type='text']").prop('disabled',true);
        $(".enable-month input[type='text']").prop('disabled',false);


    });

    let monthsArray = ['Jan','Feb','Mar','Apr','May','July','Aug','Sep','Oct','Nov','Dec'];

        function getDdes(th) {
            var MccId = $('#mcc_id').val();
            $('#dde_phone').val('');
            var DdeId = "";

            @if(isset($farmers->dde_id) && $farmers->dde_id)
            DdeId = '{{@$farmers->dde_id}}';
            @endif

            var data = {
                mcc_id: MccId,
                '_token': '{{{csrf_token()}}}'
            }
            $.ajax({
                url: '/ajax/ddes',
                type: 'POST',
                data: data,
                success: function(data) {
                    var selectbox = '';
                    if (data) {
                        selectbox = '<select name="dde_id" class="form-control edit-input edit-select" data-live-search="true" id="dde_id">';
                        selectbox += '<option>Select</option>';
                        $.each(data, function(i, item) {
                            if (item.id == DdeId) {
                                selectbox += '<option value="' + item.id + '" selected="selected" data-phone="'+ item.phone +'">' + item.value + '</option>';
                                $('#dde_phone').val(item.phone);
                            } else {
                                selectbox += '<option value="' + item.id + '"  data-phone="'+ item.phone +'">' + item.value + '</option>';
                            }
                        });
                        selectbox += '</select>';
                    }
                    $('#dde_id').html(selectbox);
                }
            });
        }


    $('#mcc_id').change(function(){
        var phone = $(this).find(':selected').data('mobile');
        $('#mcc_phone').val(phone);
    });

    $('#dde_id').change(function(){
        var phone = $(this).find(':selected').data('phone');
        $('#dde_phone').val(phone);
    });

    $(window).on('load', function() {
        var ddeId = $('#mcc_id').val();
        getDdes(ddeId);

    });


    var totalFile = 1;
    $(document).on('change', '.multiple_files', function(e) {
        filePreview(this, totalFile, $(this).data('target'))
        if($(this).data('target') == 'document_type_files') {
            $('.append-document-type-files').append('<input type="file" id="document_files_'+totalFile+'" data-target="'+$(this).data('target')+'" name="'+$(this).data('target')+'['+totalFile+']" accept=".png,.jpg,.jpeg,.pdf" class="custom-input multiple_files">')
        } else {
            $('.append-new-file').append('<input type="file" id="document_type_files_'+totalFile+'" data-target="'+$(this).data('target')+'" name="'+$(this).data('target')+'['+totalFile+']" accept=".png,.jpg,.jpeg,.pdf" class="custom-input multiple_files">')
        }
        totalFile ++;
    });

    function filePreview(input, totalFile, dataTraget) {
        console.log(input);
        console.log(totalFile);

        if (input.files && input.files[0]) {
            var fileType = input.files[0].type;
            var fileSize = input.files[0].size;
            var maxSize = 5 * 1024 * 1024; // 5 MB in bytes
            console.log(input.files);

            // Check if the file type is allowed
            if (fileType !== 'image/jpeg' && fileType !== 'image/png' && fileType !== 'image/jpg' && fileType !== 'application/pdf') {
                // Show SweetAlert alert for invalid file type
                Swal.fire({
                    type: 'error',
                    title: 'Invalid File Type',
                    text: 'Please upload files with extensions jpeg, png, jpg, or pdf.',
                });

                // Clear the file input
                input.value = '';
                return;
            }
            if(fileSize > maxSize){
                Swal.fire({
                    type: 'error',
                    title: 'File Size Exceeded',
                    text: 'Please upload a file with a size less than 5 MB.',
                });

                // Clear the file input
                input.value = '';
                return;
            }
            var reader = new FileReader();
            reader.onload = function (e) {
                var prvdiv = '<div class="col-md-3 col-4 document-div" id="attachment-div-'+(totalFile-1)+'">'+
                            '<div class="kyc-documetsbox">'+
                                '<embed src="' + e.target.result + '" class="kycdocuments-showimg" alt="">'+
                                '<div class="close-boxnew kyc-closeboxnew"><img src="/assets/img/white-close.svg" alt="" onclick="crossImage('+(totalFile-1)+')" id="dynamic-cross-'+totalFile+'"></div>'+
                            '</div>'+
                        '</div>';
                $('#append_'+dataTraget).append(prvdiv);
            };
            reader.readAsDataURL(input.files[0]);
        }
    }

    function crossImage(id){
        $('#attachment-div-'+id).remove();
        $('#document_files_'+id).remove();
    }

    $(document).on('click', '[data-request="remove-file"]', function() {
        var $this = $(this);
        $this.closest('.document-div').remove();
        $.ajax({
            url: $this.attr('data-url'),
            type: 'DELETE',
            success: function(res) {
                console.log(res);
            }
        });
    });


        function calculationsData(e){
            let ids = e?.getAttribute('id');
            let idsArr = ids?.split('-');

            // let idIndex = idsArr?.slice(-1)[0];
            let idIndex = e.getAttribute('data-month');
            let milkingCowValue = $('#milkingCows-'+idIndex).val();
            let milkingCalValue =  milkingCowValue ? milkingCowValue : 0;

            let dryCowsValue = $('#dryCows-'+idIndex).val();

            let dryCalValue = dryCowsValue ? dryCowsValue : 0;

            let heiferCowsValue = $('#heiferCows-'+idIndex).val();

            let heiferCalValue = heiferCowsValue ? heiferCowsValue : 0;

            let sevenToTwelveMonthCowsValue = $('#sevenToTwelveMonthCows-'+idIndex).val();

            let sevenToTwelveMonthCalValue = sevenToTwelveMonthCowsValue ? sevenToTwelveMonthCowsValue : 0;

            let sixMonthCowValue = $('#sixMonthCow-'+idIndex).val();

            let sixMonthCalValue = sixMonthCowValue ? sixMonthCowValue : 0;

            let bullCalfsValue = $('#bullCalfs-'+idIndex).val();

            let bullCalfsCalValue = bullCalfsValue ? bullCalfsValue : 0;

            let suppliedToPdflValue = $('#suppliedToPdfl-'+idIndex).val();

            let suppliedToPdflCalValue = suppliedToPdflValue ? suppliedToPdflValue : 0;

            let suppliedToOthersValue = $('#suppliedToOthers-'+idIndex).val();

            let suppliedToOthersCalValue = suppliedToOthersValue ? suppliedToOthersValue : 0;

            let selfUseValue = $('#selfUse-'+idIndex).val();

            let selfUseCalValue = selfUseValue ? selfUseValue : 0;

            let totalHerds = (parseFloat(milkingCalValue)+parseFloat(dryCalValue)+parseFloat(heiferCalValue)+parseFloat(sevenToTwelveMonthCalValue)+parseFloat(sixMonthCalValue)+parseFloat(bullCalfsCalValue));
            
            let herdSizeValue = $('#inputfortotalsum-'+idIndex).val(totalHerds);

            let totalherdsize = (parseFloat(milkingCalValue)+parseFloat(dryCalValue)+parseFloat(heiferCalValue)+parseFloat(sevenToTwelveMonthCalValue)+parseFloat(sixMonthCalValue)+parseFloat(bullCalfsCalValue));

            let totalherdsizeValue = $('#totalherdsize-'+idIndex).text(totalherdsize);
            let totalMilkingCowValue = $('#totalmilkcows-'+idIndex).text(milkingCalValue);

            let total_milk_cow = milkingCalValue;


            let totalMilkProduction = (parseFloat(suppliedToPdflCalValue)+parseFloat(suppliedToOthersCalValue)+parseFloat(selfUseCalValue));
            let totalMilkProductionValue = $('#totalmilkproduction-'+idIndex).val(totalMilkProduction);

            let TotalMilkProductionValue = $('#TotalMilkProduction-'+idIndex).text(totalMilkProduction);

            let total_milk_production = totalMilkProduction;

            let shortMonthName = idIndex; // Replace with your short month name
            let year = $('#years-'+idIndex).val(); // Replace with the desired year


            let daysInMonth = getDaysInMonth(shortMonthName, year);

            daysInMonth = daysInMonth != 0 ? daysInMonth : 1;

            total_milk_cow = total_milk_cow != 0 ? total_milk_cow : 1;

            let yeildPerDay = (parseFloat(total_milk_production) / daysInMonth) / total_milk_cow ;

            $('#yieldPerDay-'+idIndex).val(yeildPerDay.toFixed(2));

            $('#totalyieldperday-'+idIndex).text(yeildPerDay.toFixed(2));

        }



        function getDaysInMonth(fullMonthName, year) {
            // Map full month names to month indices (0-based)
            const monthMap = {
                January: 0,
                February: 1,
                March: 2,
                April: 3,
                May: 4,
                June: 5,
                July: 6,
                August: 7,
                September: 8,
                October: 9,
                November: 10,
                December: 11,
        };

    const monthIndex = monthMap[fullMonthName];

    if (monthIndex === undefined) {
        return -1; // Invalid full month name
    }

    // Create a Date object for the given month and year
    const date = new Date(year, monthIndex + 1, 0);

    // Get the number of days in the month
    return date.getDate();
}

function addMoreRow(elem,farmerId) {
    updateCowsYield(elem,farmerId);
    
    $.ajax({
        beforeSend: function (xhr) { },
        url: app_url + '/api/farmers/add-farmer-cow-details/'+farmerId,
        method: "GET",
        dataType: "json",
        success: function (response) {
            $('#appendCowMilkList').html('data loading ...');
            $('#appendCowMilkList').html(response.data);

        },
        error: function ($response) {
            $('#loaderDiv').hide();
            if ($response.status === 422) {
                if (
                    Object.size($response.responseJSON) > 0 &&
                    Object.size($response.responseJSON.errors) > 0
                ) {
                    show_validation_error($response.responseJSON.errors);
                }
            } else {
                toast("warning", $response.responseJSON.message);
                setTimeout(function () { }, 1200);
            }
        }
    });
}

function removeRow(farmerId, farmerMonth) {
    $.ajax({
        beforeSend: function (xhr) { },
        url: app_url + '/api/farmers/delete-farmer-cow-details/'+farmerId+'/'+farmerMonth,
        method: "DELETE",
        dataType: "json",
        success: function (response) {
            $('#appendCowMilkList').html('data loading ...');
            $('#appendCowMilkList').html(response.data);


        },
        error: function ($response) {
            $('#loaderDiv').hide();
            if ($response.status === 422) {
                if (
                    Object.size($response.responseJSON) > 0 &&
                    Object.size($response.responseJSON.errors) > 0
                ) {
                    show_validation_error($response.responseJSON.errors);
                }
            } else {
                toast("warning", $response.responseJSON.message);
                setTimeout(function () { }, 1200);
            }
            }
    });
}

    function getDetailOfImpAreaById(farmerId,impAreaId){
        $('.tab-improvement-box-img').removeClass('active');
        $('#improvement-area-box'+impAreaId).addClass('active');

        $.ajax({
            url: "{{url('farmers/improvement-area-details')}}",
            type: 'POST',
            data: {'farmerId':farmerId,'impAreaId':impAreaId},
            success: function(improvementAreaDetail) {
                console.log("ImprovementAreaData of ID->"+impAreaId+": ",improvementAreaDetail);

                // Empty Div before appending data
                $('#improvementAreaEditFieldsDiv').html('');
                var html = '';

                    // Iterate through the improvementAreaDetail array and generate HTML
                    $.each(improvementAreaDetail, function(key, detail) {
                        if (typeof detail === 'object') {
                            var html = '<div class="col-md-4">' +
                                '<div class="form-group">' +
                                '<input type="hidden" name="improvementArea[' + key + '][id]" value="' + detail.id + '">';

                            if (detail.input_type === 'dropdown') {
                                html += '<label class="edit-label">' + detail.parameter + '</label>' +
                                    '<select class="form-control edit-input edit-select" name="improvementArea[' + key + '][value]">' +
                                    '<option>' + detail.value + '</option>' +
                                    '</select>';
                            } else if (detail.input_type == null || detail.input_type == '') {
                                // Handle other cases here
                            } else {
                                html += '<label class="edit-label">' + detail.parameter + '</label>' +
                                    '<input type="' + detail.input_type + '" class="form-control edit-input" placeholder="" ' +
                                    'name="improvementArea[' + key + '][value]" value="' + detail.value + '" required>';
                            }

                            html += '</div></div>';

                            // Append the generated HTML to the ImprovementAreaEdit div

                            $('#improvementAreaEditFieldsDiv').append(html);
                        }


                    });
            }
        });
    }

    function updateCowsYield(elem,farmerId){
        var form = $(elem).closest('form');
        var formData = new FormData(form[0]);
        // var url = $(form[0]).attr('action');

        $.ajax({
            url: '{{url('farmers/updateCowYield')}}/'+farmerId,
            data: formData,
            cache: false,
            type: 'POST',
            dataType: 'JSON',
            contentType: false,
            processData: false,
            success: function ($response) {
                console.log("success",$response);
            },
            error: function ($response) {
                console.log($response);
            }
        });
    }

</script>
@endsection