@extends('layouts.app')

@section('content')
<!-- start page title -->
<!-- Nepali Datepicker CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/nepali-datepicker/dist/css/nepali-datepicker.min.css">

<!-- jQuery (required by nepali-datepicker) -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<!-- Nepali Datepicker JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/nepali-datepicker/dist/js/nepali-datepicker.min.js"></script>
<script>
    $(document).ready(function() {
        // Initialize Nepali datepicker
        $('#dob').nepaliDatePicker();
    });
</script>


<div class="row">
    <div class="col-12">
        <div class="page-title-box d-sm-flex align-items-center justify-content-between">
            <h4 class="mb-sm-0 font-size-18">Edit Member</h4>

            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="{{ route('addmembers') }}">Members</a></li>
                    <li class="breadcrumb-item active">Edit</li>
                </ol>
            </div>

        </div>
    </div>
</div>
<!-- end page title -->

<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-body">
                <form action="{{ url('updatemember', $data->id) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    {{allErrors($errors)}}
                    <div class="row">
                        <div class="col-md-4 mb-3">
                            <label class="form-label">पूरा नाम र थर</label>
                            <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ $data->name }}" required autocomplete="off">

                            @error('name')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <div class="col-md-4 mb-3">
                            <label class="form-label">NAME (IN BLOCK LETTERS)</label>
                            <input id="nameeng" type="text" class="form-control @error('nameeng') is-invalid @enderror" name="nameeng" value="{{ $data->nameeng }}" required>

                            @error('nameeng')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <div class="col-md-4 mb-3">
                            <label class="form-label">जन्म मिति</label>
                            <input id="dob" type="text" class="form-control @error('dob') is-invalid @enderror" name="dob" value="{{ $data->dob }}" required autocomplete="off">
                            @error('dob')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>


                        <div class="col-md-4 mb-3">
                            <label class="form-label">बाबुको नाम</label>
                            <input id="fname" type="text" class="form-control @error('fname') is-invalid @enderror" name="fname" value="{{ $data->fname }}" required autocomplete="off">

                            @error('fname')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>


                        <div class="col-md-4 mb-3">
                            <label class="form-label">बाजेको नाम</label>
                            <input id="grandfather" type="text" class="form-control @error('grandfather') is-invalid @enderror" name="grandfather" value="{{ $data->grandfather }}" required autocomplete="off">

                            @error('grandfather')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <div class="col-md-4 mb-3">
                            <label class="form-label">विवाहित भए पति वा पत्निको नाम</label>
                            <input id="sname" type="text" class="form-control @error('sname') is-invalid @enderror" name="sname" value="{{ $data->sname }}" required autocomplete="off">

                            @error('sname')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <div class="col-md-4 mb-3">
                            <label class="form-label">आमाको नाम</label>
                            <input id="mname" type="text" class="form-control @error('mname') is-invalid @enderror" name="mname" value="{{ $data->mname }}" required autocomplete="off">

                            @error('mname')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <div class="col-md-4 mb-3">
                            <label class="form-label">लिङ्ग</label>
                            <select name="gender" class="form-control select2">
                                <option value="" disabled selected>Select your Zone</option>
                                <option value="1" {{ old('gender',$data->gender) == '1' ? 'selected' : '' }}>Male</option>
                                <option value="2" {{ old('gender',$data->gender) == '2' ? 'selected' : '' }}>Female</option>
                                <option value="3" {{ old('gender',$data->gender) == '3' ? 'selected' : '' }}>Others</option>
                            </select>

                            @error('gender')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <br>

                        <h3> स्थायी ठेगाना </h3>

                        <div class="col-md-4 mb-3">
                            <label class="form-label">प्रदेश</label>
                            <select name="province_id" id="province_id" class="form-control select2">
                                <option value="" disabled selected></option>
                                @foreach($provinces as $id => $provinceName)
                                <option value="{{ $id }}" {{ $id == $data->province_id ? 'selected' : '' }}>{{ $provinceName }}</option>
                                @endforeach
                            </select>
                            @error('province_id')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>


                        <div class="col-md-4 mb-3">
                            <label class="form-label">जिल्ला</label>
                            <select name="district_id" id="district_id" class="form-control select2">
                                <option value="" disabled selected></option>
                                @foreach($districts as $id => $districtName)
                                <option value="{{ $id }}" {{ $id == $data->district_id ? 'selected' : '' }}>{{ $districtName }}</option>
                                @endforeach
                            </select>
                            @error('district_id')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <div class="col-md-4 mb-3">
                            <label class="form-label">गा.पा/न.पा</label>
                            <select name="locallevel_id" id="locallevel_id" class="form-control select2">
                                <option value="" disabled selected></option>
                                @foreach($locallevels as $id => $locallevelName)
                                <option value="{{ $id }}" {{ $id == $data->locallevel_id ? 'selected' : '' }}>{{ $locallevelName }}</option>
                                @endforeach
                            </select>
                            @error('locallevel_id')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <div class="col-md-4 mb-3">
                            <label class="form-label">वडा नं.</label>
                            <input id="ward" type="text" class="form-control @error('ward') is-invalid @enderror" name="ward" value="{{ $data->ward }}" required autocomplete="off">

                            @error('ward')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <div class="col-md-4 mb-3">
                            <label class="form-label">टोल</label>
                            <input id="tole" type="text" class="form-control @error('tole') is-invalid @enderror" name="tole" value="{{ $data->tole }}" required autocomplete="off">

                            @error('tole')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <div class="col-md-4 mb-3">
                            <label class="form-label">गाउँ</label>
                            <input id="village" type="text" class="form-control @error('village') is-invalid @enderror" name="village" value="{{ $data->village }}" required autocomplete="off">

                            @error('village')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <h5> नागरिकता अनुसार ठेगाना <small>(अंचल भएमा मात्र राख्नुहोस्) </small> </h5>


                        <div class="col-md-4 mb-3">
                            <label class="form-label">अञ्चल</label>
                            <select name="citz_zone" class="form-control select2">
                                <option value="" disabled selected></option>
                                <option value="Mechi" {{ old('citz_zone',$data->citz_zone) == 'Mechi' ? 'selected' : '' }}>Mechi</option>
                                <option value="Koshi" {{ old('citz_zone',$data->citz_zone) == 'Koshi' ? 'selected' : '' }}>Koshi</option>
                                <option value="Sagarmatha" {{ old('citz_zone',$data->citz_zone) == 'Sagarmatha' ? 'selected' : '' }}>Sagarmatha</option>
                                <option value="Janakpur" {{ old('citz_zone',$data->citz_zone) == 'Janakpur' ? 'selected' : '' }}>Janakpur</option>
                                <option value="Bagamati" {{ old('citz_zone',$data->citz_zone) == 'Bagamati' ? 'selected' : '' }}>Bagamati</option>
                                <option value="Narayani" {{ old('citz_zone',$data->citz_zone) == 'Narayani' ? 'selected' : '' }}>Narayani</option>
                                <option value="Gandaki" {{ old('citz_zone',$data->citz_zone) == 'Gandaki' ? 'selected' : '' }}>Gandaki</option>
                                <option value="Lumbini" {{ old('citz_zone',$data->citz_zone) == 'Lumbini' ? 'selected' : '' }}>Lumbini</option>
                                <option value="Dhaulagiri" {{ old('citz_zone',$data->citz_zone) == 'Dhaulagiri' ? 'selected' : '' }}>Dhaulagiri</option>
                                <option value="Rapti" {{ old('citz_zone',$data->citz_zone) == 'Rapti' ? 'selected' : '' }}>Rapti</option>
                                <option value="Beri" {{ old('citz_zone',$data->citz_zone) == 'Beri' ? 'selected' : '' }}>Beri</option>
                                <option value="Karnali" {{ old('citz_zone',$data->citz_zone) == 'Karnali' ? 'selected' : '' }}>Karnali</option>
                                <option value="Seti" {{ old('citz_zone',$data->citz_zone) == 'Seti' ? 'selected' : '' }}>Seti</option>
                                <option value="Mahakali" {{ old('citz_zone',$data->citz_zone) == 'Mahakali' ? 'selected' : '' }}>Mahakali</option>
                            </select>

                            @error('citz_zone')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <div class="col-md-4 mb-3">
                            <label class="form-label">जिल्ला</label>
                            <select name="citz_district_id" class="form-control select2">
                                <option value="" disabled selected>Select District</option>
                                @foreach($districts as $id => $districtName)
                                <option value="{{ $id }}" {{ $id == $data->citz_district_id ? 'selected' : '' }}>{{ $districtName }}</option>
                                @endforeach
                            </select>

                            @error('citz_district_id')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <div class="col-md-4 mb-3">
                            <label class="form-label">गा.पा/न.पा</label>
                            <input id="citz_locallevel" type="text" class="form-control @error('citz_locallevel') is-invalid @enderror" name="citz_locallevel" value="{{ old('citz_locallevel',$data->citz_locallevel) }}" autocomplete="off">

                            @error('citz_locallevel')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <div class="col-md-4 mb-3">
                            <label class="form-label">टोल/गाउँ</label>
                            <input id="citz_tole_village" type="text" class="form-control @error('citz_tole_village') is-invalid @enderror" name="citz_tole_village" value="{{ old('citz_tole_village',$data->citz_tole_village) }}" autocomplete="off">

                            @error('citz_tole_village')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <!-- end address based on citizenship -->
                        <br>

                        <br>

                        <h3> Contact Address </h3>

                        <div class="col-md-4 mb-3">
                            <label class="form-label">प्रदेश</label>
                            <select name="cprovince_id" class="form-control select2">
                                <option value="" disabled selected>Select Province</option>
                                @foreach($provinces as $id => $provinceName)
                                <option value="{{ $id }}" {{ $id == $data->cprovince_id ? 'selected' : '' }}>{{ $provinceName }}</option>
                                @endforeach
                            </select>
                            @error('cprovince_id')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <div class="col-md-4 mb-3">
                            <label class="form-label">जिल्ला</label>
                            <select name="cdistrict_id" class="form-control select2">
                                <option value="" disabled selected></option>
                                @foreach($districts as $id => $districtName)
                                <option value="{{ $id }}" {{ $id == $data->cdistrict_id ? 'selected' : '' }}>{{ $districtName }}</option>
                                @endforeach
                            </select>
                            @error('cdistrict_id')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <div class="col-md-4 mb-3">
                            <label class="form-label">गा.पा/न.पा</label>
                            <select name="clocallevel_id" class="form-control select2">
                                <option value="" disabled selected></option>
                                @foreach($locallevels as $id => $locallevelName)
                                <option value="{{ $id }}" {{ $id == $data->clocallevel_id ? 'selected' : '' }}>{{ $locallevelName }}</option>
                                @endforeach
                            </select>
                            @error('clocallevel_id')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <div class="col-md-4 mb-3">
                            <label class="form-label">वडा नं.</label>
                            <input id="ward" type="text" class="form-control @error('ward') is-invalid @enderror" name="cward" value="{{ $data->ward }}" required autocomplete="off">

                            @error('ward')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <div class="col-md-4 mb-3">
                            <label class="form-label">टोल</label>
                            <input id="ctole" type="text" class="form-control @error('tole') is-invalid @enderror" name="ctole" value="{{ $data->ctole }}" autocomplete="off">

                            @error('tole')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <div class="col-md-4 mb-3">
                            <label class="form-label">गाउँ</label>
                            <input id="cvillage" type="text" class="form-control @error('village') is-invalid @enderror" name="cvillage" value="{{ $data->cvillage }}" autocomplete="off">

                            @error('village')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <div class="col-md-4 mb-3">
                            <label class="form-label">टेलिफोन नं.</label>
                            <input id="telephone" type="text" class="form-control @error('village') is-invalid @enderror" name="telephone" value="{{ $data->telephone }}" autocomplete="off">

                            @error('telephone')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <div class="col-md-4 mb-3">
                            <label class="form-label">मोबाइल नं.</label>
                            <input id="mobileno" type="text" class="form-control @error('village') is-invalid @enderror" name="mobileno" value="{{ $data->mobileno }}" autocomplete="off">

                            @error('mobileno')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <div class="col-md-8 mb-3">
                            <label class="form-label">पत्र व्यवहार गर्ने ठेगाना </label>
                            <input id="caddress" type="text" class="form-control @error('caddress') is-invalid @enderror" name="caddress" value="{{ $data->caddress }}" required autocomplete="off">

                            @error('caddress')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <div class="col-md-8 mb-3">
                            <label class="form-label">मतदानमा भाग लिन चाहेको प्रदेश </label>
                            <select name="election_province_id" class="form-control select2">
                                <option value="" disabled selected>Select Province</option>
                                @foreach($provinces as $id => $provinceName)
                                <option value="{{ $id }}" {{ $id == $data->election_province_id ? 'selected' : '' }}>{{ $provinceName }}</option>
                                @endforeach
                            </select>

                            @error('election_province_id')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <br>
                        <h3> अन्य विवरण </h3>

                        <div class="col-md-4 mb-3">
                            <label class="form-label">हाल दर्ता हुन चाहेको श्रेणी </label>
                            <select name="level" class="form-control select2" id="level">
                                <option value="" disabled></option>
                                @foreach($level as $id => $levelName)
                                <option value="{{ $id }}" {{ $id == $data->level_id ? 'selected' : '' }}>{{ $levelName }}</option>
                                @endforeach
                            </select>
                            @error('level')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <div class="col-md-4 mb-3" id="specialization">
                            <label class="form-label">वैज्ञताको क्षेत्र</label>
                            <select name="specialization" class="form-control select2" id="specialization_id">
                                <option value="" disabled>Select Specialization</option>
                                @foreach($specialization as $id => $specializationName)
                                <option value="{{ $id }}" {{ $id == $data->specialization_id ? 'selected' : '' }}>{{ $specializationName }}</option>
                                @endforeach
                            </select>
                            @error('specialization')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <br>

                        <div class="col-md-4 mb-3">
                            <label class="form-label">आफ्नो तस्वीर अपलोड गर्नुहोस्
                                <a href="{{ storage_url($data->photo) }}" target="_blank">View Image</a>
                            </label>
                            <input type="file" name="photoName" class="form-control">
                            <span class = "text-danger">फोटो 2MB भन्दा कमको हुनुपर्दछ।</span>
                            @error('photoName')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <div class="col-md-4 mb-3">
                            <label class="form-label">आफ्नो नागरिकता अपलोड गर्नुहोस्
                                <a href="{{ storage_url($data->citizenship) }}" target="_blank">View Citizenship</a>
                            </label>
                            <input type="file" name="citizenshipImage" class="form-control">
                            <span class = "text-danger">फायल 2MB भन्दा कमको हुनुपर्दछ र नागरिकताको अगाडि र पछाडिको भागलाई एउटै फोटोमा समावेश गरेर अपलोड गार्नुपर्छ। <br> यस कार्यको लागी तलको लिकंको प्रयोग गार्नुहोस र सो Website मा रहेको Merge Direction मा 'Vertical' छान्नुहोस्। </span><br><a href="https://imagelr.com/image-combiner" target = "_blank">Click Here To Merge Photos</a>
                            @error('citizenshipImage')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>





                    </div>

                    <div class="mb-3">
                        <button class="btn btn-primary w-100 waves-effect waves-light" type="submit">Save</button>
                    </div>
                </form>
                <!-- end table responsive -->
            </div>
            <!-- end card body -->
        </div>
        <!-- end card -->
    </div>
    <!-- end col -->
</div>
<!-- end row -->
@endsection



@section('scripts')
<script src="{{ public_url('assets/js/province-district-contact.js') }}"></script>
<script>
    $(document).ready(function() {
        $("#specialization").hide();

        $("#level").change(function() {
            if ($(this).val() === "1") {
                $("#specialization").show();
            } else {
                $("#specialization").hide();
                $("#specialization_id").val(null);
            }
        });

    });
</script>
@endsection