@extends('layout.master')

@section('title', 'Edit')

@section('content')

    <section>
        <div class="row">
            <div class="col-12">

                <div class="card">

                    <div class="card-content">
                        <div class="card-header">
                             <h1>Edit</h1>

                        </div>
                        <div class="card-body card-dashboard">
                            @include('inc.messages')
                            <form class="form" method="POST" action="{{route('member.update',['id'=>$member->id])}}" enctype="multipart/form-data">
                                @csrf
                                @method('put')
                                <div class="form-body">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="full_name">Full Name*</label>
                                                <input type="text" id="full_name" class="form-control"
                                                    placeholder="Full Name" name="name" value="{{$member->name}}" required>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="full_name">Guardian Name*</label>
                                                <div class="row">
                                                    <div class="col-2" style=" padding-right: 0;">
                                                        <select name="initial" id=""  class="form-control" required>
                                                            <option value="S/O">S/O</option>
                                                            <option value="D/O">D/O</option>
                                                            <option value="W/O">W/O</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-10"  style=" padding-left: 0;">
                                                        <input type="text" id="parent_name" class="form-control"
                                                            placeholder="Guardian Name" value="{{$member->parent_name}}" name="parent_name" required>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="member_number">Member #*</label>
                                                <input type="text" id="member_number" class="form-control"
                                                    placeholder="Member #" name="member_number"  value="{{$member->member_number}}" required>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="gender">Gender*</label>
                                                <select name="gender" id="gender" class="form-control" required>
                                                    @if ($member->gender==0)
                                                        <option value="0" selected>Male</option>
                                                        <option value="1">Female</option>
                                                    @else
                                                        <option value="0" >Male</option>
                                                        <option value="1" selected>Female</option>
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="dob">Date of Birth*</label>
                                                <input type="date" id="dob" class="form-control"
                                                    placeholder="DOB" name="dob"  value="{{$member->dob}}" required>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="minor" style="display: inline-flex;">Minor</label>
                                                <input type="checkbox" name="minor" id="minor" class="form-control" placeholder="Minor">
                                            </div>
                                        </div>
                                        <div class="col-md-6" id="cnic_input">
                                            <div class="form-group">
                                                <label for="cnic">CNIC</label>
                                                <input type="text" id="cnic" class="form-control"
                                                    placeholder="CNIC" name="cnic"  value="{{$member->cnic}}" required>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="phone">Mobile Number*</label>
                                                <input type="text" id="mobile_number"  class="form-control"
                                                    placeholder="Mobile Phone" name="mobile_number" value="{{$member->mobile_number}}" required>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="whatsapp_number">WhatsApp Number</label>
                                                <input type="text" id="whatsapp_number" class="form-control"
                                                    placeholder="WhatsApp Number" name="whatsapp_number" value="{{$member->whatsapp_number}}">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="phone">Contact Number*</label>
                                                <input type="text" id="phone"  class="form-control"
                                                    placeholder="Phone" name="phone"  value="{{$member->phone}}" required>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="email">E-mail</label>
                                        <input type="email" id="email" class="form-control"
                                            placeholder="E-mail" name="email" value="{{$member->email}}">
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="picture">Picture*</label>
                                                <input type="file" id="picture" class="form-control" accept="image/*"
                                                    placeholder="Picture" name="picture"  value="{{$member->picture}}" required>
                                                <button type="button" class="btn btn-sm btn-outline-primary mt-1 camera-btn" data-target="picture" data-facing="user">
                                                    <i class="la la-camera"></i> Use Camera
                                                </button>
                                                <div class="camera-preview mt-1" id="preview_picture"></div>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="pdf_doc">Document</label>
                                                <input type="file" id="pdf_doc" class="form-control"
                                                    placeholder="Document" name="pdf_doc" value="{{$member->pdf_doc}}" accept="image/*,.pdf,.doc,.docx">
                                                <button type="button" class="btn btn-sm btn-outline-primary mt-1 camera-btn" data-target="pdf_doc" data-facing="environment">
                                                    <i class="la la-camera"></i> Capture with Camera
                                                </button>
                                                <div class="camera-preview mt-1" id="preview_pdf_doc"></div>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="maritial_status">Maritial Status*</label>
                                                <select name="maritial_status" id="maritial_status" class="form-control" required onchange="married_show(this)">
                                                    @if ($member->maritial_status==0)
                                                    <option value="0" selected>Married</option>
                                                    <option value="1">Unmarried</option>
                                                    <option value="2">Widow</option>
                                                    <option value="3">Widower</option>
                                                    <option value="4">Divorcee</option>
                                                    @elseif($member->maritial_status==1)
                                                    <option value="0">Married</option>
                                                    <option value="1" selected>Unmarried</option>
                                                    <option value="2">Widow</option>
                                                    <option value="3">Widower</option>
                                                    <option value="4">Divorcee</option>
                                                    @elseif($member->maritial_status==2)
                                                    <option value="0">Married</option>
                                                    <option value="1" >Unmarried</option>
                                                    <option value="2" selected>Widow</option>
                                                    <option value="3">Widower</option>
                                                    <option value="4">Divorcee</option>
                                                    @elseif($member->maritial_status==3)
                                                    <option value="0">Married</option>
                                                    <option value="1" >Unmarried</option>
                                                    <option value="2">Widow</option>
                                                    <option value="3" selected>Widower</option>
                                                    <option value="4">Divorcee</option>
                                                    @elseif($member->maritial_status==4)
                                                    <option value="0">Married</option>
                                                    <option value="1" >Unmarried</option>
                                                    <option value="2">Widow</option>
                                                    <option value="3" >Widower</option>
                                                    <option value="4" selected>Divorcee</option>
                                                    @else
                                                        <option value="">Select</option>
                                                        <option value="0">Married</option>
                                                        <option value="1">Unmarried</option>
                                                        <option value="2">Widow</option>
                                                        <option value="3">Widower</option> 
                                                        <option value="4">Divorcee</option>
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                        @if ($member->maritial_status==0)
                                            <div class="col-md-6" id="married_where_div">
                                            <div class="form-group">
                                                <label for="Married Where">Married Where</label>
                                                <select name="married_where" class="form-control" id="married_where">
                                                @if ($member->married_where == "With-In Community")
                                                <option value="With-In Community" selected>With-In Community</option>
                                                <option value="Outside Community">Outside Community</option>

                                                @elseif($member->married_where == "Outside Community")
                                                        <option value="With-In Community" >With-In Community</option>
                                                <option value="Outside Community" selected>Outside Community</option>

                                                @else
                                                <option value="">-Select-</option>
                                                <option value="With-In Community">With-In Community</option>
                                                <option value="Outside Community">Outside Community</option>
                                                @endif
                                                </select>
                                            </div>
                                        </div>
                                        @else
                                        <div class="col-md-6" id="married_where_div" style="display:none">
                                            <div class="form-group">
                                                <label for="Married Where">Married Where</label>
                                                <select name="married_where" class="form-control" id="married_where">
                                                <option value="">-Select-</option>
                                                <option value="With-In Community">With-In Community</option>
                                                <option value="Outside Community">Outside Community</option>
                                                </select>
                                            </div>
                                        </div>
                                        @endif
                                        <div class="col-md-6 d-none" id="add_huband_div">
                                            <div class="form-group">
                                                <label for="add_husband">Reference HO</label>
                                                <select name="add_husband" id="add_husband" class="select2 form-control">
                                                    @foreach($husbands as $husband)
                                                    <option value="{{$husband->id}}">{{$husband->name}} ({{$husband->member_number}})</option>
                                                    @endforeach
                                                </select>

                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="religion">Religion*</label>
                                                <select name="religion" id="religion" class="form-control" required>
                                                    @if ($member->religion=='Islam')
                                                        <option value="Islam" selected>Islam</option>
                                                        <option value="Christianity">Christianity</option>
                                                        <option value="Hinduism">Hinduism</option>
                                                    @elseif($member->religion=='Christianity')
                                                        <option value="Islam" >Islam</option>
                                                        <option value="Christianity" selected>Christianity</option>
                                                        <option value="Hinduism">Hinduism</option>
                                                    @else
                                                        <option value="Islam" selected>Islam</option>
                                                        <option value="Christianity">Christianity</option>
                                                        <option value="Hinduism" >Hinduism</option>
                                                    @endif
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="nationality">Nationality*</label>
                                                <select name="nationality" id="nationality" class="form-control" required>
                                               @if ($member->nationality=='Pakistani')
                                                    <option value="Pakistani" selected>Pakistani</option>
                                                    <option value="Foreigner">Foreigner</option>
                                                    <option value="Dual Nationality">Dual Nationality</option>
                                                @elseif($member->nationality=='Foreigner')
                                                    <option value="Pakistani" >Pakistani</option>
                                                    <option value="Foreigner" selected>Foreigner</option>
                                                    <option value="Dual Nationality">Dual Nationality</option>
                                                @elseif($member->nationality=='Dual Nationality')
                                                    <option value="Pakistani" >Pakistani</option>
                                                    <option value="Foreigner" >Foreigner</option>
                                                    <option value="Dual Nationality" selected>Dual Nationality</option>
                                                @else
                                                    <option value="">Select</option>
                                                    <option value="Pakistani">Pakistani</option>
                                                    <option value="Foreigner">Foreigner</option>
                                                    <option value="Dual Nationality" selected>Dual Nationality</option>
                                                @endif
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="blood_group">Blood Group</label>
                                                <select name="blood_group" id="blood_group" class="form-control">
                                                    @if ($member->blood_group=='A +ve')
                                                        <option value="A +ve" selected>A +ve</option>
                                                        <option value="A -ve">A -ve</option>
                                                        <option value="B +ve">B +ve</option>
                                                        <option value="B -ve">B -ve</option>
                                                        <option value="AB +ve">AB +ve</option>
                                                        <option value="AB -ve">AB -ve</option>
                                                        <option value="O +ve">O +ve</option>
                                                        <option value="O -ve">O -ve</option>

                                                        @elseif($member->blood_group=='A -ve')
                                                            <option value="A +ve">A +ve</option>
                                                            <option value="A -ve" selected>A -ve</option>
                                                            <option value="B +ve">B +ve</option>
                                                            <option value="B -ve">B -ve</option>
                                                            <option value="AB +ve">AB +ve</option>
                                                            <option value="AB -ve">AB -ve</option>
                                                            <option value="O +ve">O +ve</option>
                                                            <option value="O -ve">O -ve</option>

                                                        @elseif($member->blood_group=='B +ve')
                                                            <option value="A +ve">A +ve</option>
                                                            <option value="A -ve">A -ve</option>
                                                            <option value="B +ve" selected>B +ve</option>
                                                            <option value="B -ve">B -ve</option>
                                                            <option value="AB +ve">AB +ve</option>
                                                            <option value="AB -ve">AB -ve</option>
                                                            <option value="O +ve">O +ve</option>
                                                            <option value="O -ve">O -ve</option>
                                                    @elseif($member->blood_group=='B -ve')
                                                        <option value="A +ve">A +ve</option>
                                                        <option value="A -ve" >A -ve</option>
                                                        <option value="B +ve">B +ve</option>
                                                        <option value="B -ve" selected>B -ve</option>
                                                        <option value="AB +ve">AB +ve</option>
                                                        <option value="AB -ve">AB -ve</option>
                                                        <option value="O +ve">O +ve</option>
                                                        <option value="O -ve">O -ve</option>




                                                        @elseif($member->blood_group=='AB +ve')
                                                        <option value="A +ve">A +ve</option>
                                                        <option value="A -ve" >A -ve</option>
                                                        <option value="B +ve">B +ve</option>
                                                        <option value="B -ve">B -ve</option>
                                                        <option value="AB +ve" selected>AB +ve</option>
                                                        <option value="AB -ve">AB -ve</option>
                                                        <option value="O +ve">O +ve</option>
                                                        <option value="O -ve">O -ve</option>




                                                        @elseif($member->blood_group=='AB -ve')
                                                        <option value="A +ve">A +ve</option>
                                                        <option value="A -ve" >A -ve</option>
                                                        <option value="B +ve">B +ve</option>
                                                        <option value="B -ve">B -ve</option>
                                                        <option value="AB +ve">AB +ve</option>
                                                        <option value="AB -ve" selected>AB -ve</option>
                                                        <option value="O +ve">O +ve</option>
                                                        <option value="O -ve">O -ve</option>

                                                        @elseif($member->blood_group=='O +ve')
                                                        <option value="A +ve">A +ve</option>
                                                        <option value="A -ve" >A -ve</option>
                                                        <option value="B +ve">B +ve</option>
                                                        <option value="B -ve">B -ve</option>
                                                        <option value="AB +ve">AB +ve</option>
                                                        <option value="AB -ve">AB -ve</option>
                                                        <option value="O +ve" selected>O +ve</option>
                                                        <option value="O -ve">O -ve</option>

                                                        @elseif($member->blood_group=='0 -ve')
                                                        <option value="A +ve">A +ve</option>
                                                        <option value="A -ve">A -ve</option>
                                                        <option value="B +ve">B +ve</option>
                                                        <option value="B -ve">B -ve</option>
                                                        <option value="AB +ve">AB +ve</option>
                                                        <option value="AB -ve">AB -ve</option>
                                                        <option value="O +ve">O +ve</option>
                                                        <option value="O -ve" selected>O -ve</option>


                                                    @else
                                                    <option value="A +ve">A +ve</option>
                                                    <option value="A -ve" >A -ve</option>
                                                    <option value="B +ve">B +ve</option>
                                                    <option value="B -ve">B -ve</option>
                                                    <option value="AB +ve">AB +ve</option>
                                                    <option value="AB -ve">AB -ve</option>
                                                    <option value="O +ve">O +ve</option>
                                                    <option value="O -ve">O -ve</option>
                                                    @endif

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

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="qualification">Qualification*</label>
                                                <select name="qualification" id="qualification" class="form-control" required>
                                                    @if ($member->qualification =='No formal education')
                                                    <option value="No formal education" selected>No formal education</option>
                                                    <option value="Primary education">Primary education</option>
                                                    <option value="Matric">Matric</option>
                                                    <option value="Intermediate">Intermediate</option>
                                                    <option value="O Level">O Level</option>
                                                    <option value="A Level">A Level</option>
                                                    <option value="Bachelors degree">Bachelors degree</option>
                                                    <option value="BCOM">BCOM</option>
                                                    <option value="B-ED">B-ED</option>
                                                    <option value="Masters degree">Masters degree</option>
                                                    <option value="Doctorate or higher">Doctorate or higher</option>
                                                    <option value="Others">Others</option>

                                                @elseif($member->qualification =='Primary education')
                                                    <option value="No formal education" >No formal education</option>
                                                    <option value="Primary education" selected>Primary education</option>
                                                    <option value="Matric">Matric</option>
                                                    <option value="Intermediate">Intermediate</option>
                                                    <option value="O Level">O Level</option>
                                                    <option value="A Level">A Level</option>
                                                    <option value="Bachelors degree">Bachelors degree</option>
                                                    <option value="BCOM">BCOM</option>
                                                    <option value="B-ED">B-ED</option>
                                                    <option value="Masters degree">Masters degree</option>
                                                    <option value="Doctorate or higher">Doctorate or higher</option>
                                                    <option value="Others">Others</option>

                                                    @elseif($member->qualification =='Matric')
                                                    <option value="No formal education" >No formal education</option>
                                                    <option value="Primary education" >Primary education</option>
                                                    <option value="Matric" selected>Matric</option>
                                                    <option value="Intermediate">Intermediate</option>
                                                    <option value="O Level">O Level</option>
                                                    <option value="A Level">A Level</option>
                                                    <option value="Bachelors degree">Bachelors degree</option>
                                                    <option value="BCOM">BCOM</option>
                                                    <option value="B-ED">B-ED</option>
                                                    <option value="Masters degree">Masters degree</option>
                                                    <option value="Doctorate or higher">Doctorate or higher</option>
                                                    <option value="Others">Others</option>

                                                    @elseif($member->qualification =='Intermediate')
                                                    <option value="No formal education" >No formal education</option>
                                                    <option value="Primary education" >Primary education</option>
                                                    <option value="Matric">Matric</option>
                                                    <option value="Intermediate" selected>Intermediate</option>
                                                    <option value="O Level">O Level</option>
                                                    <option value="A Level">A Level</option>
                                                    <option value="Bachelors degree">Bachelors degree</option>
                                                    <option value="BCOM">BCOM</option>
                                                    <option value="B-ED">B-ED</option>
                                                    <option value="Masters degree">Masters degree</option>
                                                    <option value="Doctorate or higher">Doctorate or higher</option>
                                                    <option value="Others">Others</option>

                                                    @elseif($member->qualification =='O Level')
                                                    <option value="No formal education" >No formal education</option>
                                                    <option value="Primary education" >Primary education</option>
                                                    <option value="Matric">Matric</option>
                                                    <option value="Intermediate">Intermediate</option>
                                                    <option value="O Level" selected>O Level</option>
                                                    <option value="A Level">A Level</option>
                                                    <option value="Bachelors degree">Bachelors degree</option>
                                                    <option value="BCOM">BCOM</option>
                                                    <option value="B-ED">B-ED</option>
                                                    <option value="Masters degree">Masters degree</option>
                                                    <option value="Doctorate or higher">Doctorate or higher</option>
                                                    <option value="Others">Others</option>

                                                    @elseif($member->qualification =='A Level')
                                                    <option value="No formal education" >No formal education</option>
                                                    <option value="Primary education" >Primary education</option>
                                                    <option value="Matric">Matric</option>
                                                    <option value="Intermediate">Intermediate</option>
                                                    <option value="O Level">O Level</option>
                                                    <option value="A Level" selected>A Level</option>
                                                    <option value="Bachelors degree">Bachelors degree</option>
                                                    <option value="BCOM">BCOM</option>
                                                    <option value="B-ED">B-ED</option>
                                                    <option value="Masters degree">Masters degree</option>
                                                    <option value="Doctorate or higher">Doctorate or higher</option>
                                                    <option value="Others">Others</option>

                                                    @elseif($member->qualification =='Bachelors degree')
                                                    <option value="No formal education" >No formal education</option>
                                                    <option value="Primary education" >Primary education</option>
                                                    <option value="Matric">Matric</option>
                                                    <option value="Intermediate">Intermediate</option>
                                                    <option value="O Level">O Level</option>
                                                    <option value="A Level">A Level</option>
                                                    <option value="Bachelors degree" selected>Bachelors degree</option>
                                                    <option value="BCOM">BCOM</option>
                                                    <option value="B-ED">B-ED</option>
                                                    <option value="Masters degree">Masters degree</option>
                                                    <option value="Doctorate or higher">Doctorate or higher</option>
                                                    <option value="Others">Others</option>

                                                    @elseif($member->qualification =='BCOM')
                                                    <option value="No formal education" >No formal education</option>
                                                    <option value="Primary education" >Primary education</option>
                                                    <option value="Matric">Matric</option>
                                                    <option value="Intermediate">Intermediate</option>
                                                    <option value="O Level">O Level</option>
                                                    <option value="A Level">A Level</option>
                                                    <option value="Bachelors degree" >Bachelors degree</option>
                                                    <option value="BCOM" selected>BCOM</option>
                                                    <option value="B-ED">B-ED</option>
                                                    <option value="Masters degree">Masters degree</option>
                                                    <option value="Doctorate or higher">Doctorate or higher</option>
                                                    <option value="Others">Others</option>

                                                    @elseif($member->qualification =='B-ED')
                                                    <option value="No formal education" >No formal education</option>
                                                    <option value="Primary education" >Primary education</option>
                                                    <option value="Matric">Matric</option>
                                                    <option value="Intermediate">Intermediate</option>
                                                    <option value="O Level">O Level</option>
                                                    <option value="A Level">A Level</option>
                                                    <option value="Bachelors degree" >Bachelors degree</option>
                                                    <option value="BCOM">BCOM</option>
                                                    <option value="B-ED" selected>B-ED</option>
                                                    <option value="Masters degree">Masters degree</option>
                                                    <option value="Doctorate or higher">Doctorate or higher</option>
                                                    <option value="Others">Others</option>

                                                    @elseif($member->qualification =='Masters degree')
                                                    <option value="No formal education" >No formal education</option>
                                                    <option value="Primary education" >Primary education</option>
                                                    <option value="Matric">Matric</option>
                                                    <option value="Intermediate">Intermediate</option>
                                                    <option value="O Level">O Level</option>
                                                    <option value="A Level">A Level</option>
                                                    <option value="Bachelors degree" >Bachelors degree</option>
                                                    <option value="BCOM">BCOM</option>
                                                    <option value="B-ED">B-ED</option>
                                                    <option value="Masters degree" selected>Masters degree</option>
                                                    <option value="Doctorate or higher">Doctorate or higher</option>
                                                    <option value="Others">Others</option>

                                                    @elseif($member->qualification =='Doctorate or higher')
                                                    <option value="No formal education" >No formal education</option>
                                                    <option value="Primary education" >Primary education</option>
                                                    <option value="Matric">Matric</option>
                                                    <option value="Intermediate">Intermediate</option>
                                                    <option value="O Level">O Level</option>
                                                    <option value="A Level">A Level</option>
                                                    <option value="Bachelors degree" >Bachelors degree</option>
                                                    <option value="BCOM">BCOM</option>
                                                    <option value="B-ED">B-ED</option>
                                                    <option value="Masters degree">Masters degree</option>
                                                    <option value="Doctorate or higher" selected>Doctorate or higher</option>
                                                    <option value="Others">Others</option>

                                                    @elseif($member->qualification =='Others')
                                                    <option value="No formal education" >No formal education</option>
                                                    <option value="Primary education" >Primary education</option>
                                                    <option value="Matric">Matric</option>
                                                    <option value="Intermediate">Intermediate</option>
                                                    <option value="O Level">O Level</option>
                                                    <option value="A Level">A Level</option>
                                                    <option value="Bachelors degree" >Bachelors degree</option>
                                                    <option value="BCOM">BCOM</option>
                                                    <option value="B-ED">B-ED</option>
                                                    <option value="Masters degree">Masters degree</option>
                                                    <option value="Doctorate or higher" >Doctorate or higher</option>
                                                    <option value="Others" selected>Others</option>


                                                @else
                                                    <option value="">Select</option>
                                                    <option value="No formal education">No formal education</option>
                                                    <option value="Primary education">Primary education</option>
                                                    <option value="Matric">Matric</option>
                                                    <option value="Intermediate">Intermediate</option>
                                                    <option value="O Level">O Level</option>
                                                    <option value="A Level">A Level</option>
                                                    <option value="Bachelors degree">Bachelors degree</option>
                                                    <option value="BCOM">BCOM</option>
                                                    <option value="B-ED">B-ED</option>
                                                    <option value="Masters degree">Masters degree</option>
                                                    <option value="Doctorate or higher">Doctorate or higher</option>
                                                    <option value="Others">Others</option>

                                                @endif
                                                    </select>
                                                {{-- <input type="text" id="qualification" class="form-control"
                                                    placeholder="Qualification" name="qualification" value="{{$member->qualification}}" required> --}}
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="profession">Profession</label>
                                                <select name="profession" id="profession" class="form-control">
                                                    @if ($member->profession =='Doctor')
                                                        <option value="Doctor" selected>Doctor</option>
                                                        <option value="Engineer">Engineer</option>
                                                        <option value="Govt Servant">Govt Servant</option>
                                                        <option value="Banker">Banker</option>
                                                        <option value="Business Man">Business Man</option>
                                                        <option value="Teacher">Teacher</option>
                                                        <option value="Others">Others</option>
                                                    @elseif($member->profession=='Engineer')
                                                        <option value="Doctor" >Doctor</option>
                                                        <option value="Engineer" selected>Engineer</option>
                                                        <option value="Govt Servant">Govt Servant</option>
                                                        <option value="Banker">Banker</option>
                                                        <option value="Business Man">Business Man</option>
                                                        <option value="Teacher">Teacher</option>
                                                        <option value="Others">Others</option>
                                                        @elseif($member->profession=='Govt Servant')
                                                        <option value="Doctor" >Doctor</option>
                                                        <option value="Engineer" >Engineer</option>
                                                        <option value="Govt Servant" selected>Govt Servant</option>
                                                        <option value="Banker">Banker</option>
                                                        <option value="Business Man">Business Man</option>
                                                        <option value="Teacher">Teacher</option>
                                                        <option value="Others">Others</option>
                                                        @elseif($member->profession=='Banker')
                                                        <option value="Doctor" >Doctor</option>
                                                        <option value="Engineer" >Engineer</option>
                                                        <option value="Govt Servant" >Govt Servant</option>
                                                        <option value="Banker" selected>Banker</option>
                                                        <option value="Business Man">Business Man</option>
                                                        <option value="Teacher">Teacher</option>
                                                        <option value="Others">Others</option>
                                                        @elseif($member->profession=='Business Man')
                                                        <option value="Doctor" >Doctor</option>
                                                        <option value="Engineer" >Engineer</option>
                                                        <option value="Govt Servant" >Govt Servant</option>
                                                        <option value="Banker" >Banker</option>
                                                        <option value="Business Man" selected>Business Man</option>
                                                        <option value="Teacher">Teacher</option>
                                                        <option value="Others">Others</option>
                                                        @elseif($member->profession=='Others')
                                                        <option value="Doctor" >Doctor</option>
                                                        <option value="Engineer" >Engineer</option>
                                                        <option value="Govt Servant" >Govt Servant</option>
                                                        <option value="Banker" >Banker</option>
                                                        <option value="Business Man" >Business Man</option>
                                                        <option value="Teacher">Teacher</option>
                                                        <option value="Others" selected>Others</option>
                                                        @elseif($member->profession=='Teacher')
                                                        <option value="Doctor" >Doctor</option>
                                                        <option value="Engineer" >Engineer</option>
                                                        <option value="Govt Servant" >Govt Servant</option>
                                                        <option value="Banker" >Banker</option>
                                                        <option value="Business Man" >Business Man</option>
                                                        <option value="Teacher" Seleted>Teacher</option>
                                                        <option value="Others">Others</option>

                                                    @else
                                                        <option value="">Select</option>
                                                        <option value="Doctor" >Doctor</option>
                                                        <option value="Engineer" >Engineer</option>
                                                        <option value="Govt Servant" >Govt Servant</option>
                                                        <option value="Banker" >Banker</option>
                                                        <option value="Business Man" >Business Man</option>
                                                        <option value="Teacher">Teacher</option>
                                                        <option value="Others">Others</option>
                                                    @endif
                                                    </select>
                                                {{-- <input type="text" id="profession" class="form-control"
                                                    placeholder="Profession" name="profession" value="{{$member->profession}}" required> --}}
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="income">Income</label>
                                                <select name="income" id="income" class="form-control">
                                                    @if ($member->income =='10000 - 30000')
                                                        <option value="10000 - 25000" selected>10000 - 30000</option>
                                                        <option value="26000 - 35000">31000 - 45000</option>
                                                        <option value="36000 - 50000">46000 - 80000</option>
                                                        <option value="81000 - 100000">81000 - 100000</option>
                                                        <option value="101000 - 200000">101000 - 200000</option>
                                                        <option value="201000 - 400000">201000 - 400000</option>
                                                        <option value="401000 - 500000">401000 - 500000</option>
                                                        <option value="above 500000">above 500000 </option>
                                                        <option value="Others">Others</option>

                                                    @elseif($member->income =='31000 - 45000')
                                                        <option value="10000 - 25000" >10000 - 30000</option>
                                                        <option value="26000 - 35000" selected>31000 - 45000</option>
                                                        <option value="36000 - 50000">46000 - 80000</option>
                                                        <option value="81000 - 100000">81000 - 100000</option>
                                                        <option value="101000 - 200000">101000 - 200000</option>
                                                        <option value="201000 - 400000">201000 - 400000</option>
                                                        <option value="401000 - 500000">401000 - 500000</option>
                                                        <option value="above 500000">above 500000 </option>
                                                        <option value="Others">Others</option>

                                                        @elseif($member->income =='46000 - 80000')
                                                       <option value="10000 - 25000" >10000 - 30000</option>
                                                        <option value="26000 - 35000" >31000 - 45000</option>
                                                        <option value="36000 - 50000" selected>46000 - 80000</option>
                                                        <option value="81000 - 100000">81000 - 100000</option>
                                                        <option value="101000 - 200000">101000 - 200000</option>
                                                        <option value="201000 - 400000">201000 - 400000</option>
                                                        <option value="401000 - 500000">401000 - 500000</option>
                                                        <option value="above 500000">above 500000 </option>
                                                        <option value="Others">Others</option>

                                                        @elseif($member->income =='81000 - 100000')
                                                        <option value="10000 - 25000" >10000 - 30000</option>
                                                        <option value="26000 - 35000" >31000 - 45000</option>
                                                        <option value="36000 - 50000" >46000 - 80000</option>
                                                        <option value="81000 - 100000" selected>81000 - 100000</option>
                                                        <option value="101000 - 200000">101000 - 200000</option>
                                                        <option value="201000 - 400000">201000 - 400000</option>
                                                        <option value="401000 - 500000">401000 - 500000</option>
                                                        <option value="above 500000">above 500000 </option>
                                                        <option value="Others">Others</option>

                                                        @elseif($member->income =='101000 - 200000')
                                                        <option value="10000 - 25000" >10000 - 30000</option>
                                                        <option value="26000 - 35000" >31000 - 45000</option>
                                                        <option value="36000 - 50000" >46000 - 80000</option>
                                                        <option value="81000 - 100000" >81000 - 100000</option>
                                                        <option value="101000 - 200000" selected>101000 - 200000</option>
                                                        <option value="201000 - 400000">201000 - 400000</option>
                                                        <option value="401000 - 500000">401000 - 500000</option>
                                                        <option value="above 500000">above 500000 </option>
                                                        <option value="Others">Others</option>

                                                         @elseif($member->income =='201000 - 400000')
                                                        <option value="10000 - 25000" >10000 - 30000</option>
                                                        <option value="26000 - 35000" >31000 - 45000</option>
                                                        <option value="36000 - 50000" >46000 - 80000</option>
                                                        <option value="81000 - 100000" >81000 - 100000</option>
                                                        <option value="101000 - 200000" >101000 - 200000</option>
                                                        <option value="201000 - 400000" selected></option>
                                                        <option value="401000 - 500000">401000 - 500000</option>
                                                        <option value="above 500000">above 500000 </option>
                                                        <option value="Others">Others</option>

                                                         @elseif($member->income =='401000 - 500000')
                                                        <option value="10000 - 25000" >10000 - 30000</option>
                                                        <option value="26000 - 35000" >31000 - 45000</option>
                                                        <option value="36000 - 50000" >46000 - 80000</option>
                                                        <option value="81000 - 100000" >81000 - 100000</option>
                                                        <option value="101000 - 200000" >101000 - 200000</option>
                                                        <option value="201000 - 400000">201000 - 400000</option>
                                                        <option value="401000 - 500000" selected>401000 - 500000</option>
                                                        <option value="above 500000">above 500000 </option>
                                                        <option value="Others">Others</option>

                                                         @elseif($member->income =='above 500000 ')
                                                        <option value="10000 - 25000" >10000 - 30000</option>
                                                        <option value="26000 - 35000" >31000 - 45000</option>
                                                        <option value="36000 - 50000" >46000 - 80000</option>
                                                        <option value="81000 - 100000" >81000 - 100000</option>
                                                        <option value="101000 - 200000" >101000 - 200000</option>
                                                        <option value="201000 - 400000">201000 - 400000</option>
                                                        <option value="401000 - 500000">401000 - 500000</option>
                                                        <option value="above 500000" selected>above 500000 </option>
                                                        <option value="Others">Others</option>
                                                        @elseif($member->income =='Others')
                                                        <option value="10000 - 25000" >10000 - 30000</option>
                                                        <option value="26000 - 35000" >31000 - 45000</option>
                                                        <option value="36000 - 50000" >46000 - 80000</option>
                                                        <option value="81000 - 100000" >81000 - 100000</option>
                                                        <option value="101000 - 200000" >101000 - 200000</option>
                                                        <option value="201000 - 400000">201000 - 400000</option>
                                                        <option value="401000 - 500000">401000 - 500000</option>
                                                        <option value="above 500000">above 500000 </option>
                                                        <option value="Others" selected>Others</option>

                                                    @else
                                                        <option value="">Select</option>
                                                        <option value="10000 - 25000" >10000 - 30000</option>
                                                        <option value="26000 - 35000" >31000 - 45000</option>
                                                        <option value="36000 - 50000" >46000 - 80000</option>
                                                        <option value="81000 - 100000" >81000 - 100000</option>
                                                        <option value="101000 - 200000" >101000 - 200000</option>
                                                        <option value="201000 - 400000">201000 - 400000</option>
                                                        <option value="401000 - 500000">401000 - 500000</option>
                                                        <option value="above 500000">above 500000 </option>
                                                        <option value="Others">Others</option>


                                                    @endif
                                                    </select>
                                                {{-- <input type="text" id="income" class="form-control"
                                                    placeholder="Income" name="income" value="{{$member->income}}" required> --}}
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="district">District*</label>
                                                <select name="district" id="district" class="form-control" required>
                                                    @if ($member->district=='Central')
                                                        <option value="Central" selected>Central</option>
                                                        <option value="East">East</option>
                                                        <option value="South">South</option>
                                                        <option value="West">West</option>
                                                        <option value="Korangi">Korangi</option>
                                                        <option value="Malir">Malir</option>
                                                        <option value="Keamari">Keamari</option>
                                                    @elseif($member->district=='East')
                                                        <option value="Central" >Central</option>
                                                        <option value="East" selected>East</option>
                                                        <option value="South">South</option>
                                                        <option value="West">West</option>
                                                        <option value="Korangi">Korangi</option>
                                                        <option value="Malir">Malir</option>
                                                        <option value="Keamari">Keamari</option>
                                                        @elseif($member->district=='South')
                                                        <option value="Central" >Central</option>
                                                        <option value="East">East</option>
                                                        <option value="South" selected>South</option>
                                                        <option value="West">West</option>
                                                        <option value="Korangi">Korangi</option>
                                                        <option value="Malir">Malir</option>
                                                        <option value="Keamari">Keamari</option>
                                                        @elseif($member->district=='West')
                                                        <option value="Central" >Central</option>
                                                        <option value="East">East</option>
                                                        <option value="South" >South</option>
                                                        <option value="West" selected>West</option>
                                                        <option value="Korangi">Korangi</option>
                                                        <option value="Malir">Malir</option>
                                                        <option value="Keamari">Keamari</option>
                                                        @elseif($member->district=='Korangi')
                                                        <option value="Central" >Central</option>
                                                        <option value="East">East</option>
                                                        <option value="South" >South</option>
                                                        <option value="West">West</option>
                                                        <option value="Korangi" selected>Korangi</option>
                                                        <option value="Malir">Malir</option>
                                                        <option value="Keamari">Keamari</option>
                                                        @elseif($member->district=='Malir')
                                                        <option value="Central" >Central</option>
                                                        <option value="East">East</option>
                                                        <option value="South" >South</option>
                                                        <option value="West">West</option>
                                                        <option value="Korangi" >Korangi</option>
                                                        <option value="Malir" selected>Malir</option>
                                                        <option value="Keamari">Keamari</option>
                                                        @elseif($member->district=='Keamari')
                                                        <option value="Central" >Central</option>
                                                        <option value="East">East</option>
                                                        <option value="South" >South</option>
                                                        <option value="West">West</option>
                                                        <option value="Korangi" >Korangi</option>
                                                        <option value="Malir" >Malir</option>
                                                        <option value="Keamari" selected>Keamari</option>

                                                    @else
                                                        <option value="">Select</option>
                                                        <option value="Central" >Central</option>
                                                        <option value="East">East</option>
                                                        <option value="South" >South</option>
                                                        <option value="West">West</option>
                                                        <option value="Korangi" >Korangi</option>
                                                        <option value="Malir" >Malir</option>
                                                        <option value="Keamari">Keamari</option>
                                                    @endif
                                                    </select>
                                                {{-- <input type="text" id="district" class="form-control"
                                                    placeholder="District" name="district" value="{{$member->district}}" required> --}}
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="village">Village From India*</label>
                                                <input type="text" id="village" class="form-control"
                                                    placeholder="Village" name="village" value="{{$member->village}}" required>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="city">City*</label>
                                                <select name="city" id="city" class="form-control" required>
                                                    @foreach ($cities as $city)
                                                        @if ($city->name == $member->city)

                                                            <option value="{{$city->name}}" selected>{{$city->name}}</option>
                                                        @else
                                                            <option value="{{$city->name}}">{{$city->name}}</option>
                                                        @endif
                                                   @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="city">Country*</label>
                                                <select id="country" name="country" class="form-control">
                                                    <option value="Afganistan">Afghanistan</option>
                                                    <option value="Albania">Albania</option>
                                                    <option value="Algeria">Algeria</option>
                                                    <option value="American Samoa">American Samoa</option>
                                                    <option value="Andorra">Andorra</option>
                                                    <option value="Angola">Angola</option>
                                                    <option value="Anguilla">Anguilla</option>
                                                    <option value="Antigua & Barbuda">Antigua & Barbuda</option>
                                                    <option value="Argentina">Argentina</option>
                                                    <option value="Armenia">Armenia</option>
                                                    <option value="Aruba">Aruba</option>
                                                    <option value="Australia">Australia</option>
                                                    <option value="Austria">Austria</option>
                                                    <option value="Azerbaijan">Azerbaijan</option>
                                                    <option value="Bahamas">Bahamas</option>
                                                    <option value="Bahrain">Bahrain</option>
                                                    <option value="Bangladesh">Bangladesh</option>
                                                    <option value="Barbados">Barbados</option>
                                                    <option value="Belarus">Belarus</option>
                                                    <option value="Belgium">Belgium</option>
                                                    <option value="Belize">Belize</option>
                                                    <option value="Benin">Benin</option>
                                                    <option value="Bermuda">Bermuda</option>
                                                    <option value="Bhutan">Bhutan</option>
                                                    <option value="Bolivia">Bolivia</option>
                                                    <option value="Bonaire">Bonaire</option>
                                                    <option value="Bosnia & Herzegovina">Bosnia & Herzegovina</option>
                                                    <option value="Botswana">Botswana</option>
                                                    <option value="Brazil">Brazil</option>
                                                    <option value="British Indian Ocean Ter">British Indian Ocean Ter</option>
                                                    <option value="Brunei">Brunei</option>
                                                    <option value="Bulgaria">Bulgaria</option>
                                                    <option value="Burkina Faso">Burkina Faso</option>
                                                    <option value="Burundi">Burundi</option>
                                                    <option value="Cambodia">Cambodia</option>
                                                    <option value="Cameroon">Cameroon</option>
                                                    <option value="Canada">Canada</option>
                                                    <option value="Canary Islands">Canary Islands</option>
                                                    <option value="Cape Verde">Cape Verde</option>
                                                    <option value="Cayman Islands">Cayman Islands</option>
                                                    <option value="Central African Republic">Central African Republic</option>
                                                    <option value="Chad">Chad</option>
                                                    <option value="Channel Islands">Channel Islands</option>
                                                    <option value="Chile">Chile</option>
                                                    <option value="China">China</option>
                                                    <option value="Christmas Island">Christmas Island</option>
                                                    <option value="Cocos Island">Cocos Island</option>
                                                    <option value="Colombia">Colombia</option>
                                                    <option value="Comoros">Comoros</option>
                                                    <option value="Congo">Congo</option>
                                                    <option value="Cook Islands">Cook Islands</option>
                                                    <option value="Costa Rica">Costa Rica</option>
                                                    <option value="Cote DIvoire">Cote DIvoire</option>
                                                    <option value="Croatia">Croatia</option>
                                                    <option value="Cuba">Cuba</option>
                                                    <option value="Curaco">Curacao</option>
                                                    <option value="Cyprus">Cyprus</option>
                                                    <option value="Czech Republic">Czech Republic</option>
                                                    <option value="Denmark">Denmark</option>
                                                    <option value="Djibouti">Djibouti</option>
                                                    <option value="Dominica">Dominica</option>
                                                    <option value="Dominican Republic">Dominican Republic</option>
                                                    <option value="East Timor">East Timor</option>
                                                    <option value="Ecuador">Ecuador</option>
                                                    <option value="Egypt">Egypt</option>
                                                    <option value="El Salvador">El Salvador</option>
                                                    <option value="Equatorial Guinea">Equatorial Guinea</option>
                                                    <option value="Eritrea">Eritrea</option>
                                                    <option value="Estonia">Estonia</option>
                                                    <option value="Ethiopia">Ethiopia</option>
                                                    <option value="Falkland Islands">Falkland Islands</option>
                                                    <option value="Faroe Islands">Faroe Islands</option>
                                                    <option value="Fiji">Fiji</option>
                                                    <option value="Finland">Finland</option>
                                                    <option value="France">France</option>
                                                    <option value="French Guiana">French Guiana</option>
                                                    <option value="French Polynesia">French Polynesia</option>
                                                    <option value="French Southern Ter">French Southern Ter</option>
                                                    <option value="Gabon">Gabon</option>
                                                    <option value="Gambia">Gambia</option>
                                                    <option value="Georgia">Georgia</option>
                                                    <option value="Germany">Germany</option>
                                                    <option value="Ghana">Ghana</option>
                                                    <option value="Gibraltar">Gibraltar</option>
                                                    <option value="Great Britain">Great Britain</option>
                                                    <option value="Greece">Greece</option>
                                                    <option value="Greenland">Greenland</option>
                                                    <option value="Grenada">Grenada</option>
                                                    <option value="Guadeloupe">Guadeloupe</option>
                                                    <option value="Guam">Guam</option>
                                                    <option value="Guatemala">Guatemala</option>
                                                    <option value="Guinea">Guinea</option>
                                                    <option value="Guyana">Guyana</option>
                                                    <option value="Haiti">Haiti</option>
                                                    <option value="Hawaii">Hawaii</option>
                                                    <option value="Honduras">Honduras</option>
                                                    <option value="Hong Kong">Hong Kong</option>
                                                    <option value="Hungary">Hungary</option>
                                                    <option value="Iceland">Iceland</option>
                                                    <option value="Indonesia">Indonesia</option>
                                                    <option value="India">India</option>
                                                    <option value="Iran">Iran</option>
                                                    <option value="Iraq">Iraq</option>
                                                    <option value="Ireland">Ireland</option>
                                                    <option value="Isle of Man">Isle of Man</option>
                                                    <option value="Israel">Israel</option>
                                                    <option value="Italy">Italy</option>
                                                    <option value="Jamaica">Jamaica</option>
                                                    <option value="Japan">Japan</option>
                                                    <option value="Jordan">Jordan</option>
                                                    <option value="Kazakhstan">Kazakhstan</option>
                                                    <option value="Kenya">Kenya</option>
                                                    <option value="Kiribati">Kiribati</option>
                                                    <option value="Korea North">Korea North</option>
                                                    <option value="Korea Sout">Korea South</option>
                                                    <option value="Kuwait">Kuwait</option>
                                                    <option value="Kyrgyzstan">Kyrgyzstan</option>
                                                    <option value="Laos">Laos</option>
                                                    <option value="Latvia">Latvia</option>
                                                    <option value="Lebanon">Lebanon</option>
                                                    <option value="Lesotho">Lesotho</option>
                                                    <option value="Liberia">Liberia</option>
                                                    <option value="Libya">Libya</option>
                                                    <option value="Liechtenstein">Liechtenstein</option>
                                                    <option value="Lithuania">Lithuania</option>
                                                    <option value="Luxembourg">Luxembourg</option>
                                                    <option value="Macau">Macau</option>
                                                    <option value="Macedonia">Macedonia</option>
                                                    <option value="Madagascar">Madagascar</option>
                                                    <option value="Malaysia">Malaysia</option>
                                                    <option value="Malawi">Malawi</option>
                                                    <option value="Maldives">Maldives</option>
                                                    <option value="Mali">Mali</option>
                                                    <option value="Malta">Malta</option>
                                                    <option value="Marshall Islands">Marshall Islands</option>
                                                    <option value="Martinique">Martinique</option>
                                                    <option value="Mauritania">Mauritania</option>
                                                    <option value="Mauritius">Mauritius</option>
                                                    <option value="Mayotte">Mayotte</option>
                                                    <option value="Mexico">Mexico</option>
                                                    <option value="Midway Islands">Midway Islands</option>
                                                    <option value="Moldova">Moldova</option>
                                                    <option value="Monaco">Monaco</option>
                                                    <option value="Mongolia">Mongolia</option>
                                                    <option value="Montserrat">Montserrat</option>
                                                    <option value="Morocco">Morocco</option>
                                                    <option value="Mozambique">Mozambique</option>
                                                    <option value="Myanmar">Myanmar</option>
                                                    <option value="Nambia">Nambia</option>
                                                    <option value="Nauru">Nauru</option>
                                                    <option value="Nepal">Nepal</option>
                                                    <option value="Netherland Antilles">Netherland Antilles</option>
                                                    <option value="Netherlands">Netherlands (Holland, Europe)</option>
                                                    <option value="Nevis">Nevis</option>
                                                    <option value="New Caledonia">New Caledonia</option>
                                                    <option value="New Zealand">New Zealand</option>
                                                    <option value="Nicaragua">Nicaragua</option>
                                                    <option value="Niger">Niger</option>
                                                    <option value="Nigeria">Nigeria</option>
                                                    <option value="Niue">Niue</option>
                                                    <option value="Norfolk Island">Norfolk Island</option>
                                                    <option value="Norway">Norway</option>
                                                    <option value="Oman">Oman</option>
                                                    <option value="Pakistan" selected>Pakistan</option>
                                                    <option value="Palau Island">Palau Island</option>
                                                    <option value="Palestine">Palestine</option>
                                                    <option value="Panama">Panama</option>
                                                    <option value="Papua New Guinea">Papua New Guinea</option>
                                                    <option value="Paraguay">Paraguay</option>
                                                    <option value="Peru">Peru</option>
                                                    <option value="Phillipines">Philippines</option>
                                                    <option value="Pitcairn Island">Pitcairn Island</option>
                                                    <option value="Poland">Poland</option>
                                                    <option value="Portugal">Portugal</option>
                                                    <option value="Puerto Rico">Puerto Rico</option>
                                                    <option value="Qatar">Qatar</option>
                                                    <option value="Republic of Montenegro">Republic of Montenegro</option>
                                                    <option value="Republic of Serbia">Republic of Serbia</option>
                                                    <option value="Reunion">Reunion</option>
                                                    <option value="Romania">Romania</option>
                                                    <option value="Russia">Russia</option>
                                                    <option value="Rwanda">Rwanda</option>
                                                    <option value="St Barthelemy">St Barthelemy</option>
                                                    <option value="St Eustatius">St Eustatius</option>
                                                    <option value="St Helena">St Helena</option>
                                                    <option value="St Kitts-Nevis">St Kitts-Nevis</option>
                                                    <option value="St Lucia">St Lucia</option>
                                                    <option value="St Maarten">St Maarten</option>
                                                    <option value="St Pierre & Miquelon">St Pierre & Miquelon</option>
                                                    <option value="St Vincent & Grenadines">St Vincent & Grenadines</option>
                                                    <option value="Saipan">Saipan</option>
                                                    <option value="Samoa">Samoa</option>
                                                    <option value="Samoa American">Samoa American</option>
                                                    <option value="San Marino">San Marino</option>
                                                    <option value="Sao Tome & Principe">Sao Tome & Principe</option>
                                                    <option value="Saudi Arabia">Saudi Arabia</option>
                                                    <option value="Senegal">Senegal</option>
                                                    <option value="Seychelles">Seychelles</option>
                                                    <option value="Sierra Leone">Sierra Leone</option>
                                                    <option value="Singapore">Singapore</option>
                                                    <option value="Slovakia">Slovakia</option>
                                                    <option value="Slovenia">Slovenia</option>
                                                    <option value="Solomon Islands">Solomon Islands</option>
                                                    <option value="Somalia">Somalia</option>
                                                    <option value="South Africa">South Africa</option>
                                                    <option value="Spain">Spain</option>
                                                    <option value="Sri Lanka">Sri Lanka</option>
                                                    <option value="Sudan">Sudan</option>
                                                    <option value="Suriname">Suriname</option>
                                                    <option value="Swaziland">Swaziland</option>
                                                    <option value="Sweden">Sweden</option>
                                                    <option value="Switzerland">Switzerland</option>
                                                    <option value="Syria">Syria</option>
                                                    <option value="Tahiti">Tahiti</option>
                                                    <option value="Taiwan">Taiwan</option>
                                                    <option value="Tajikistan">Tajikistan</option>
                                                    <option value="Tanzania">Tanzania</option>
                                                    <option value="Thailand">Thailand</option>
                                                    <option value="Togo">Togo</option>
                                                    <option value="Tokelau">Tokelau</option>
                                                    <option value="Tonga">Tonga</option>
                                                    <option value="Trinidad & Tobago">Trinidad & Tobago</option>
                                                    <option value="Tunisia">Tunisia</option>
                                                    <option value="Turkey">Turkey</option>
                                                    <option value="Turkmenistan">Turkmenistan</option>
                                                    <option value="Turks & Caicos Is">Turks & Caicos Is</option>
                                                    <option value="Tuvalu">Tuvalu</option>
                                                    <option value="Uganda">Uganda</option>
                                                    <option value="United Kingdom">United Kingdom</option>
                                                    <option value="Ukraine">Ukraine</option>
                                                    <option value="United Arab Erimates">United Arab Emirates</option>
                                                    <option value="United States of America">United States of America</option>
                                                    <option value="Uraguay">Uruguay</option>
                                                    <option value="Uzbekistan">Uzbekistan</option>
                                                    <option value="Vanuatu">Vanuatu</option>
                                                    <option value="Vatican City State">Vatican City State</option>
                                                    <option value="Venezuela">Venezuela</option>
                                                    <option value="Vietnam">Vietnam</option>
                                                    <option value="Virgin Islands (Brit)">Virgin Islands (Brit)</option>
                                                    <option value="Virgin Islands (USA)">Virgin Islands (USA)</option>
                                                    <option value="Wake Island">Wake Island</option>
                                                    <option value="Wallis & Futana Is">Wallis & Futana Is</option>
                                                    <option value="Yemen">Yemen</option>
                                                    <option value="Zaire">Zaire</option>
                                                    <option value="Zambia">Zambia</option>
                                                    <option value="Zimbabwe">Zimbabwe</option>
                                                 </select>

                                            </div>
                                        </div>
                                          <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="cast">Cast</label>
                                                <input type="text" class="form-control" name="cast" id="cast" value="{{$member->cast}}" placeholder="Enter Cast">


                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="any_disabilty" style="display: inline-flex;">Any Disablity  <input style="margin-top: 14px;margin-left: 10px;" type="checkbox" name="any_disabilty" id="any_disabilty" class="form-control" placeholder="Any Physical Disablity"></label>

                                            <div id="disabilty_input" class="form-group d-none">
                                                <input type="text" name="disabilty" id="disabilty" class="form-control" placeholder="Enter Physical Disablity"  value="{{$member->disabilty}}">
                                            </div>
                                        </div>
                                         <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="Chronic Disease">Chronic Disease</label>
                                                <input type="text" name="chronic_disease" id="chronic_disease" class="form-control" value="{{$member->chronic_disease}}" placeholder="Any Chronic Disease">
                                            </div>
                                        </div>
                                         <div class="col-md-6" >
                                            <div class="form-group">
                                                <label for="reside_where">Reside Where*</label>
                                                <select name="reside_where" class="form-control" id="reside_where" required>
                                                @if ($member->reside_where == "Own House")
                                                    <option value="Own House" seleted>Own House</option>
                                                <option value="On Rent">On Rent</option>
                                                <option value="Father House">Father House</option>
                                                @elseif($member->reside_where == "On Rent")
                                                <option value="Own House" >Own House</option>
                                                <option value="On Rent" seleted>On Rent</option>
                                                <option value="Father House">Father House</option>
                                                @elseif($member->reside_where == "Own House")
                                                    <option value="Own House" >Own House</option>
                                                <option value="On Rent" >On Rent</option>
                                                <option value="Father House" seleted>Father House</option>
                                                @else

                                                <option value="">-Select-</option>
                                                <option value="Own House">Own House</option>
                                                <option value="On Rent">On Rent</option>
                                                <option value="Father House">Father House</option>
                                                @endif

                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6" >
                                            <div class="form-group">
                                                <label for="street_no">Area*</label>
                                                <select name="area_no" id="area_no" class="select2 form-control" required>
                                                    @foreach($areas as $area)
                                                        @if($member->area_no == $area->name)
                                                            <option value="{{$area->name}}" selected>{{$area->name}}</option>
                                                        @else
                                                            <option value="{{$area->name}}">{{$area->name}}</option>
                                                        @endif
                                                    @endforeach
                                                </select>

                                            </div>
                                            <div class="d-none" id="other_area">
                                                <div class="form-group">
                                                    <input type="text" name="area_name" id="area_name" class="form-control" placeholder="New Area">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <h4 class="mt-1 mb-1">Permanent (Living) Address</h4>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="perm_house">House / Flat #*</label>
                                                <input type="text" id="perm_house" class="form-control perm-addr" placeholder="House / Flat #" name="perm_house" value="{{$member->perm_house}}" required>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="perm_street">Street / Block*</label>
                                                <input type="text" id="perm_street" class="form-control perm-addr" placeholder="Street / Block" name="perm_street" value="{{$member->perm_street}}" required>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="perm_area">Area / Sector</label>
                                                <input type="text" id="perm_area" class="form-control perm-addr" placeholder="Area / Sector" name="perm_area" value="{{$member->perm_area}}">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="perm_city">City*</label>
                                                <select id="perm_city" class="form-control perm-addr" name="perm_city" required>
                                                    <option value="">-Select-</option>
                                                    @foreach ($cities as $city)
                                                    <option value="{{$city->name}}" {{ $member->perm_city==$city->name ? 'selected' : '' }}>{{$city->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-12">
                                            <h4 class="mt-1 mb-1">CNIC Address
                                                <label style="font-weight: normal; font-size: 0.9rem; margin-left: 10px;">
                                                    <input type="checkbox" id="same_as_perm"> Same as permanent
                                                </label>
                                            </h4>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="cnic_house">House / Flat #</label>
                                                <input type="text" id="cnic_house" class="form-control cnic-addr" placeholder="House / Flat #" name="cnic_house" value="{{$member->cnic_house}}">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="cnic_street">Street / Block</label>
                                                <input type="text" id="cnic_street" class="form-control cnic-addr" placeholder="Street / Block" name="cnic_street" value="{{$member->cnic_street}}">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="cnic_area">Area / Sector</label>
                                                <input type="text" id="cnic_area" class="form-control cnic-addr" placeholder="Area / Sector" name="cnic_area" value="{{$member->cnic_area}}">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="cnic_city">City</label>
                                                <select id="cnic_city" class="form-control cnic-addr" name="cnic_city">
                                                    <option value="">-Select-</option>
                                                    @foreach ($cities as $city)
                                                    <option value="{{$city->name}}" {{ $member->cnic_city==$city->name ? 'selected' : '' }}>{{$city->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                    </div>

                                </div>
                                <div class="form-actions">

                                    <button type="submit" class="btn btn-primary">
                                        <i class="la la-check-square-o"></i> Update
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>


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

    <!-- Camera Capture Modal -->
    <div class="modal fade" id="cameraModal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header bg-primary white">
                    <h4 class="modal-title white">Capture Photo</h4>
                    <button type="button" class="close" id="camera_close_x" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body text-center">
                    <div id="camera_error" class="alert alert-danger" style="display:none;"></div>
                    <video id="camera_video" autoplay playsinline muted style="width:100%; max-height:420px; background:#000; border-radius:6px;"></video>
                    <canvas id="camera_canvas" style="display:none;"></canvas>
                    <img id="camera_shot" style="display:none; max-width:100%; max-height:420px; border-radius:6px;" />
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" id="camera_switch"><i class="la la-refresh"></i> Switch Camera</button>
                    <button type="button" class="btn btn-primary" id="camera_capture"><i class="la la-camera"></i> Capture</button>
                    <button type="button" class="btn btn-warning" id="camera_retake" style="display:none;"><i class="la la-undo"></i> Retake</button>
                    <button type="button" class="btn btn-success" id="camera_use" style="display:none;"><i class="la la-check"></i> Use Photo</button>
                    <button type="button" class="btn btn-outline-secondary" id="camera_cancel">Close</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('css')
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/forms/icheck/custom.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/forms/icheck/icheck.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/forms/selects/select2.min.css')}}">
@endsection
@section('js')
    <script src="{{asset('app-assets/vendors/js/forms/select/select2.full.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('app-assets/vendors/js/forms/validation/jquery.validate.min.js')}}" type="text/javascript"></script>

    <script src="{{asset('app-assets/vendors/js/forms/validation/additional-methods.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('app-assets/vendors/js/forms/extended/inputmask/jquery.inputmask.bundle.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/datatable_buttons.js')}}" type="text/javascript"></script>
    <script src="{{asset('app-assets/vendors/js/extensions/toastr.min.js')}}" type="text/javascript"></script>


    <script type="text/javascript">
    function married_show(param){
        console.log(param);
        if (param.value != 0) {
            document.getElementById('married_where_div').style.display = "none";
            $('#add_huband_div').addClass('d-none');

        }else{
            document.getElementById('married_where_div').style.display = "block";
            document.getElementById("married_where").required = true;
            var gender_id = document.getElementById('gender').value;
            if(gender_id == 1){
                $('#add_huband_div').removeClass('d-none');

            }


        }
    }
        $(document).ready(function() {

            $('#cnic').inputmask("99999-9999999-9");
            $('#phone').inputmask("9999-9999999");
            $('#mobile_number').inputmask("9999-9999999");
            $('#whatsapp_number').inputmask("9999-9999999");

            function copyPermToCnic(){
                $('.perm-addr').each(function(){
                    var id = $(this).attr('id').replace('perm_','cnic_');
                    $('#'+id).val($(this).val());
                });
            }
            function lockCnic(locked){
                $('.cnic-addr').each(function(){
                    if(this.tagName === 'SELECT'){
                        $(this).css('pointer-events', locked ? 'none' : '').css('background-color', locked ? '#eef' : '');
                    } else {
                        $(this).prop('readonly', locked);
                    }
                });
            }
            $('#same_as_perm').on('change', function(){
                if($(this).is(':checked')){
                    copyPermToCnic();
                    lockCnic(true);
                } else {
                    lockCnic(false);
                }
            });
            $('.perm-addr').on('input change', function(){
                if($('#same_as_perm').is(':checked')){ copyPermToCnic(); }
            });

            $('#area_no').prepend('<option value="" selected="selected"></option>').append('<option value="Other">Other</option>').select2({
                width: '100%',
                placeholder: 'Select Area*',
            }).bind('change', function() {
                if ($(this).val() === 'Other') {
                    $('#other_area').removeClass('d-none');
                }
                else{
                    $('#other_area').addClass('d-none');
                }
            });

            $('#add_father').prepend('<option value="" selected="selected"></option>').select2({
                width: '100%',
                placeholder: 'Select Father',
            });

            $('#add_husband').prepend('<option value="" selected="selected"></option>').select2({
                width: '100%',
                placeholder: 'Select Husband',
            });

            var father_id = @json($member->father_id);
            if(father_id){
                $('#add_father').val(father_id).trigger('change');
            }

            var husband_id = @json($member->partner_id);
            if(husband_id){
                $('#add_husband').val(husband_id).trigger('change');
            }


            $('input[name="minor"]').click(function(){
                if($(this).prop("checked") == true){
                    // $("#cnic_input").addClass('d-none');
                    $('#cnic').prop('required',false);

                }
                else if($(this).prop("checked") == false){
                    // $("#cnic_input").removeClass('d-none');
                    $('#cnic').prop('required',true);

                }
            });

            var gender_id = @json($member->gender);
            var maritial_status_id = @json($member->maritial_status);
            if(gender_id == 1 && maritial_status_id == 0){
                $('#add_huband_div').removeClass('d-none');

            }else{
                $('#add_huband_div').addClass('d-none');

            }
            $("#gender").change(function(){
                if($(this).val() == 1 && $('#maritial_status').val() == 0){
                    $('#add_huband_div').removeClass('d-none');

                }else{
                    $('#add_huband_div').addClass('d-none');

                }
            });

            $('input[name="any_disabilty"]').click(function(){
                if($(this).prop("checked") == true){
                    $("#disabilty_input").removeClass('d-none');
                    $('#disabilty').prop('required',true);

                }
                else if($(this).prop("checked") == false){
                    $("#disabilty_input").addClass('d-none');
                    $('#disabilty').prop('required',false);

                }
            });

            var disabilty = @json($member->disabilty);
            if(disabilty == null){
                $("#disabilty_input").addClass('d-none');
                $('#disabilty').prop('required',false);
                $('#any_disabilty').prop('checked', false);

            }else{
                $('#disabilty_input').removeClass('d-none');
                $('#disabilty').prop('required',true);

                $('#any_disabilty').prop('checked', true);
            }

            var cnic_id = @json($member->cnic);
            if(cnic_id == null){
                $('#minor').prop('checked', true);
                // $("#cnic_input").addClass('d-none');
                    $('#cnic').prop('required',false);
            }else{
                $('#minor').prop('checked', false);
                // $("#cnic_input").removeClass('d-none');
                    $('#cnic').prop('required',true);

            }

        });


    </script>

    <script type="text/javascript">
    // In-browser camera capture -> writes the still image into the target file input.
    // Works on desktop Chrome/Edge/Firefox and Safari (Mac/Windows tablets) where the
    // native file picker does not expose the camera. Requires HTTPS (or localhost).
    (function () {
        var stream = null;
        var facing = 'user';
        var targetId = null;

        var video = document.getElementById('camera_video');
        var canvas = document.getElementById('camera_canvas');
        var shot = document.getElementById('camera_shot');
        var errorBox = document.getElementById('camera_error');

        var btnCapture = document.getElementById('camera_capture');
        var btnRetake = document.getElementById('camera_retake');
        var btnUse = document.getElementById('camera_use');
        var btnSwitch = document.getElementById('camera_switch');

        function showError(msg) {
            errorBox.style.display = 'block';
            errorBox.textContent = msg;
        }

        function stopStream() {
            if (stream) {
                stream.getTracks().forEach(function (t) { t.stop(); });
                stream = null;
            }
        }

        function startStream() {
            errorBox.style.display = 'none';
            stopStream();

            if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
                showError('Camera is not supported by this browser. Please make sure the site is opened over HTTPS.');
                return;
            }

            navigator.mediaDevices.getUserMedia({ video: { facingMode: facing }, audio: false })
                .then(function (s) {
                    stream = s;
                    video.srcObject = s;
                    video.style.display = 'block';
                    shot.style.display = 'none';
                    btnCapture.style.display = 'inline-block';
                    btnSwitch.style.display = 'inline-block';
                    btnRetake.style.display = 'none';
                    btnUse.style.display = 'none';
                })
                .catch(function (err) {
                    showError('Unable to access camera: ' + err.name + '. Please allow camera permission.');
                });
        }

        // Open modal for a given input.
        $('body').on('click', 'button.camera-btn', function () {
            targetId = $(this).data('target');
            facing = $(this).data('facing') || 'user';
            $('#cameraModal').modal('show');
            startStream();
        });

        btnSwitch.addEventListener('click', function () {
            facing = (facing === 'user') ? 'environment' : 'user';
            startStream();
        });

        btnCapture.addEventListener('click', function () {
            if (!stream) return;
            canvas.width = video.videoWidth;
            canvas.height = video.videoHeight;
            canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height);
            shot.src = canvas.toDataURL('image/jpeg', 0.9);

            video.style.display = 'none';
            shot.style.display = 'block';
            btnCapture.style.display = 'none';
            btnSwitch.style.display = 'none';
            btnRetake.style.display = 'inline-block';
            btnUse.style.display = 'inline-block';
        });

        btnRetake.addEventListener('click', function () {
            startStream();
        });

        btnUse.addEventListener('click', function () {
            canvas.toBlob(function (blob) {
                var file = new File([blob], 'camera_' + Date.now() + '.jpg', { type: 'image/jpeg' });
                var input = document.getElementById(targetId);

                // Assign the captured file to the existing file input.
                var dt = new DataTransfer();
                dt.items.add(file);
                input.files = dt.files;
                // Trigger change in case other handlers listen for it.
                input.dispatchEvent(new Event('change', { bubbles: true }));

                // Show a small preview under the input.
                var preview = document.getElementById('preview_' + targetId);
                if (preview) {
                    preview.innerHTML = '<img src="' + shot.src + '" style="width:90px;height:90px;object-fit:cover;border:1px solid #ccc;border-radius:4px;"> ' +
                        '<span class="text-success"><i class="la la-check"></i> Captured</span>';
                }

                closeCamera();
            }, 'image/jpeg', 0.9);
        });

        function closeCamera() {
            stopStream();
            $('#cameraModal').modal('hide');
        }

        document.getElementById('camera_cancel').addEventListener('click', closeCamera);
        document.getElementById('camera_close_x').addEventListener('click', closeCamera);
        $('#cameraModal').on('hidden.bs.modal', stopStream);
    })();
    </script>

@endsection