@extends('layouts.admin', ['title' => 'Edit Farmer Group'])

@push('stylesheets')

    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
    <link rel="stylesheet" href="{{ asset('/assets/libs/nouislider/nouislider.min.css') }} ">

@endpush

@section('content')
    <div class="main-content">
        <div class="page-content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-header align-items-center d-flex">
                                <h4 class="card-title mb-0 flex-grow-1">Edit Farmer Group</h4>
                            </div><!-- end card header -->
                            <div class="card-body">
                                <div class="live-preview">
                                    <h3 class="mt-3 mb-3 flex-grow-1 text-center">
                                        <span class="badge badge-soft-primary">Group Details</span>
                                    </h3>

                                    <form method="POST" action="{{url('update-farmer-group',['farmerGroup' => $farmerGroup->id])}}" id="farmer-group-form">
                                        @csrf
                                        <div class="row gy-4">
                                            <div class="col-xxl-3 col-md-6">
                                                <div class="form-group">
                                                    <label for="basiInput" class="form-label">Farmer Group</label>
                                                    <input type="text" class="form-control" id="farmer_group"
                                                           name="farmer_group" value="{{$farmerGroup->farmer_group}}"
                                                           required>
                                                </div>
                                            </div>
                                            <!--end col-->
                                            <div class="col-xxl-3 col-md-6">
                                                <div class="form-group">
                                                    <label for="establishment_year" class="form-label">Year of
                                                        Establishment</label>
                                                    <input type="text" class="form-control" id="establishment_year"
                                                           name="establishment_year"
                                                           value="{{$farmerGroup->establishment_year}}" required>
                                                </div>
                                            </div>
                                            <!--end col-->
                                            <div class="col-xxl-3 col-md-6 d-none">
                                                <div>
                                                    <label for="email_address" class="form-label">Email Address</label>
                                                    <input type="email" class="form-control" id="email_address"
                                                           name="email_address" value="{{$farmerGroup->email_address}}">
                                                </div>
                                            </div>

                                            <div class="col-xxl-3 col-md-6">
                                                <div>
                                                    <label for="new_group" class="form-label">Is this a new or old
                                                        group?</label>
                                                    <div>
                                                        <div class="form-check form-check-inline">
                                                            @if(!$farmerGroup->new_group)
                                                                <input class="form-check-input" type="radio"
                                                                       name="new_group" value="0" checked>
                                                            @else
                                                                <input class="form-check-input" type="radio"
                                                                       name="new_group" value="0">
                                                            @endif
                                                            <label class="form-check-label">No</label>
                                                        </div>
                                                        <div class="form-check form-check-inline">
                                                            @if($farmerGroup->new_group)
                                                                <input class="form-check-input" type="radio"
                                                                       name="new_group" value="1" checked>
                                                            @else
                                                                <input class="form-check-input" type="radio"
                                                                       name="new_group" value="1">
                                                            @endif
                                                            <label class="form-check-label">Yes</label>
                                                        </div>

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

                                            <div class="col-xxl-3 col-md-6">
                                                <div class="form-label form-group">
                                                    <label for="registration_status">Registration Status</label>
                                                    <select name="registration_status" id="registration-status"
                                                            required>
                                                        <option value=""></option>
                                                        @foreach(Config::get('constants.registration_statuses') as $item)
                                                            @if($farmerGroup->registration_status == $item)
                                                                <option value="{{$item}}" selected>{{$item}}</option>
                                                            @else
                                                                <option value="{{$item}}">{{$item}}</option>
                                                            @endif
                                                        @endforeach

                                                    </select>
                                                </div>
                                            </div>
                                            <!--end col-->

                                            <div class="col-xxl-3 col-md-6" id="registration-number"
                                                 style="display:none;">
                                                <div class="form-label form-group">
                                                    <label for="registration_numbers">Registration Number</label>
                                                    <input type="text" class="form-control" id="registration_number"
                                                           name="registration_number"
                                                           value="{{$farmerGroup->registration_number}}">
                                                </div>
                                            </div>
                                            <!--end col-->
                                            <!--end col-->


                                            <!--end col-->

                                            <!--end col-->
                                            <div class="col-xxl-3 col-md-6">
                                                <div>
                                                    <label for="received_other_ngo_support" class="form-label">Any
                                                        support received from other NGOs</label>
                                                    <div>
                                                        <div class="form-check form-check-inline">
                                                            @if(!$farmerGroup->received_other_ngo_support)
                                                                <input class="form-check-input" type="radio"
                                                                       name="received_other_ngo_support" value="0"
                                                                       checked>
                                                            @else
                                                                <input class="form-check-input" type="radio"
                                                                       name="received_other_ngo_support" value="0">
                                                            @endif
                                                            <label class="form-check-label">No</label>
                                                        </div>
                                                        <div class="form-check form-check-inline">
                                                            @if($farmerGroup->received_other_ngo_support)
                                                                <input class="form-check-input" type="radio"
                                                                       name="received_other_ngo_support" value="1"
                                                                       checked>
                                                            @else
                                                                <input class="form-check-input" type="radio"
                                                                       name="received_other_ngo_support" value="1">
                                                            @endif
                                                            <label class="form-check-label">Yes</label>
                                                        </div>

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

                                            <!--end col-->
                                            <div class="col-xxl-3 col-md-6 supporting_ngo_ids" id="supporting_ngo_ids"
                                                 style="display:none;">
                                                <div class="form-label">
                                                    <label for="supporting-ngos">Supporting NGos</label>
                                                    <select name="supporting_ngos_ids[]" id="supporting-ngos" multiple>
                                                        <option value=""></option>
                                                        @foreach($supporting_ngos as $item)
                                                            @if(in_array($item->non_government_organisation,$farmerGroup->non_government_organisations))
                                                                <option value="{{$item->id}}" selected>{{$item->non_government_organisation}}</option>
                                                            @else
                                                                <option value="{{$item->id}}">{{$item->non_government_organisation}}</option>
                                                            @endif
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <!--end col-->
                                            <div class="col-xxl-3 col-md-6">
                                                <div>
                                                    <label for="participation_of_collective_marketing"
                                                           class="form-label">Participation of Collective
                                                        Marketing?</label>
                                                    <div>
                                                        <div class="form-check form-check-inline">
                                                            @if(!$farmerGroup->participation_of_collective_marketing)
                                                                <input class="form-check-input" type="radio"
                                                                       name="participation_of_collective_marketing"
                                                                       value="0" checked>
                                                            @else
                                                                <input class="form-check-input" type="radio"
                                                                       name="participation_of_collective_marketing"
                                                                       value="0">
                                                            @endif
                                                            <label class="form-check-label">No</label>
                                                        </div>
                                                        <div class="form-check form-check-inline">
                                                            @if($farmerGroup->participation_of_collective_marketing)
                                                                <input class="form-check-input" type="radio"
                                                                       name="participation_of_collective_marketing"
                                                                       value="1" checked>
                                                            @else
                                                                <input class="form-check-input" type="radio"
                                                                       name="participation_of_collective_marketing"
                                                                       value="1">
                                                            @endif
                                                            <label class="form-check-label">Yes</label>
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                            <!--end col-->
                                            <div class="col-xxl-3 col-md-6">
                                                <div>
                                                    <label for="is_member_of_dairy_cooperative" class="form-label">Is
                                                        the group a member of any Dairy Cooperative?</label>
                                                    <div>
                                                        <div class="form-check form-check-inline">
                                                            @if(!$farmerGroup->is_member_of_dairy_cooperative)
                                                                <input class="form-check-input" type="radio"
                                                                       name="is_member_of_dairy_cooperative" value="0"
                                                                       checked>
                                                            @else
                                                                <input class="form-check-input" type="radio"
                                                                       name="is_member_of_dairy_cooperative" value="0">
                                                            @endif
                                                            <label class="form-check-label">No</label>
                                                        </div>
                                                        <div class="form-check form-check-inline">
                                                            @if($farmerGroup->is_member_of_dairy_cooperative)
                                                                <input class="form-check-input" type="radio"
                                                                       name="is_member_of_dairy_cooperative" value="1"
                                                                       checked>
                                                            @else
                                                                <input class="form-check-input" type="radio"
                                                                       name="is_member_of_dairy_cooperative" value="1">
                                                            @endif
                                                            <label class="form-check-label">Yes</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end col-->
                                            <div class="col-xxl-3 col-md-6 cooperative-fields" id="cooperative-fields"
                                                 style="display:none;">
                                                <div class="form-group">
                                                    <label for="cooperative_id" class="form-label">Cooperative</label>
                                                    <select name="cooperative_id" id="cooperatives">
                                                        <option></option>
                                                        @foreach($cooperatives as $item)
                                                            @if($farmerGroup->cooperative_id == $item->id)
                                                                <option value="{{$item->id}}"
                                                                        selected>{{$item->cooperative}}</option>
                                                            @else
                                                                <option
                                                                    value="{{$item->id}}">{{$item->cooperative}}</option>
                                                            @endif
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <!--end col-->
                                            <div class="col-xxl-3 col-md-6">
                                                <div>
                                                    <label for="have_a_storage_facility" class="form-label">Has the
                                                        group ever received support from Mastercard Foundation?</label>
                                                    <div>
                                                        <div class="form-check form-check-inline">
                                                            @if(!$farmerGroup->received_mastercard_support)
                                                                <input class="form-check-input" type="radio"
                                                                       name="received_mastercard_support" value="0"
                                                                       checked>
                                                            @else
                                                                <input class="form-check-input" type="radio"
                                                                       name="received_mastercard_support" value="0">
                                                            @endif
                                                            <label class="form-check-label">No</label>
                                                        </div>
                                                        <div class="form-check form-check-inline">
                                                            @if($farmerGroup->received_mastercard_support)
                                                                <input class="form-check-input" type="radio"
                                                                       name="received_mastercard_support" value="1"
                                                                       checked>
                                                            @else
                                                                <input class="form-check-input" type="radio"
                                                                       name="received_mastercard_support" value="1">
                                                            @endif
                                                            <label class="form-check-label">Yes</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-xxl-3 col-md-6 mastercard-support" id="mastercard-support"
                                                 style="display:none;">
                                                <div class="form-group">
                                                    <label for="mastercard-support" class="form-label">Mastercard
                                                        interventions</label>
                                                    <select name="mastercard_programs" id="mastercard-interventions">
                                                        <option value=""></option>
                                                        @foreach($programs as $item)
                                                            @if($farmerGroup->mastercard_program_id == $item->id)
                                                                <option value="{{$item->id}}"
                                                                        selected>{{$item->mastercard_program}}</option>
                                                            @else
                                                                <option
                                                                    value="{{$item->id}}">{{$item->mastercard_program}}</option>
                                                            @endif
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="col-xxl-3 col-md-6">
                                                <div>
                                                    <label for="have_a_market_map" class="form-label">Does the group
                                                        have a Market Map</label>
                                                    <div>
                                                        <div class="form-check form-check-inline">
                                                            @if(!$farmerGroup->have_a_market_map)
                                                                <input class="form-check-input" type="radio"
                                                                       name="have_a_market_map" value="0" checked>
                                                            @else
                                                                <input class="form-check-input" type="radio"
                                                                       name="have_a_market_map" value="0">
                                                            @endif
                                                            <label class="form-check-label">No</label>
                                                        </div>
                                                        <div class="form-check form-check-inline">
                                                            @if($farmerGroup->have_a_market_map)
                                                                <input class="form-check-input" type="radio"
                                                                       name="have_a_market_map" value="1" checked>
                                                            @else
                                                                <input class="form-check-input" type="radio"
                                                                       name="have_a_market_map" value="1">
                                                            @endif
                                                            <label class="form-check-label">Yes</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-xxl-3 col-md-6 market-map" id="market-map"
                                                 style="display:none;">
                                                <div class="form-label">
                                                    <label for="last_updated_market_map">Last Updated Market Map</label>
                                                    <input type="date" class="form-control" id="last_updated_market_map"
                                                           placeholder="date of last the market map update"
                                                           name="last_updated_market_map">
                                                </div>
                                            </div>

                                            <!--end col-->
                                            <div class="col-xxl-3 col-md-6">
                                                <div>
                                                    <label for="have_a_storage_facility" class="form-label">Have a
                                                        Storage Facility</label>
                                                    <div>
                                                        <div class="form-check form-check-inline">
                                                            @if(!$farmerGroup->have_a_storage_facility)
                                                                <input class="form-check-input" type="radio"
                                                                       name="have_a_storage_facility" value="0" checked>
                                                            @else
                                                                <input class="form-check-input" type="radio"
                                                                       name="have_a_storage_facility" value="0">
                                                            @endif
                                                            <label class="form-check-label">No</label>
                                                        </div>
                                                        <div class="form-check form-check-inline">
                                                            @if($farmerGroup->have_a_storage_facility)
                                                                <input class="form-check-input" type="radio"
                                                                       name="have_a_storage_facility" value="1" checked>
                                                            @else
                                                                <input class="form-check-input" type="radio"
                                                                       name="have_a_storage_facility" value="1">
                                                            @endif
                                                            <label class="form-check-label">Yes</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end col-->
                                            <div class="col-xxl-3 col-md-6">
                                                <div>
                                                    <label for="have_modern_dairy_equipment" class="form-label">Have
                                                        Modern Dairy Equipment</label>
                                                    <div>
                                                        <div class="form-check form-check-inline">
                                                            @if(!$farmerGroup->have_modern_dairy_equipment)
                                                                <input class="form-check-input" type="radio"
                                                                       name="have_modern_dairy_equipment" value="0"
                                                                       checked>
                                                            @else
                                                                <input class="form-check-input" type="radio"
                                                                       name="have_modern_dairy_equipment" value="0">
                                                            @endif
                                                            <label class="form-check-label">No</label>
                                                        </div>
                                                        <div class="form-check form-check-inline">
                                                            @if($farmerGroup->have_modern_dairy_equipment)
                                                                <input class="form-check-input" type="radio"
                                                                       name="have_modern_dairy_equipment" value="1"
                                                                       checked>
                                                            @else
                                                                <input class="form-check-input" type="radio"
                                                                       name="have_modern_dairy_equipment" value="1">
                                                            @endif
                                                            <label class="form-check-label">Yes</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end col-->
                                            <div class="col-xxl-3 col-md-6 dairy-equipment-ownership"
                                                 id="dairy-equipment-ownership" style="display:none;">
                                                <div class="form-group">
                                                    <label for="cooperative_id" class="form-label">Type of ownership of
                                                        modern dairy equipment</label>
                                                    <select name="type_of_dairy_equipment_ownership"
                                                            id="type-of-equipment-ownership">
                                                        <option value=""></option>
                                                        @foreach(['Owned','Rented'] as $item)
                                                            @if($farmerGroup->type_of_dairy_equipment_ownership == $item)
                                                                <option value="{{$item}}" selected>{{$item}}</option>
                                                            @else
                                                                <option value="{{$item}}">{{$item}}</option>
                                                            @endif
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <!--end col-->
                                            <div class="col-xxl-3 col-md-6">
                                                <label for="is_group_involved_in_selling_related_dairy_pproducts"
                                                       class="form-label">Does the group have a constitution or
                                                    law?</label>
                                                <div>
                                                    <div class="form-check form-check-inline">
                                                        @if(!$farmerGroup->have_constitution_or_law)
                                                            <input class="form-check-input" type="radio"
                                                                   name="have_constitution_or_law" value="0" checked>
                                                        @else
                                                            <input class="form-check-input" type="radio"
                                                                   name="have_constitution_or_law" value="0">
                                                        @endif
                                                        <label class="form-check-label">No</label>
                                                    </div>
                                                    <div class="form-check form-check-inline">
                                                        @if($farmerGroup->have_constitution_or_law)
                                                            <input class="form-check-input" type="radio"
                                                                   name="have_constitution_or_law" value="1" checked>
                                                        @else
                                                            <input class="form-check-input" type="radio"
                                                                   name="have_constitution_or_law" value="1">
                                                        @endif
                                                        <label class="form-check-label">Yes</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end col-->
                                            <div class="col-xxl-3 col-md-6">
                                                <label for="is_group_involved_in_selling_related_dairy_pproducts"
                                                       class="form-label">Is Group Involved in Selling Related Dairy
                                                    Products</label>
                                                <div>
                                                    <div class="form-check form-check-inline">
                                                        @if(!$farmerGroup->is_group_involved_in_selling_related_dairy_products)
                                                            <input class="form-check-input" type="radio"
                                                                   name="is_group_involved_in_selling_related_dairy_products"
                                                                   value="0" checked>
                                                        @else
                                                            <input class="form-check-input" type="radio"
                                                                   name="is_group_involved_in_selling_related_dairy_products"
                                                                   value="0">
                                                        @endif
                                                        <label class="form-check-label">No</label>
                                                    </div>
                                                    <div class="form-check form-check-inline">
                                                        @if($farmerGroup->is_group_involved_in_selling_related_dairy_products)
                                                            <input class="form-check-input" type="radio"
                                                                   name="is_group_involved_in_selling_related_dairy_products"
                                                                   value="1" checked>
                                                        @else
                                                            <input class="form-check-input" type="radio"
                                                                   name="is_group_involved_in_selling_related_dairy_products"
                                                                   value="1">
                                                        @endif
                                                        <label class="form-check-label">Yes</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end col-->
                                            <div class="col-xxl-3 col-md-6">
                                                <div>
                                                    <label for="does_group_keep_records" class="form-label">Does Group
                                                        Keep Records</label>
                                                    <div>
                                                        <div class="form-check form-check-inline">
                                                            @if(!$farmerGroup->does_group_keep_records)
                                                                <input class="form-check-input" type="radio"
                                                                       name="does_group_keep_records" value="0" checked>
                                                            @else
                                                                <input class="form-check-input" type="radio"
                                                                       name="does_group_keep_records" value="0">
                                                            @endif
                                                            <label class="form-check-label">No</label>
                                                        </div>
                                                        <div class="form-check form-check-inline">
                                                            @if($farmerGroup->does_group_keep_records)
                                                                <input class="form-check-input" type="radio"
                                                                       name="does_group_keep_records" value="1" checked>
                                                            @else
                                                                <input class="form-check-input" type="radio"
                                                                       name="does_group_keep_records" value="1">
                                                            @endif
                                                            <label class="form-check-label">Yes</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end col-->

                                            <div class="col-xxl-3 col-md-6 records-description-fields"
                                                 id="records-description-fields" style="display:none;">
                                                <div class="form-label">
                                                    <label for="records_description">Records Description</label>
                                                    <input type="text" class="form-control" id="records_description"
                                                           name="record_description"
                                                           value="{{$farmerGroup->record_description}}">
                                                </div>
                                            </div>
                                            <!--end col-->


                                            <!--end col-->

                                            <div class="col-xxl-3 col-md-6">
                                                <div class="form-label">
                                                    <label for="have_a_business_plan">Have a Business Plan</label>
                                                    <div>
                                                        <div class="form-check form-check-inline">
                                                            @if(!$farmerGroup->have_a_business_plan)
                                                                <input class="form-check-input" type="radio"
                                                                       name="have_a_business_plan" value="0" checked>
                                                            @else
                                                                <input class="form-check-input" type="radio"
                                                                       name="have_a_business_plan" value="0">
                                                            @endif
                                                            <label class="form-check-label">No</label>
                                                        </div>
                                                        <div class="form-check form-check-inline">
                                                            @if($farmerGroup->have_a_business_plan)
                                                                <input class="form-check-input" type="radio"
                                                                       name="have_a_business_plan" value="1" checked>
                                                            @else
                                                                <input class="form-check-input" type="radio"
                                                                       name="have_a_business_plan" value="1">
                                                            @endif
                                                            <label class="form-check-label">Yes</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end col-->

                                            <div class="col-xxl-3 col-md-6 business-plan-divs" id="business-plan-divs"
                                                 style="display:none;">
                                                <div class="form-label">
                                                    <label for="last_updated_business_plan">Last Updated Business
                                                        Plan</label>
                                                    <input type="date" class="form-control"
                                                           name="last_updated_business_plan"
                                                           id="last_updated_business_plan"
                                                           value="{{$farmerGroup->last_updated_business_plan}}"
                                                           placeholder="Date">
                                                </div>
                                            </div>
                                            <!--end col-->


                                            <div class="col-xxl-3 col-md-6">
                                                <div class="form-label">
                                                    <label for="enterprise_id">Main Enterprise</label>
                                                    <select name="enterprise_id" id="enterprises">
                                                        <option value=""></option>
                                                        @foreach($enterprises as $item)
                                                            @if($farmerGroup->enterprise_id == $item->id)
                                                                <option value="{{$item->id}}"
                                                                        selected>{{$item->enterprise}}</option>
                                                            @else
                                                                <option
                                                                    value="{{$item->id}}">{{$item->enterprise}}</option>
                                                            @endif
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <!--end col-->


                                            <h3 class="mt-3 mb-3 flex-grow-1 text-center">
                                                <span
                                                    class="badge badge-soft-primary">Group Financial Information</span>
                                            </h3>


                                            <div class="row gy-4">

                                                <div class="col-xxl-3 col-md-6">
                                                    <div>
                                                        <label for="group_bank_account" class="form-label">Group Bank
                                                            Account</label>
                                                    </div>
                                                    <div>
                                                        <div class="form-check form-check-inline">
                                                            @if(!$farmerGroup->group_bank_account)
                                                                <input class="form-check-input" type="radio"
                                                                       name="group_bank_account" value="0" checked>
                                                            @else
                                                                <input class="form-check-input" type="radio"
                                                                       name="group_bank_account" value="0">
                                                            @endif
                                                            <label class="form-check-label">No</label>
                                                        </div>
                                                        <div class="form-check form-check-inline">
                                                            @if($farmerGroup->group_bank_account)
                                                                <input class="form-check-input" type="radio"
                                                                       name="group_bank_account" value="1" checked>
                                                            @else
                                                                <input class="form-check-input" type="radio"
                                                                       name="group_bank_account" value="1">
                                                            @endif
                                                            <label class="form-check-label">Yes</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--end col-->
                                                <div class="col-xxl-3 col-md-6 bank-details-fields"
                                                     style="display: none;">
                                                    <div>
                                                        <label for="financial_institution_id" class="form-label">Financial
                                                            Institution</label>
                                                        <select class="form-control" id="institutions"
                                                                name="financial_institution_id">
                                                            <option value=""></option>
                                                            @foreach($financial_institutions as $item)
                                                                @if($farmerGroup->financial_institution_id == $item->id)
                                                                    <option value="{{$item->id}}"
                                                                            selected>{{$item->financial_institution}}</option>
                                                                @else
                                                                    <option
                                                                        value="{{$item->id}}">{{$item->financial_institution}}</option>
                                                                @endif
                                                            @endforeach

                                                        </select>
                                                    </div>
                                                </div>
                                                <!--end col-->
                                                <div class="col-xxl-3 col-md-6 form-group bank-details-fields"
                                                     style="display: none;">
                                                    <label for="surname" class="form-label">Name of Account</label>
                                                    <input type="text" class="form-control" id="account-name"
                                                           placeholder="Enter name of the account " name="account_name"
                                                           value="{{$farmerGroup->account_name}}">
                                                </div>

                                                <div class="col-xxl-3 col-md-6 bank-details-fields"
                                                     style="display: none;">
                                                    <div>
                                                        <label for="account_number" class="form-label">Account
                                                            Number</label>
                                                        <input type="text" class="form-control" id="account_number"
                                                               name="account_number"
                                                               value="{{$farmerGroup->account_number}}">
                                                    </div>
                                                </div>


                                                <div class="col-xxl-3 col-md-6">
                                                    <div class="form-label">
                                                        <label for="involved_in_vsla_services">Has the group received a
                                                            loan in the last year?</label>
                                                        <div>
                                                            <div class="form-check form-check-inline">
                                                                @if(!$farmerGroup->loan_received_in_last_year)
                                                                    <input class="form-check-input" type="radio"
                                                                           name="loan_received_in_last_year" value="0"
                                                                           checked>
                                                                @else
                                                                    <input class="form-check-input" type="radio"
                                                                           name="loan_received_in_last_year" value="0">
                                                                @endif
                                                                <label class="form-check-label">No</label>
                                                            </div>
                                                            <div class="form-check form-check-inline">
                                                                @if($farmerGroup->loan_received_in_last_year)
                                                                    <input class="form-check-input" type="radio"
                                                                           name="loan_received_in_last_year" value="1"
                                                                           checked>
                                                                @else
                                                                    <input class="form-check-input" type="radio"
                                                                           name="loan_received_in_last_year" value="1">
                                                                @endif
                                                                <label class="form-check-label">Yes</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-xxl-3 col-md-6 loan-fields" style="display:none;">
                                                    <div>
                                                        <label for="financial_institution_id" class="form-label">Financial
                                                            Institution</label>
                                                        <select class="form-control" id="loan-institutions"
                                                                name="loan_financial_institution_id">
                                                            <option value=""></option>
                                                            @foreach($financial_institutions as $item)
                                                                @if($farmerGroup->loan_financial_institution_id == $item->id)
                                                                    <option value="{{$item->id}}"
                                                                            selected>{{$item->financial_institution}}</option>
                                                                @else
                                                                    <option
                                                                        value="{{$item->id}}">{{$item->financial_institution}}</option>
                                                                @endif
                                                            @endforeach

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

                                                <div class="col-xxl-3 col-md-6">
                                                    <div class="form-label">
                                                        <label for="involved_in_vsla_services">Is the group involved in
                                                            VSLA Services</label>
                                                        <div>
                                                            <div class="form-check form-check-inline">
                                                                @if(!$farmerGroup->involved_in_vsla_services)
                                                                    <input class="form-check-input" type="radio"
                                                                           name="involved_in_vsla_services" value="0"
                                                                           checked>
                                                                @else
                                                                    <input class="form-check-input" type="radio"
                                                                           name="involved_in_vsla_services" value="0">
                                                                @endif
                                                                <label class="form-check-label">No</label>
                                                            </div>
                                                            <div class="form-check form-check-inline">
                                                                @if($farmerGroup->involved_in_vsla_services)
                                                                    <input class="form-check-input" type="radio"
                                                                           name="involved_in_vsla_services" value="1"
                                                                           checked>
                                                                @else
                                                                    <input class="form-check-input" type="radio"
                                                                           name="involved_in_vsla_services" value="1">
                                                                @endif
                                                                <label class="form-check-label">Yes</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--end col-->

                                                {{--<div class="col-xxl-3 col-md-6" id="vsla-service-description" style="display:none;">
                                                    <div class="form-label">
                                                        <label for="vsla_services_description">VSLA Services Description</label>
                                                        <textarea  class="form-control" name="vsla_services_description" placeholder="Enterthe vsla services"></textarea>
                                                    </div>
                                                </div>--}}
                                            </div>

                                            <!--end col-->

                                            <h3 class="mt-3 mb-3 flex-grow-1 text-center">
                                                <span class="badge badge-soft-primary">Location Information</span>
                                            </h3>


                                            <div class="row gy-4">
                                                <div class="col-xxl-3 col-md-6 form-group">
                                                    <label for="idType" class="form-label">District</label>
                                                    <select class="form-control" id="districts" name="district_id"
                                                            required>
                                                        <option value=""></option>
                                                        @foreach($districts as $item)
                                                            @if($farmerGroup->village->parish->subcounty->district->id == $item->id)
                                                                <option value="{{$item->id}}"
                                                                        selected>{{$item->district}}</option>
                                                            @else
                                                                <option
                                                                    value="{{$item->id}}">{{$item->district}}</option>
                                                            @endif
                                                        @endforeach
                                                    </select>
                                                </div>


                                                <div class="col-xxl-3 col-md-6form-group" id="subcounties-div"
                                                     style="display:none;">
                                                    <label for="idType" class="form-label">Subcounty</label>
                                                    <select class="form-control" id="subcounties" name="subcounty_id"
                                                            required>
                                                        <option></option>
                                                    </select>
                                                </div>

                                                <div class="col-xxl-3 col-md-6 form-group" id="parishes-div"
                                                     style="display:none;">
                                                    <label for="idType" class="form-label">Parish</label>
                                                    <select class="form-control" id="parishes" name="parish_id"
                                                            required>
                                                        <option></option>
                                                    </select>
                                                </div>

                                                <div class="col-xxl-3 col-md-6 form-group" id="villages-div"
                                                     style="display:none;">
                                                    <label for="idType" class="form-label">Village</label>
                                                    <select class="form-control" id="villages" name="village_id">
                                                        <option></option>
                                                    </select>
                                                </div>
                                            </div>


                                            <h3 class="mt-3 mb-3 flex-grow-1 text-center">
                                                <span
                                                    class="badge badge-soft-primary">Group Representative Details</span>
                                            </h3>


                                            <div class="row gy-4">
                                                <div class=" col-xxl-3 col-md-6 form-group">
                                                    <label for="address" class="form-label">Group Representative First
                                                        Name</label>
                                                    <input type="text" class="form-control" id="="
                                                           name="group_representative_first_name"
                                                           placeholder="Enter First Name"
                                                           value="{{$farmerGroup->group_representative_first_name}}"
                                                           required>
                                                </div>

                                                <div class="col-xxl-3 col-md-6 form-group">
                                                    <label for="address" class="form-label">Group Representative Last
                                                        Name</label>
                                                    <input type="text" class="form-control" id="="
                                                           name="group_representative_last_name"
                                                           placeholder="Enter Last Name"
                                                           value="{{$farmerGroup->group_representative_last_name}}"
                                                           required>
                                                </div>

                                                <div class="col-xxl-3 col-md-6 form-group">
                                                    <label for="idType" class="form-label">Position of group
                                                        representative</label>
                                                    <select class="form-control" id="group-position"
                                                            name="group_position_id" required>
                                                        <option value=""></option>
                                                        @foreach($positions as $item)
                                                            @if($farmerGroup->group_position_id == $item->id)
                                                                <option value="{{$item->id}}"
                                                                        selected>{{$item->position}}</option>
                                                            @else
                                                                <option
                                                                    value="{{$item->id}}">{{$item->position}}</option>
                                                            @endif
                                                        @endforeach
                                                    </select>
                                                </div>

                                                <div class="col-xxl-3 col-md-6 form-group">
                                                    <label for="businessPhoneNumber" class="form-label">Phone
                                                        Number</label>
                                                    <div class="input-group"><span class="input-group-text"
                                                                                   id="inputGroupPrepend">256</span>
                                                        <input type="text" class="form-control numbers"
                                                               id="businessPhoneNumber"
                                                               name="group_representative_contact"
                                                               placeholder="Enter the phone number" minlength="11"
                                                               maxlength="11"
                                                               value="{{$farmerGroup->group_representative_contact}}">
                                                    </div>
                                                </div>

                                                <div class="col-xxl-3 col-md-6 form-group">
                                                    <label for="ninNumber" class="form-label">Is this number registered
                                                        on mobile money?</label>
                                                    <div>
                                                        <div class="form-check form-check-inline">
                                                            @if(!$farmerGroup->group_representative_mobile_money)
                                                                <input class="form-check-input" type="radio" name="group_representative_mobile_money" value="0" checked>
                                                            @else
                                                                <input class="form-check-input" type="radio" name="group_representative_mobile_money" value="0">
                                                            @endif
                                                            <label class="form-check-label">No</label>
                                                        </div>
                                                        <div class="form-check form-check-inline">
                                                            @if($farmerGroup->group_representative_mobile_money)
                                                                <input class="form-check-input" type="radio" name="group_representative_mobile_money" value="1" checked>
                                                            @else
                                                                <input class="form-check-input" type="radio" name="group_representative_mobile_money" value="1">
                                                            @endif
                                                            <label class="form-check-label">Yes</label>
                                                        </div>
                                                    </div>
                                                    <!--end col-->
                                                </div>
                                            </div>

                                            <div class="row mt-3 gy-4">
                                                <h3 class="text-center">
                                                    <span class="badge badge-soft-info">Active Status</span>
                                                </h3>

                                                <div class="col-12 col-md-3 form-group">
                                                    <label class="form-label">Active status</label>
                                                    <select class="form-control" id="active_status_select" name="active_status">
                                                        @foreach(Config::get('constants.group_statuses') as $item)
                                                            @if($farmerGroup->active_status == $item)
                                                                <option value ="{{$item}}" selected>{{$item}}</option>
                                                            @else
                                                                <option value ="{{$item}}">{{$item}}</option>
                                                            @endif
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>


                                        </div>
                                        <!--end row-->

                                        <div class="col-12 mt-5 text-end">
                                            <button class="btn btn-primary button-prevent-multiple-submits"
                                                    id="Submit-Form"
                                                    type="submit">Submit form
                                            </button>
                                        </div>
                                        {{--</div>--}}
                                    </form>
                                </div>
                            </div>
                        </div>
                        <!--end col-->
                    </div>
                    <!--end row-->

                </div> <!-- container-fluid -->
            </div><!-- End Page-content -->
        </div>
        @endsection

        @push('scripts')
            <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
            <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/jquery.validate.min.js"></script>
            <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/additional-methods.min.js"></script>
            <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>

            <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

            <script src="{{ asset('/assets/libs/nouislider/nouislider.min.js') }}"></script>


            <script>
                $(document).ready(function () {
                    ///////////////////////////AJAX CSRF SET UP //////////////////////////////////////////////
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        }

                    });

                    /////////////////// INPUT KEY//////////////////////////////////////////////////////////////
                    $('input.numbers').keyup(function (event) {
                        if (event.which >= 37 && event.which <= 40) return;
                        $(this).val(function (index, value) {
                            return value
                                .replace(/\D/g, "")
                                .replace(/\B(?=(\d{3})+(?!\d))/g, " ");
                        });
                    });

                    toggleVisibility({{Js::from($farmerGroup->participant_bank_account)}});

                    function toggleVisibility(state, className) {
                        if (state == '0') {
                            $(`.${className}`).each(function () {
                                $(this).hide();
                            })
                        } else {
                            $(`.${className}`).each(function () {
                                $(this).show();
                            })
                        }
                    }

                    ///////////////// DATE TIME PICKER INITIALISATION  ////////////////////////////

                    flatpickr("#date_of_birth", {});

                    /////////////////// SELECT 2 INITIALISATION /////////////////////////////////////////////////
                    $('#group-position').select2({

                        'placeholder': 'Select position of group representative',

                    });

                    $('#districts').select2({

                        'placeholder': 'Select district',

                    });

                    $('#subcounties').select2({

                        'placeholder': 'Select a subcounty',

                    });

                    $('#parishes').select2({

                        'placeholder': 'Select a parish',

                    });

                    $('#villages').select2({

                        'placeholder': 'Select a village',

                    });

                    $('#institutions').select2({

                        'placeholder': 'Select a financial institution',

                    });

                    $('#loan-institutions').select2({

                        'placeholder': 'Select a financial institution',

                    });

                    $('#registration-status').select2({

                        'placeholder': 'Select group registration status',

                    });


                    $('#registration-status').select2({

                        'placeholder': 'Select group registration status',

                    });


                    $('#cooperatives').select2({

                        'placeholder': 'Select a co-operative',

                    });

                    $('#enterprises').select2({

                        'placeholder': 'Select an enterprise',

                    });

                    $('#mastercard-interventions').select2({

                        'placeholder': 'Select a mastercard intervention',

                    });

                    $('#other-enterprises').select2({

                        'placeholder': 'Select other enterprises',

                    });

                    $('#supporting-ngos').select2({

                        'placeholder': 'Select supporting NGOs',

                    });

                    $('#type-of-equipment-ownership').select2({

                        'placeholder': 'Select a type of ownership',

                    });

                    toggleVisibility({{Js::from($farmerGroup->group_bank_account)}}, 'bank-details-fields');
                    $('input[type=radio][name=group_bank_account]').change(function () {
                        toggleVisibility(this.value, 'bank-details-fields');
                    });

                    toggleVisibility({{Js::from($farmerGroup->is_member_of_dairy_cooperative)}}, 'cooperative-fields');
                    $('input[type=radio][name=is_member_of_dairy_cooperative]').change(function () {
                        toggleVisibility(this.value, 'cooperative-fields');
                    });


                    toggleVisibility({{Js::from($farmerGroup->loan_received_in_last_year)}}, 'loan-fields');
                    $('input[type=radio][name=loan_received_in_last_year]').change(function () {
                        toggleVisibility(this.value, 'loan-fields');
                    });

                    toggleVisibility({{Js::from($farmerGroup->received_mastercard_support)}}, 'mastercard-support')
                    $('input[type=radio][name=received_mastercard_support]').change(function () {
                        toggleVisibility(this.value, 'mastercard-support')
                    });


                    onRegistrationStatusChange({{Js::from($farmerGroup->registration_status)}})
                    $('#registration-status').change(function () {
                        onRegistrationStatusChange(this.value);
                    });

                    function onRegistrationStatusChange(value) {
                        if (value == "Registered") {
                            $("#registration-number").show();
                        } else {
                            $("#registration-number").hide();
                        }

                    }


                    toggleVisibility({{Js::from($farmerGroup->have_a_market_map)}}, 'market-map')
                    $('input[type=radio][name=have_a_market_map]').change(function () {
                        toggleVisibility(this.value, 'market-map')
                    });

                    toggleVisibility({{Js::from($farmerGroup->have_modern_dairy_equipment)}}, 'dairy-equipment-ownership')
                    $('input[type=radio][name=have_modern_dairy_equipment]').change(function () {
                        toggleVisibility(this.value, 'dairy-equipment-ownership')
                    });

                    toggleVisibility({{Js::from($farmerGroup->does_group_keep_records)}}, 'records-description-fields');
                    $('input[type=radio][name=does_group_keep_records]').change(function () {
                        toggleVisibility(this.value, 'records-description-fields');
                    });

                    toggleVisibility({{Js::from($farmerGroup->have_a_business_plan)}}, 'business-plan-divs');
                    $('input[type=radio][name=have_a_business_plan]').change(function () {
                        toggleVisibility(this.value, 'business-plan-divs');
                    });


                    /*$('input[type=radio][name=involved_in_vsla_services]').change(function() {

                       if (this.value == "1") {
                           $("#vsla-service-description").show();
                       }
                       else{
                           $("#vsla-service-description").hide();
                       }

                    });*/


                    toggleVisibility({{Js::from($farmerGroup->received_other_ngo_support)}}, 'supporting_ngo_ids');
                    $('input[type=radio][name=received_other_ngo_support]').change(function () {
                        toggleVisibility(this.value, 'supporting_ngo_ids');
                    });


                    const district = {{JS::from($farmerGroup->village->parish->subcounty->district)}};
                    const subcounty = {{JS::from($farmerGroup->village->parish->subcounty)}};
                    const parish = {{JS::from($farmerGroup->village->parish)}};
                    const village = {{JS::from($farmerGroup->village)}};
                    district_change(district.id);
                    subcounty_change(subcounty.id);
                    parish_change(parish.id);

                    $('#districts').change(function () {
                        district_change($(this).val())
                    });

                    function district_change(id) {

                        $.ajax({
                            url: '/subcounties-by-district/' + id,
                            type: 'get',
                            dataType: 'json',
                            success: function (response) {
                                $("#subcounties-div").show();
                                $("#subcounties").empty();
                                var len = 0;
                                if (response.items != null) {
                                    len = response.items.length;
                                }

                                if (len > 0) {
                                    var first_option_line = '<option value ="">Select a subcounty</option>'
                                    $("#subcounties").append(first_option_line);
                                    for (var i = 0; i < len; i++) {
                                        var id = response.items[i].id;
                                        var name = response.items[i].text;

                                        if (id === subcounty.id) {
                                            var option = "<option value='" + id + "' selected>" + name + "</option>";
                                        } else {
                                            var option = "<option value='" + id + "'>" + name + "</option>";
                                        }

                                        $("#subcounties").append(option);
                                    }
                                }
                            }
                        })
                    }

                    $('#subcounties').change(function () {
                        subcounty_change($(this).val());
                    });

                    function subcounty_change(id) {
                        $.ajax({
                            url: '/parishes-by-subcounty/' + id,
                            type: 'get',
                            dataType: 'json',
                            success: function (response) {
                                $("#parishes-div").show();
                                $("#parishes").empty();
                                var len = 0;
                                if (response.items != null) {
                                    len = response.items.length;
                                }

                                if (len > 0) {
                                    var first_option_line = '<option value ="">Select a parish</option>'
                                    $("#parishes").append(first_option_line);
                                    for (var i = 0; i < len; i++) {
                                        var id = response.items[i].id;
                                        var name = response.items[i].text;

                                        if (id === parish.id) {
                                            var option = "<option value='" + id + "' selected>" + name + "</option>";
                                        } else {
                                            var option = "<option value='" + id + "'>" + name + "</option>";
                                        }

                                        $("#parishes").append(option);
                                    }
                                }
                            }
                        })
                    }

                    $('#parishes').change(function () {
                        parish_change($(this).val());
                    });

                    function parish_change(id) {
                        $.ajax({
                            url: '/villages-by-parish/' + id,
                            type: 'get',
                            dataType: 'json',
                            success: function (response) {
                                $("#villages-div").show();
                                $("#villages").empty();
                                var len = 0;
                                if (response.items != null) {
                                    len = response.items.length;
                                }

                                if (len > 0) {
                                    var first_option_line = '<option value ="">Select a village</option>'
                                    $("#villages").append(first_option_line);
                                    for (var i = 0; i < len; i++) {
                                        var id = response.items[i].id;
                                        var name = response.items[i].text;

                                        if (id === village.id) {
                                            var option = "<option value='" + id + "' selected>" + name + "</option>";
                                        } else {
                                            var option = "<option value='" + id + "'>" + name + "</option>";
                                        }

                                        $("#villages").append(option);
                                    }
                                }
                            }
                        })
                    }

                });

            </script>

    @endpush