@extends('layouts.app')
@section('content')
@php
$regex = "([^\\s]+(\\.(?i)(jpe?g|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">
            @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">
                                                <select class="form-control edit-input edit-select new-select">
                                                    <option>+256</option>
                                                </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" onkeydown="return false;">
                                        </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" name="date_of_birth" value="{{ @$farmers->date_of_birth }}" class="form-control edit-input" max="{{ \Carbon\Carbon::now()->subYears(18)->toDateString() }}">
                                        </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">
                                                <select class="form-control edit-input edit-select new-select">
                                                    <option>+256</option>
                                                </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" name="farming_experience" value="{{ @$farmers->farming_experience }}" class="form-control edit-input" 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">
                                        </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">
                                        </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">
                                        </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">Supplier Id</label>
                                            <input type="text" name="supplier_id" value="{{ @$farmers->supplier_id }}" class="form-control edit-input" placeholder="Enter Supplier Name">
                                        </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." 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." 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="{{@$addresses->name}}" 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>
                                                        <input type="text" name="region" id="region" value="{{@$regionData->name}}" class="form-control edit-input" placeholder="Region" readonly>
                                                        {!! $errors->first('region_id', '<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>
                                                        <input type="text" name="district" id="district" value="{{@$districtData->name}}" class="form-control edit-input" placeholder="District" readonly>
                                                        {!! $errors->first('district_id', '<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="{{@$countyData->id}}" selected>{{@$countyData->name}}</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="{{@$subCountyData->id}}"selected>{{@$subCountyData->name}}</option>
                                                        </select>
                                                        {!! $errors->first('subCounty_id', '<label class="error" for="subcounty">:message</label>') !!}
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="edit-label">Zip Code</label>
                                                        <input type="text" name="zip_code" id="zip_code" value="{{ @$farmers->address->postal_code }}"
                                                            class="form-control edit-input" placeholder="Zip Code">
                                                    </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->latitude}}" id="lat">
                                                    <input type="hidden" name="longitude" value="{{@$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->user->profile_pic ? @$farmers->user->profile_pic : 'javascript:void(0)' }}"
                                                    @if (@$farmers->user->profile_pic) target="_blank" @endif
                                                    id="preview_image_link"><img
                                                        src="{{ @$farmers->user->profile_pic ? @$farmers->user->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-11">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row mb-3 mb-sm-0" id="append_document_files">
                                                        @if (count($farmers->farmerDocuments->document_files) > 0)
                                                            @foreach ($farmers->farmerDocuments->document_files as $file)
                                                                <div class="col-md-3 col-4 document-div">
                                                                    <div class="kyc-documetsbox">
                                                                        @if (preg_match($regex, $file->file_name))
                                                                            <div>
                                                                                <a href="{{ $file->full_url }}"
                                                                                    target="_blank"><img
                                                                                        src="{{ $file->full_url }}"
                                                                                        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 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-11">
                                                            </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 2 MB</span>

                                                            <input type="file" name="document_files[]" accept=".png,.jpg,.jpeg,.pdf,.doc,.docx,.xls,.xlsx" class="custom-input multiple_files" multiple>
                                                        </div>
                                                    </div>
                                                    <div class="row mb-3 mb-sm-0 mt-3" id="append_document_type_files">
                                                        @if (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>
                                                                                <a href="{{ $file->full_url }}"
                                                                                    target="_blank"><img
                                                                                        src="{{$file->full_url}}"
                                                                                        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('{{ $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 = 'enableddd-month' ;@endphp @else @php  $e = 'disable-month'; @endphp @endif
                                            @php

                                                $month = null;
                                                $monthWiseCowDetails = @$farmerCowDetail->getMonthWiseCowDetails();

                                            @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">
                                                                    <select class="edit-select cow-select" name="data[0][month]" id="month-{{ @$farmerCowDetail->month }}" onchange="calculationsData(this)">
                                                                        @foreach ($monthArray as $key => $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[0][year]" id="years-{{ @$farmerCowDetail->month }}" onchange="calculationsData(this)">
                                                                            <option value="{{ date('Y') }}" selected> {{ date('Y') }}</option>
                                                                    </select>
                                                                </div>

                                                                @php

                                                                    $total_milk_production = @$farmerTotalMilkProduction->supplied_to_others + @$farmerTotalMilkProduction->self_use + @$farmerTotalMilkProduction->supplied_to_pdfl;
                                                                    $monthNumber = \Carbon\Carbon::parse('March')->month;
                                                                    $daysInMonth = \Carbon\Carbon::now()->month($monthNumber)->daysInMonth;
                                                                    $yeildPerDay = ((@$total_milk_production / $daysInMonth) / @$farmerCowDetail->milking_cows);
                                                                @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-1 text-sm-right d-sm-block d-none">
                                                                    Yield: <span class="text-black yieldperday" id="totalyieldperday-{{ @$farmerCowDetail->month }}">{{ round(@$yeildPerDay,2) }}</span> Ltr/day
                                                                </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 $key => $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">
                                                                                    <tbody>
                                                                                        <tr>

                                                                                                <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="{{  @$farmerTotalMilkProduction->supplied_to_pdfl }}" class="form-control edit-input milk-boxvalue mt-2" id="suppliedToPdfl-{{ @$farmerCowDetail->month }}" data-month="{{ @$farmerCowDetail->month }}" oninput="calculationsData(this)">
                                                                            </td>
                                                                            <td>Supplied to Others (Ltr.)
                                                                                    <input type="text" name="data[{{ $key }}][supplied_to_others]"
                                                                                value="{{  @$farmerTotalMilkProduction->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="{{  @$farmerTotalMilkProduction->self_use }}" class="form-control edit-input milk-boxvalue mt-2" id="selfUse-{{ @$farmerCowDetail->month }}" data-month="{{ @$farmerCowDetail->month }}" oninput="calculationsData(this)">
                                                                            </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>
                                            @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">
                                            <div class="improvement-areasbox text-center">
                                                <div  class="improvement-boximg">
                                                    <img src="/assets/img/water1.png" alt="">
                                                </div>
                                                <p>Water Facility</p>
                                            </div>
                                            <div class="improvement-areasbox text-center">
                                                <div  class="improvement-boximg">
                                                    <img src="/assets/img/water2.png" alt="">
                                                </div>
                                                <p>Pasture & Fodder</p>
                                            </div>
                                            <div class="improvement-areasbox text-center">
                                                <div  class="improvement-boximg">
                                                    <img src="/assets/img/water3.png" alt="">
                                                </div>
                                                <p>Medicine & Vaccination</p>
                                            </div>
                                            <div class="improvement-areasbox text-center">
                                                <div  class="improvement-boximg">
                                                    <img src="/assets/img/water4.png" alt="">
                                                </div>
                                                <p>Machinery</p>
                                            </div>
                                            <div class="improvement-areasbox text-center">
                                                <div  class="improvement-boximg">
                                                    <img src="/assets/img/water5.png" alt="">
                                                </div>
                                                <p>Infrastructure</p>
                                            </div>
                                        </div>
                                    </div>
                                    </div>

                                <div class="source-wateravailabilitybox mt-sm-4">
                                    <div class="row mt-2">
                                        @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}}">

                                                        @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>
                                                        </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>
                                                        @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=AIzaSyAZHiJY-h95-Cm_PmRPUbwkPaDhZPNLC3U&callback=initMap&libraries=places&v=weekly"
    defer>
</script>
<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);

        // var date = new Date();
        // const month = date.toLocaleString('default', { month: 'long' });
        // $('#collapsenew_'+ month +' *').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);
                }
            });
        }

        //================ Map Address Script start =================

       let map;

		async function initMap(lat,lng) {

			// Marking Pointer
            var lat = lat ? parseFloat($('#lat').val()) : -34.397;
            var lng = lng ? parseFloat($('#lng').val()) : 150.644;
            const { Map } = await google.maps.importLibrary("maps");
            map = new Map(document.getElementById("map"), {
                center: { lat: lat, lng: lng },
                zoom: 8,
            });
            var marker = new google.maps.Marker({
                position:{ lat: lat, lng: lng },
                map: map,
                draggable: false,
                animation:google.maps.Animation.BOUNCE
            });

            //============ Start Address Autofill script ===========
			autoComplete = new google.maps.places.Autocomplete(document.getElementById("search_in_map"), {
		        types: ['geocode'],
		    });

            autoComplete.addListener('place_changed', function(){
                var place = autoComplete.getPlace();
                // taking latitude and longitude
                $('#lat').val(place.geometry['location'].lat());
                $('#lng').val(place.geometry['location'].lng());

                var address_components = place.address_components;

                address_components.forEach((address, index, array) => {
                    if(address.types[0] == 'country'){
                        $('#country').val(address.long_name);
                        console.log($('#country').val(),address.long_name);
                        validateCountry(address.long_name);
                    }
                    if(address.types[0] == "administrative_area_level_1"){
                        $('#region').val(address.long_name);
                    }
                    if(address.types[0] == "administrative_area_level_2" || address.types[0] == "administrative_area_level_3"){
                        $('#district').val(address.long_name);

                        getCounty(address.long_name);
                    }

                });
                $('#address').val(place.formatted_address);

		    });

		}

        window.initMap = initMap;

    //============ Close Address Autofill script ===========

        function validateCountry(countryName){
            $.ajax({
				url  : "{{url('ajax/country')}}",
				type : "POST",
				data : {
							_token: "{{ csrf_token() }}",
							countryName : countryName
						},
				success	: function(data){
                    if(data == 'false'){
                        $('#country').val('');

                        Swal.fire({
                            type: 'error',
                            title: 'Oops...',
                            text: 'Invalid Country Name!',
                        });
                    }else{
                        $('#country').val(countryName);
                    }
				}
			});
        }

        function getCounty(districtName){
            $('#county_id').empty();
            $.ajax({
				url  : "{{url('ajax/counties')}}",
				type : "POST",
				data : {
							_token: "{{ csrf_token() }}",
							districtName : districtName
						},
				success	: function(data){
                    $('#county_id').append(data);
				}
			});
        }

        function getSubCounties(th) {
            var countyId = $('#county_id').val();

            var data = {
                countyId: countyId,
                '_token': '{{{csrf_token()}}}'
            }
            $.ajax({
                url: "{{url('ajax/subCounties')}}",
                type: 'POST',
                data: data,
                success: function(data) {
                    var selectbox = '';
                    if (data) {
                        selectbox = '<select name="subCounty_id" class="form-control edit-input edit-select" data-live-search="true" id="subCounty_id">';
                        selectbox += '<option>Select Sub County</option>';
                        $.each(data, function(i, item) {
                            selectbox += '<option value="' + i + '">' + item + '</option>';
                        });
                        selectbox += '</select></div>';
                    }
                    $('#subCounty_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);

    });


    $(".multiple_files").on("change", function(e) {
            var fileTypes = ['jpg', 'jpeg', 'png', 'pdf', 'doc', 'docx', 'xls', 'xlsx']; //acceptable file types
            var files = e.target.files,
                filesLength = files.length;
            // lengthFIle++;
            // if (filesLength > 4 || lengthFIle > 4) {
            var appendDiv = e.target.name.split('[');
            if (filesLength > 10) {
                e.target.value = '';
                $('#append_' + appendDiv[0]).html('');
                Swal.fire(
                    'Warning!',
                    'You can upload maximum 10 files.<br>Kindly select again.',
                    'warning', {
                        html: true,
                    }
                );
                return false;
            } else {
                var totalSize = 0;
                for (var i = 0; i < filesLength; i++) {
                    var f = files[i];
                    var extension = f.name.split('.').pop().toLowerCase(); //file extension from input file
                    isSuccess = fileTypes.indexOf(extension) > -1;
                    if (!isSuccess) {
                        e.target.value = '';
                        $('#append_' + appendDiv[0]).html('');
                        Swal.fire(
                            'Warning!',
                            'File format not supported (jpg,jpeg,png,pdf,doc,docx,xls,xlsx only).<br>Kindly select again.',
                            'warning', {
                                html: true,
                            });
                        return false;
                    }
                    var size = f.size;
                    totalSize += (size / 1024) / 1024;
                }


            var html = '';
            var fileTypes = ['jpg', 'jpeg', 'png']; //acceptable file types

            // appendDiv.pop();
            for (var i = 0; i < filesLength; i++) {
                var f = files[i];
                var extension = f.name.split('.').pop().toLowerCase(), //file extension from input file
                    isSuccess = fileTypes.indexOf(extension) > -1; //is extension in acceptable types
                if (isSuccess) {
                    var fileReader = new FileReader();
                    fileReader.onload = (function(e) {
                        var file = e.target;
                        html +=
                        '<div class="col-md-3 col-4">'+
                            '<div class="kyc-documetsbox">'+
                                '<img src="' + e.target.result + '" class="kycdocuments-showimg" alt="">'+
                                // '<div class="close-boxnew kyc-closeboxnew"><img src="/assets/img/white-close.svg" alt="" onclick="crossImage('+e.target.result+')"></div>'+
                            '</div>'+
                        '</div>';

                        $('#append_document_files').append(html);
                    });
                } else {

                    var fileReader = new FileReader();
                    fileReader.onload = (function(e) {
                        var file = e.target;
                        html +=
                        '<div class="col-md-3 col-4">'+
                            '<div class="kyc-documetsbox">'+
                                '<img src="' + e.target.result + '" class="kycdocuments-showimg" alt="">'+
                                // '<div class="close-boxnew kyc-closeboxnew"><img src="/assets/img/file-pdf.svg" alt=""></div>'+
                            '</div>'+
                        '</div>';

                        $('#append_document_files').append(html);
                    });
                }
                fileReader.readAsDataURL(f);
            }
            }
        });

        $(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).text(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).text(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(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/add-farmer-cow-details/'+farmerId,
        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 crossImage() {

}

</script>
@endsection