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

@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-12">
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="/dashboard">Home</a></li>
                                <li class="breadcrumb-item"><a href="{{url('/view-participants')}}">Participants</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Edit Participant</li>
                            </ol>
                        </nav>
                    </div>
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="col-12">
                                <div class="card-header">
                                    <h5 class="card-title mb-0">Edit Participant</h5>
                                </div>
                                <div class="card-body">
                                    <form method="post" action="{{url("/update-participant")}}">
                                    {{--<form method="post" action="{{url("/api/test")}}">--}}
                                        @csrf
                                        <div class="row gy-4">
                                            <h3 class="text-center">
                                                <span class="badge badge-soft-info">Participant Information</span>
                                            </h3>

                                            <div class="col-md-3 d-none">
                                                <label>Participant ID</label>
                                                <input type="text" class="form-control" name="id" value="{{$participant->id}}" readonly>
                                            </div>

                                            <div class="col-12 col-md-3 form-group">
                                                <label for="surname" class="form-label">First Name</label>
                                                <input type="text" class="form-control" id="first_name" placeholder="Enter first name " name="first_name" value="{{$participant->first_name}}" required>
                                            </div>

                                            <div class="col-xxl-3 col-md-3 form-group">
                                                <label for="surname" class="form-label">Last Name</label>
                                                <input type="text" class="form-control" id="last_name" placeholder="Enter last name " name="last_name" value="{{$participant->last_name}}" required>
                                            </div>

                                            <div class="col-xxl-3 col-md-3 form-group">
                                                <label for="farmer_group_select" class="form-label">Farmer Group</label>
                                                <select class="form-control" id="farmer_group_select" name="farmer_group_id" required>
                                                    <option></option>
                                                    @foreach($farmer_groups as $group)
                                                        @if($participant->farmer_group_id == $group->id)
                                                            <option value ="{{$group->id}}" selected>{{$group->farmer_group}}</option>
                                                        @else
                                                            <option value ="{{$group->id}}">{{$group->farmer_group}}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="col-12 col-md-3">
                                                <div>
                                                    <label for="new_group" class="form-label">Is this a new or old member?</label>
                                                    <div class="row">
                                                        <div class="col-12 col-lg-6">
                                                            <div class="form-check mb-2">
                                                                @if($participant->new_participant)
                                                                    <input class="form-check-input" type="radio" name="new_participant"  value="1" checked>
                                                                @else
                                                                    <input class="form-check-input" type="radio" name="new_participant"  value="1">
                                                                @endif
                                                                <label class="form-check-label" for="new_member">
                                                                    New
                                                                </label>
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-md-3">
                                                            <div class="form-check mb-2">
                                                                @if(!$participant->new_participant)
                                                                    <input class="form-check-input" type="radio" name="new_participant"  value="0" checked>
                                                                @else
                                                                    <input class="form-check-input" type="radio" name="new_participant"  value="0">
                                                                @endif
                                                                <label class="form-check-label" for="new_group">
                                                                    old
                                                                </label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-12 col-md-3 form-group">
                                                <label for="idType" class="form-label">Type of participant</label>
                                                <select class="form-control" id="participant_type_select" name="participant_type_id" required>
                                                    <option></option>
                                                    @foreach($types as $type)
                                                        @if($participant->participant_type_id == $type->id)
                                                            <option value ="{{$type->id}}" selected>{{$type->participant_type}}</option>
                                                        @else
                                                            <option value ="{{$type->id}}">{{$type->participant_type}}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="col-12 col-md-3 form-group">
                                                <label for="idType" class="form-label">Marital Status</label>
                                                <select class="form-control" id="marital_status_select" name="marital_status" required>
                                                    <option></option>
                                                    @foreach(Config::get('constants.marital_statuses') as $status)
                                                        @if($participant->marital_status == $status)
                                                            <option value ="{{$status}}" selected>{{$status}}</option>
                                                        @else
                                                            <option value ="{{$status}}">{{$status}}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="col-12 col-md-3 form-group">
                                                <label for="idType" class="form-label">Highest Education Level</label>
                                                <select class="form-control" id="education_level_select" name="highest_education_level" required>
                                                    <option></option>
                                                    @foreach(Config::get('constants.education_levels') as $level)
                                                        @if($participant->highest_education_level == $level)
                                                            <option value ="{{$level}}" selected>{{$level}}</option>
                                                        @else
                                                            <option value ="{{$level}}">{{$level}}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="col-12 col-md-3" id="own_a_smart_phone_div" style="display: none;">
                                                <div>
                                                    <label for="new_group" class="form-label">Own a smart phone?</label>
                                                    <div class="row">
                                                        <div class="col-12 col-md-6">
                                                            <div class="form-check mb-2">
                                                                @if($participant->own_a_smart_phone)
                                                                    <input class="form-check-input" type="radio" name="own_a_smart_phone"  value="1" checked>
                                                                @else
                                                                    <input class="form-check-input" type="radio" name="own_a_smart_phone"  value="1">
                                                                @endif
                                                                <label class="form-check-label" for="new_member">
                                                                    Yes
                                                                </label>
                                                            </div>
                                                        </div>

                                                        <div class="col-12 col-md-6">
                                                            <div class="form-check mb-2">
                                                                @if(!$participant->own_a_smart_phone)
                                                                    <input class="form-check-input" type="radio" name="own_a_smart_phone"  value="0" checked>
                                                                @else
                                                                    <input class="form-check-input" type="radio" name="own_a_smart_phone"  value="0">
                                                                @endif
                                                                <label class="form-check-label" for="new_group">
                                                                    No
                                                                </label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-12 col-md-3 form-group" id="employment_status_div" style="display: none">
                                                <label class="form-label">Employment status</label>
                                                <select class="form-control" id="employment_status_select" name="employment_status">
                                                    <option></option>
                                                    @foreach(Config::get('constants.employment_statuses') as $status)
                                                        @if($participant->employment_status == $status)
                                                            <option value ="{{$status}}" selected>{{$status}}</option>
                                                        @else
                                                            <option value ="{{$status}}">{{$status}}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="col-12 col-md-3 form-group" id="economic_activity_div" style="display: none">
                                                <label class="form-label">Main Economic Activity</label>
                                                <select class="form-control" id="economic_activity_select" name="main_economic_activity">
                                                    <option></option>
                                                    @foreach(Config::get('constants.economic_activities') as $activity)
                                                        @if($participant->main_economic_activity == $activity)
                                                            <option value ="{{$activity}}" selected>{{$activity}}</option>
                                                        @else
                                                            <option value ="{{$activity}}">{{$activity}}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="col-12 col-md-3 form-group" id="community_role_div" style="display: none">
                                                <label for="idType" class="form-label">Community Leadership role</label>
                                                <select class="form-control" id="community_role_select" name="community_role_id">
                                                    <option></option>
                                                    @foreach($community_roles as $role)
                                                        @if($participant->community_role_id == $role->id)
                                                            <option value ="{{$role->id}}" selected>{{$role->community_role}}</option>
                                                        @else
                                                            <option value ="{{$role->id}}">{{$role->community_role}}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>

                                        </div> {{--/. participant information /--}}

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

                                            <div class="col-12 col-md-3 form-group">
                                                <label class="form-label">Year of Birth</label>
                                                <input type="text" class="form-control" placeholder="Enter year of birth" name="year_of_birth" value="{{$participant->year_of_birth}}" required>
                                            </div>

                                            <div class="col-12 col-md-3 form-group">
                                                <label class="form-label">Gender</label>
                                                <select name="gender" class="form-control" id="gender_select" required>
                                                    @foreach(Config::get('constants.genders') as $gender)
                                                        @if($gender == $participant->gender)
                                                            <option value="{{$gender}}" selected>{{$gender}}</option>
                                                        @else
                                                            <option value="{{$gender}}">{{$gender}}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="col-12 col-md-3">
                                                <label>Is this person a PWD?</label>
                                                <div>
                                                    <div class="form-check form-check-inline">
                                                        @if(!$participant->pwd_status)
                                                            <input class="form-check-input pwd_status_radio" type="radio" name="pwd_status" value="0" checked>
                                                        @else
                                                            <input class="form-check-input pwd_status_radio" type="radio" name="pwd_status" value="0">
                                                        @endif
                                                        <label class="form-check-label">No</label>
                                                    </div>
                                                    <div class="form-check form-check-inline">
                                                        @if($participant->pwd_status)
                                                            <input class="form-check-input pwd_status_radio" type="radio" name="pwd_status" value="1" checked>
                                                        @else
                                                            <input class="form-check-input pwd_status_radio" type="radio" name="pwd_status" value="1">
                                                        @endif
                                                        <label class="form-check-label">Yes</label>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-12 col-md-3 form-group" id="disability_type_div" style="display: none">
                                                <label class="form-label">Type of disability</label>
                                                <select name="disability_type" class="form-control" id="disability_type_select">
                                                    <option value="">None</option>
                                                    @foreach(Config::get('constants.disability_types') as $type)
                                                        @if($type == $participant->disability_type)
                                                            <option value="{{$type}}" selected>{{$type}}</option>
                                                        @else
                                                            <option value="{{$type}}">{{$type}}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="col-12 col-md-3">
                                                <label>Is this person a refugee?</label>
                                                <div>
                                                    <div class="form-check form-check-inline">
                                                        @if(!$participant->refugee_status)
                                                            <input class="form-check-input" type="radio" name="refugee_status" value="0" checked>
                                                        @else
                                                            <input class="form-check-input" type="radio" name="refugee_status" value="0">
                                                        @endif
                                                        <label class="form-check-label">No</label>
                                                    </div>
                                                    <div class="form-check form-check-inline">
                                                        @if($participant->refugee_status)
                                                            <input class="form-check-input refugee_status_radio" type="radio" name="refugee_status" value="1" checked>
                                                        @else
                                                            <input class="form-check-input refugee_status_radio" type="radio" name="refugee_status" value="1">
                                                        @endif
                                                        <label class="form-check-label">Yes</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-12 col-md-3 form-group" id="attestation_number_div" style="display: none;">
                                                <label class="form-label">Individual Number</label>
                                                <input type="text" class="form-control" placeholder="Attestation Number" name="attestation_number" value="{{$participant->attestation_number}}">
                                            </div>

                                            <div class="col-12 col-md-3 form-group">
                                                <label class="form-label">Number of PWDs in household</label>
                                                <input type="text" class="form-control" placeholder="Number of PWDs in household" name="number_of_pwd_in_house_hold" value="{{$participant->number_of_pwd_in_house_hold}}" required>
                                            </div>

                                            <div class="col-12 col-md-3 form-group" id="group_position_div">
                                                <label for="idType" class="form-label">Position in group</label>
                                                <select class="form-control" id="group_position_select" name="group_position_id">
                                                    @foreach($positions as $position)
                                                        @if($participant->group_position_id == $position->id)
                                                            <option value ="{{$position->id}}" selected>{{$position->position}}</option>
                                                        @else
                                                            <option value ="{{$position->id}}">{{$position->position}}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="col-12 col-md-3 form-group" id="referral_source_div">
                                                <label for="idType" class="form-label">How did you know about the project?</label>
                                                <select class="form-control" id="referral_source_select" name="referral_source">
                                                    @foreach(Config::get('constants.referral_sources') as $item)
                                                        @if($participant->referral_source == $item)
                                                            <option value ="{{$item}}" selected>{{$item}}</option>
                                                        @else
                                                            <option value ="{{$item}}">{{$item}}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="col-12 col-md-3" id="own_a_phone_div">
                                                <label>Own a phone</label>
                                                <div>
                                                    <div class="form-check form-check-inline">
                                                        @if(!$participant->own_a_phone)
                                                            <input class="form-check-input" type="radio" name="own_a_phone" value="0" checked>
                                                        @else
                                                            <input class="form-check-input" type="radio" name="own_a_phone" value="0">
                                                        @endif
                                                        <label class="form-check-label">No</label>
                                                    </div>
                                                    <div class="form-check form-check-inline">
                                                        @if($participant->own_a_phone)
                                                            <input class="form-check-input" type="radio" name="own_a_phone" value="1" checked>
                                                        @else
                                                            <input class="form-check-input" type="radio" name="own_a_phone" value="1">
                                                        @endif
                                                        <label class="form-check-label">Yes</label>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-12 col-md-3 form-group">
                                                <label class="form-label">Phone Number</label>
                                                <input type="text" class="form-control" placeholder="Phone Number" name="participant_contact" value="{{$participant->participant_contact}}">
                                            </div>

                                            <div class="col-12 col-md-3">
                                                <label>Is this number registered on mobile money</label>
                                                <div>
                                                    <div class="form-check form-check-inline">
                                                        @if(!$participant->participant_mobile_money)
                                                            <input class="form-check-input" type="radio" name="participant_mobile_money" value="0" checked>
                                                        @else
                                                            <input class="form-check-input" type="radio" name="participant_mobile_money" value="0">
                                                        @endif
                                                        <label class="form-check-label">No</label>
                                                    </div>
                                                    <div class="form-check form-check-inline">
                                                        @if($participant->participant_mobile_money)
                                                            <input class="form-check-input" type="radio" name="participant_mobile_money" value="1" checked>
                                                        @else
                                                            <input class="form-check-input" type="radio" name="participant_mobile_money" value="1">
                                                        @endif
                                                        <label class="form-check-label">Yes</label>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-12 col-md-3">
                                                <label>Number registered in names of participant?</label>
                                                <div>
                                                    <div class="form-check form-check-inline">
                                                        @if(!$participant->other_names_registered)
                                                            <input class="form-check-input" type="radio" name="other_names_registered" value="0" checked>
                                                        @else
                                                            <input class="form-check-input" type="radio" name="other_names_registered" value="0">
                                                        @endif
                                                        <label class="form-check-label">No</label>
                                                    </div>
                                                    <div class="form-check form-check-inline">
                                                        @if($participant->other_names_registered)
                                                            <input class="form-check-input" type="radio" name="other_names_registered" value="1" checked>
                                                        @else
                                                            <input class="form-check-input" type="radio" name="other_names_registered" value="1">
                                                        @endif
                                                        <label class="form-check-label">Yes</label>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-12 col-md-3 form-group">
                                                <label class="form-label">Name of mobile money number</label>
                                                <input type="text" class="form-control" placeholder="Mobile money name" name="mobile_money_names" value="{{$participant->mobile_money_names}}">
                                            </div>

                                        </div> {{--/. additional information /--}}

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

                                            <div class="col-12 col-md-3">
                                                <label>Is this household head?</label>
                                                <div>
                                                    <div class="form-check form-check-inline">
                                                        @if(!$participant->is_house_hold_head)
                                                            <input class="form-check-input hhh_radio" type="radio" name="is_house_hold_head" value="0" checked>
                                                        @else
                                                            <input class="form-check-input hhh_radio" type="radio" name="is_house_hold_head" value="0">
                                                        @endif
                                                        <label class="form-check-label">No</label>
                                                    </div>
                                                    <div class="form-check form-check-inline">
                                                        @if($participant->is_house_hold_head)
                                                            <input class="form-check-input hhh_radio" type="radio" name="is_house_hold_head" value="1" checked>
                                                        @else
                                                            <input class="form-check-input hhh_radio" type="radio" name="is_house_hold_head" value="1">
                                                        @endif
                                                        <label class="form-check-label">Yes</label>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-12 col-md-3 form-group hhh">
                                                <label class="form-label">Household head first name</label>
                                                <input type="text" class="form-control" placeholder="Household head first name" name="household_head_first_name" value="{{$participant->household_head_first_name}}">
                                            </div>

                                            <div class="col-12 col-md-3 form-group hhh">
                                                <label class="form-label">Household head last name</label>
                                                <input type="text" class="form-control" placeholder="Household head last name" name="household_head_first_name" value="{{$participant->household_head_last_name}}">
                                            </div>

                                            <div class="col-12 col-md-3 form-group hhh">
                                                <label for="idType" class="form-label">Relationship to household head</label>
                                                <select class="form-control" id="hhh_relationship_select" name="household_head_relationship">
                                                    <option value="">None</option>
                                                    @foreach(Config::get('constants.household_head_relationships') as $item)
                                                        @if($participant->household_head_relationship == $item)
                                                            <option value ="{{$item}}" selected>{{$item}}</option>
                                                        @else
                                                            <option value ="{{$item}}">{{$item}}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="col-12 col-md-3 form-group hhh">
                                                <label class="form-label">Household head year of birth</label>
                                                <input type="text" class="form-control" placeholder="Household head year of birth" name="household_head_year_of_birth" value="{{$participant->household_head_year_of_birth}}">
                                            </div>

                                            <div class="col-12 col-md-3 form-group hhh">
                                                <label for="idType" class="form-label">Relationship to household head</label>
                                                <select class="form-control" id="hhh_occupation_select" name="household_head_occupation">
                                                    <option value="">None</option>
                                                    @foreach(Config::get('constants.household_head_occupations') as $item)
                                                        @if($participant->household_head_occupation == $item)
                                                            <option value ="{{$item}}" selected>{{$item}}</option>
                                                        @else
                                                            <option value ="{{$item}}">{{$item}}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="col-12 col-md-3 form-group">
                                                <label class="form-label">Household size</label>
                                                <input type="number" class="form-control" placeholder="Household size" id="hh_size_input" name="household_size" value="{{$participant->household_size}}" readonly>
                                            </div>

                                            <div class="col-12 col-md-3 form-group">
                                                <label class="form-label">Household Details</label>
                                                <textarea class="form-control" placeholder="Household details" id="hh_details_input" name="household_details" readonly>
                                                    {{$participant->household_details}}
                                                </textarea>
                                            </div>

                                            <div class="col-12 col-md-3 form-group">
                                                <label class="form-label">Number of children</label>
                                                <input type="number" max="100" class="form-control" placeholder="Number of children" id="number_of_children_input" name="number_of_children" value="{{$participant->number_of_children}}" required>
                                            </div>

                                            <div class="col-12 col-md-3" id="children_live_with_you_div" style="display: none">
                                                <label>Do children live with you?</label>
                                                <div>
                                                    <div class="form-check form-check-inline">
                                                        @if(!$participant->children_live_with_you)
                                                            <input class="form-check-input" type="radio" name="children_live_with_you" value="0" checked>
                                                        @else
                                                            <input class="form-check-input" type="radio" name="children_live_with_you" value="0">
                                                        @endif
                                                        <label class="form-check-label">No</label>
                                                    </div>
                                                    <div class="form-check form-check-inline">
                                                        @if($participant->children_live_with_you)
                                                            <input class="form-check-input" type="radio" name="children_live_with_you" value="1" checked>
                                                        @else
                                                            <input class="form-check-input" type="radio" name="children_live_with_you" value="1">
                                                        @endif
                                                        <label class="form-check-label">Yes</label>
                                                    </div>
                                                </div>
                                            </div>

                                        </div> {{--/. end household information /--}}

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

                                            <div class="col-12 col-md-3">
                                                <label>Do you have a bank account?</label>
                                                <div>
                                                    <div class="form-check form-check-inline">
                                                        @if(!$participant->participant_bank_account)
                                                            <input class="form-check-input bank_account_radio" type="radio" name="participant_bank_account" value="0" checked>
                                                        @else
                                                            <input class="form-check-input bank_account_radio" type="radio" name="participant_bank_account" value="0">
                                                        @endif
                                                        <label class="form-check-label">No</label>
                                                    </div>
                                                    <div class="form-check form-check-inline">
                                                        @if($participant->participant_bank_account)
                                                            <input class="form-check-input bank_account_radio" type="radio" name="participant_bank_account" value="1" checked>
                                                        @else
                                                            <input class="form-check-input bank_account_radio" type="radio" name="participant_bank_account" value="1">
                                                        @endif
                                                        <label class="form-check-label">Yes</label>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-12 col-md-3 form-group bank_account">
                                                <label for="idType" class="form-label">Bank</label>
                                                <select class="form-control" id="bank_account_select" name="financial_institution_id">
                                                    <option value="">None</option>
                                                    @foreach($financial_institutions as $item)
                                                        @if($participant->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 class="col-12 col-md-3 form-group bank_account">
                                                <label class="form-label">Account Name</label>
                                                <input type="text" class="form-control" placeholder="Account Name" name="account_name" value="{{$participant->account_name}}">
                                            </div>

                                            <div class="col-12 col-md-3 form-group bank_account">
                                                <label class="form-label">Account Number</label>
                                                <input type="text" class="form-control" placeholder="Account Number" name="account_number" value="{{$participant->account_number}}">
                                            </div>

                                            <div class="col-12 col-md-3 form-group">
                                                <label for="idType" class="form-label">Select Enterprise</label>
                                                <select class="form-control" id="enterprise_select" name="enterprise_id">
                                                    <option value="">None</option>
                                                    @foreach($enterprises as $item)
                                                        @if($participant->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 class="col-12 col-md-3">
                                                <label>Have you received a loan in the last year?</label>
                                                <div>
                                                    <div class="form-check form-check-inline">
                                                        @if(!$participant->received_loan_in_last_year)
                                                            <input class="form-check-input received_loan_radio" type="radio" name="received_loan_in_last_year" value="0" checked>
                                                        @else
                                                            <input class="form-check-input received_loan_radio" type="radio" name="received_loan_in_last_year" value="0">
                                                        @endif
                                                        <label class="form-check-label">No</label>
                                                    </div>
                                                    <div class="form-check form-check-inline">
                                                        @if($participant->received_loan_in_last_year)
                                                            <input class="form-check-input received_loan_radio" type="radio" name="received_loan_in_last_year" value="1" checked>
                                                        @else
                                                            <input class="form-check-input received_loan_radio" type="radio" name="received_loan_in_last_year" value="1">
                                                        @endif
                                                        <label class="form-check-label">Yes</label>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-12 col-md-3 form-group" id="loan_institution_div">
                                                <label for="idType" class="form-label">Loan Financial Institution</label>
                                                <select class="form-control" id="loan_institution_select" name="loan_financial_institution_id">
                                                    <option value="">None</option>
                                                    @foreach($financial_institutions as $item)
                                                        @if($participant->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 class="col-12 col-md-3">
                                                <label>Any support from other NGOs</label>
                                                <div>
                                                    <div class="form-check form-check-inline">
                                                        @if(!$participant->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($participant->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 class="col-12 col-md-3 form-group">
                                                <label class="form-label">Minimum income per month</label>
                                                <input type="number" class="form-control" placeholder="Minimum income generated per month" name="min_income_range" value="{{$participant->min_income_range}}">
                                            </div>

                                            <div class="col-12 col-md-3 form-group">
                                                <label class="form-label">Maximum income per month</label>
                                                <input type="number" class="form-control" placeholder="Maximum income generated per month" name="max_income_range" value="{{$participant->max_income_range}}">
                                            </div>

                                            <div class="col-12 col-md-3">
                                                <label>Involved in selling dairy related products?</label>
                                                <div>
                                                    <div class="form-check form-check-inline">
                                                        @if(!$participant->is_participant_involved_in_selling_related_dairy_products)
                                                            <input class="form-check-input" type="radio" name="is_participant_involved_in_selling_related_dairy_products" value="0" checked>
                                                        @else
                                                            <input class="form-check-input" type="radio" name="is_participant_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($participant->is_participant_involved_in_selling_related_dairy_products)
                                                            <input class="form-check-input" type="radio" name="is_participant_involved_in_selling_related_dairy_products" value="1" checked>
                                                        @else
                                                            <input class="form-check-input" type="radio" name="is_participant_involved_in_selling_related_dairy_products" value="1">
                                                        @endif
                                                        <label class="form-check-label">Yes</label>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-12 col-md-6 form-group mb-3">
                                                <label>Dairy Skills</label>
                                                <select name="dairy_skill_ids[]" id="dairy_skill_select" class="form-control" multiple>
                                                    @foreach($dairy_skills as $item)
                                                        @if(in_array($item->dairy_skill,$participant->dairy_skills))
                                                            <option value="{{$item->id}}" selected>{{$item->dairy_skill}}</option>
                                                        @else
                                                            <option value="{{$item->id}}">{{$item->dairy_skill}}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>


                                        </div> {{--/. financial information /--}}

                                        <div class="row gy-4">
                                            <div class="col-12">
                                                <h3 class="mt-3 mb-3 flex-grow-1 text-center">
                                                    <span class="badge badge-soft-info">Next of Kin Information</span>
                                                </h3>
                                            </div>

                                            <div class="col-xxl-3 col-md-6 form-group">
                                                <label for="surname" class="form-label">Next of Kin First Name</label>
                                                <input type="text" class="form-control" placeholder="Next of kin first name"
                                                       name="next_of_kin_first_name" value="{{$participant->next_of_kin_first_name}}">
                                            </div>

                                            <div class="col-xxl-3 col-md-6 form-group">
                                                <label for="surname" class="form-label">Next of Kin Last Name</label>
                                                <input type="text" class="form-control" placeholder="Next of kin last name"
                                                       name="next_of_kin_last_name" value="{{$participant->next_of_kin_last_name}}">
                                            </div>

                                            <div class="col-xxl-3 col-md-6 form-group">
                                                <label for="surname" class="form-label">Next of kin contact</label>
                                                <input type="number" class="form-control number"
                                                       placeholder="Next of kin contact e.g 256779001122" name="next_of_kin_contact" value="{{$participant->next_of_kin_contact}}">
                                            </div>

                                        </div>

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

                                            <div class="col-6 col-md-3 form-group mb-3">
                                                <label>District</label>
                                                <select class="form-control" id="districts">
                                                    @foreach($districts as $item)
                                                        @if($participant->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-6 col-md-3 form-group" id="subcounties-div"
                                                 style="display:none;">
                                                <label for="idType" class="form-label">Subcounty</label>
                                                <select class="form-control" id="subcounties">
                                                    <option></option>
                                                </select>
                                            </div>

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

                                            <div class="col-6 col-md-3 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" required>
                                                    <option></option>
                                                </select>
                                            </div>

                                            {{--<div class="col-12 col-md-3 form-group">
                                                <label class="form-label">Village</label>
                                                <input type="text" class="d-none" name="village_id" value="{{$participant->village_id}}" readonly>
                                                <input type="text" class="form-control" name="" value="{{$participant->village->village}}" readonly>
                                            </div>--}}

                                            <div class="col-12 col-md-3 form-group">
                                                <label class="form-label">GPS Latitude</label>
                                                <input type="text" class="form-control" name="gps_latitude" value="{{$participant->gps_latitude}}" readonly>
                                            </div>

                                            <div class="col-12 col-md-3 form-group">
                                                <label class="form-label">GPS Longitude</label>
                                                <input type="text" class="form-control" name="gps_longitude" value="{{$participant->gps_longitude}}" readonly>
                                            </div>
                                        </div> {{--/. location information /--}}

                                        <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.active_statuses') as $item)
                                                        @if($participant->active_status == $item)
                                                            <option value ="{{$item}}" selected>{{$item}}</option>
                                                        @else
                                                            <option value ="{{$item}}">{{$item}}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div> {{--/. activity status /--}}

                                        <div class="row mt-5">
                                            <div class="col-12 d-flex justify-content-center">
                                                <button class="btn btn-info w-50" type="submit">Update</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div><!--end col-->
                </div><!--end row-->
            </div>
            <!-- container-fluid -->
        </div>
    </div><!-- End Page-content -->

@endsection

        @push('scripts')
            <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
            <script>
                $(document).ready(function () {
                    $('#farmer_group_select').select2({placeholder: 'Select farmer group'});
                    $('#marital_status_select').select2({placeholder: 'Select marital status'});
                    $('#education_level_select').select2({placeholder: 'Select highest education level'});
                    $('#employment_status_select').select2({placeholder: 'Select employment status'});
                    $('#economic_activity_select').select2({placeholder: 'Select main economic activity'});
                    $('#community_role_select').select2({placeholder: 'Select community role'});
                    $('#gender_select').select2({placeholder: 'Select gender'});
                    $('#disability_type_select').select2();
                    $('#group_position_select').select2();
                    $('#hhh_relationship_select').select2();
                    $('#hhh_occupation_select').select2();
                    $('#bank_account_select').select2();
                    $('#enterprise_select').select2();
                    $('#loan_institution_select').select2();
                    $('#dairy_skill_select').select2();
                    $('#districts').select2();
                    $('#subcounties').select2();
                    $('#parishes').select2();
                    $('#villages').select2();
                    $('#referral_source_select').select2({placeholder: 'Select referral source'});
                    $('#active_status_select').select2({placeholder: 'Select activity status'});

                    $('#participant_type_select').select2({placeholder: 'Select type of participant'})
                        .change(function(){
                            participant_type_change(this.value);
                        });

                    participant_type_change($('#participant_type_select').val());

                    function participant_type_change(new_val) {
                        if (new_val == "1") {
                            // type participant
                            $('#employment_status_div').hide();
                            $('#own_a_smart_phone_div').hide();
                            $('#economic_activity_div').show();
                            $('#community_role_div').hide();
                            $('#own_a_phone_div').show();
                        } else {
                            // type village agent
                            $('#employment_status_div').show();
                            $('#own_a_smart_phone_div').show();
                            $('#economic_activity_div').hide();
                            $('#community_role_div').show();
                            $('#own_a_phone_div').hide();
                        }
                    }

                    let pwds = {{Js::from($participant->pwd_status)}};
                    pwd_status_change(pwds);
                    $('.pwd_status_radio').change(function(){
                        pwd_status_change(this.value);
                    })

                    function pwd_status_change(new_val) {
                        if (new_val == "0") {
                            // not a pwd
                            $('#disability_type_div').hide();
                        } else {
                            // a pwd
                            $('#disability_type_div').show();
                        }
                    }

                    let refs = {{Js::from($participant->refugee_status)}};
                    refs_status_change(refs);
                    $('.refugee_status_radio').change(function(){
                        refs_status_change(this.value);
                    })

                    function refs_status_change(new_val) {
                        if (new_val == "0") {
                            // not a pwd
                            $('#attestation_number_div').hide();
                        } else {
                            // a pwd
                            $('#attestation_number_div').show();
                        }
                    }

                    hhh_change({{Js::from($participant->is_house_hold_head)}})
                    $('.hhh_radio').change(function(){
                        hhh_change(this.value);
                    })
                    function hhh_change(new_val) {
                        if(new_val == "0") {
                            $(".hhh").each(function() {
                                $(this).show();
                            });
                        } else {
                            $(".hhh").each(function() {
                                $(this).hide();
                            });
                        }
                    }

                    children_number_change({{Js::from($participant->children_live_with_you)}});
                    $('#number_of_children_input').change(function(){
                        children_number_change(this.value);
                    })
                    function children_number_change(new_val) {
                        if (new_val > 0) {
                            // don;t live with farmer
                            $('#children_live_with_you_div').show();
                        } else {
                            // live with farmer
                            $('#children_live_with_you_div').hide();
                        }
                    }

                    $('.bank_account_radio').change(function(){
                        bank_account_change(this.value);
                    })
                    bank_account_change({{Js::from($participant->participant_bank_account)}});
                    function bank_account_change(new_val) {
                        if (new_val == "0") {
                            // no bank account
                            $('.bank_account').each(function(){
                                $(this).hide();
                            })
                        } else {
                            // has account
                            $('.bank_account').each(function(){
                                $(this).show();
                            })
                        }
                    }

                    loan_change({{Js::from($participant->received_loan_in_last_year)}});
                    $('.received_loan_radio').change(function(){
                        loan_change(this.value);
                    })
                    function loan_change(new_val) {
                        if (new_val == "0") {
                            // no load received
                            $('#loan_institution_div').hide();
                        } else {
                            // received loadn
                            $('#loan_institution_div').show();
                        }
                    }

                    const district = {{JS::from($participant->village->parish->subcounty->district)}};
                    const subcounty = {{JS::from($participant->village->parish->subcounty)}};
                    const parish = {{JS::from($participant->village->parish)}};
                    const village = {{JS::from($participant->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