@extends('frontend.master')
@section('BodyId')
    onload="createCaptcha()"
@endsection
@section('right')

    <div class="card right_side" @if(isset($citizen)) style="display: none" @endif>
        <div class="card-body text-center" style="background: #fff; height: 80rem;">
            <div class="main_body col-sm-12 col-md-8 character_sonod">
                <div class="card-header text-center right_side-header">
                    নাগরিকত্ব/পরিচয় পত্র
                </div>
                <div class="character1-page">
                    <div class="body_text">
                        <p class="card-text">নাগরিকত্ব/পরিচয় পত্র পেতে আপনার সঠিক তথ্য দিন, সিস্টেমে আপনার তথ্য না পাওয়া গেলে নাগরিক আবেদন থেকে আবেদন করুন</p>
                    </div>
                    <form method="POST" action="{{ route('identity.citizen-find') }}" class="row g-3 needs-validation" onsubmit="validateCaptcha()" novalidate>
                        @csrf
                        <div class="form-group row mb-3">
                            <label for="personal_info" class="form-label float-start">জন্ম নিবন্ধন অথবা এনআইডি কার্ড (ইংরেজিতে)</label>
                            <div class="input-group inputs">
                                <span class="input-group-text icons"><i class="fa-solid fa-id-card"></i></span>
                                <input required class="form-control DisableSpace" name="personal_info" id="personal_info" type="text" placeholder="NID / Birth Reg Number...">
                                <div class="invalid-feedback text-start float-start">ন্যাশনাল আইডি নং দিন</div>
                            </div>
                        </div>
                        <div class="form-group row mb-3">
                            <label for="date_of_birth" class="form-label float-start">জম্ম তারিখ<span class="required">*</span></label>
                            <div class="input-group inputs">
                                <span class="input-group-text icons"><i class="fa-solid fa-birthday-cake"></i></span>
                                <select required class="form-select" name="day" aria-label="Default select example">
                                    <option value="" selected="" disabled="" data-select2-id="2">দিন</option>
                                    <option value="01">01</option>
                                    <option value="02">02</option>
                                    <option value="03">03</option>
                                    <option value="04">04</option>
                                    <option value="05">05</option>
                                    <option value="06">06</option>
                                    <option value="07">07</option>
                                    <option value="08">08</option>
                                    <option value="09">09</option>
                                    <option value="10">10</option>
                                    <option value="11">11</option>
                                    <option value="12">12</option>
                                    <option value="13">13</option>
                                    <option value="14">14</option>
                                    <option value="15">15</option>
                                    <option value="16">16</option>
                                    <option value="17">17</option>
                                    <option value="18">18</option>
                                    <option value="19">19</option>
                                    <option value="20">20</option>
                                    <option value="21">21</option>
                                    <option value="22">22</option>
                                    <option value="23">23</option>
                                    <option value="24">24</option>
                                    <option value="25">25</option>
                                    <option value="26">26</option>
                                    <option value="27">27</option>
                                    <option value="28">28</option>
                                    <option value="29">29</option>
                                    <option value="30">30</option>
                                    <option value="31">31</option>
                                </select>
                                <span class="text-danger"> </span>
                                <select required class="form-select" name="month" style="margin: 0 1rem;" aria-label="Default select example">
                                    <option value="" selected="" disabled="" data-select2-id="4">মাস</option>
                                    <option value="01">জানুয়ারী</option>
                                    <option value="02">ফেব্রুয়ারী</option>
                                    <option value="03">মার্চ</option>
                                    <option value="04">এপ্রিল</option>
                                    <option value="05">মে</option>
                                    <option value="06">জুন</option>
                                    <option value="07">জুলাই</option>
                                    <option value="08">আগস্ট</option>
                                    <option value="09">সেপ্টেম্বর</option>
                                    <option value="10">অক্টোবর</option>
                                    <option value="11">নভেম্বর</option>
                                    <option value="12">ডিসেম্বর</option>
                                </select>
                                <span class="text-danger"> </span>
                                <select required name="year" class="form-select" aria-label="Default select example">
                                    <option value="" selected="" disabled="">বছর</option>
                                    <option value='1900'>1900</option><option value='1901'>1901</option><option value='1902'>1902</option><option value='1903'>1903</option><option value='1904'>1904</option><option value='1905'>1905</option><option value='1906'>1906</option><option value='1907'>1907</option><option value='1908'>1908</option><option value='1909'>1909</option><option value='1910'>1910</option><option value='1911'>1911</option><option value='1912'>1912</option><option value='1913'>1913</option><option value='1914'>1914</option><option value='1915'>1915</option><option value='1916'>1916</option><option value='1917'>1917</option><option value='1918'>1918</option><option value='1919'>1919</option><option value='1920'>1920</option><option value='1921'>1921</option><option value='1922'>1922</option><option value='1923'>1923</option><option value='1924'>1924</option><option value='1925'>1925</option><option value='1926'>1926</option><option value='1927'>1927</option><option value='1928'>1928</option><option value='1929'>1929</option><option value='1930'>1930</option><option value='1931'>1931</option><option value='1932'>1932</option><option value='1933'>1933</option><option value='1934'>1934</option><option value='1935'>1935</option><option value='1936'>1936</option><option value='1937'>1937</option><option value='1938'>1938</option><option value='1939'>1939</option><option value='1940'>1940</option><option value='1941'>1941</option><option value='1942'>1942</option><option value='1943'>1943</option><option value='1944'>1944</option><option value='1945'>1945</option><option value='1946'>1946</option><option value='1947'>1947</option><option value='1948'>1948</option><option value='1949'>1949</option><option value='1950'>1950</option><option value='1951'>1951</option><option value='1952'>1952</option><option value='1953'>1953</option><option value='1954'>1954</option><option value='1955'>1955</option><option value='1956'>1956</option><option value='1957'>1957</option><option value='1958'>1958</option><option value='1959'>1959</option><option value='1960'>1960</option><option value='1961'>1961</option><option value='1962'>1962</option><option value='1963'>1963</option><option value='1964'>1964</option><option value='1965'>1965</option><option value='1966'>1966</option><option value='1967'>1967</option><option value='1968'>1968</option><option value='1969'>1969</option><option value='1970'>1970</option><option value='1971'>1971</option><option value='1972'>1972</option><option value='1973'>1973</option><option value='1974'>1974</option><option value='1975'>1975</option><option value='1976'>1976</option><option value='1977'>1977</option><option value='1978'>1978</option><option value='1979'>1979</option><option value='1980'>1980</option><option value='1981'>1981</option><option value='1982'>1982</option><option value='1983'>1983</option><option value='1984'>1984</option><option value='1985'>1985</option><option value='1986'>1986</option><option value='1987'>1987</option><option value='1988'>1988</option><option value='1989'>1989</option><option value='1990'>1990</option><option value='1991'>1991</option><option value='1992'>1992</option><option value='1993'>1993</option><option value='1994'>1994</option><option value='1995'>1995</option><option value='1996'>1996</option><option value='1997'>1997</option><option value='1998'>1998</option><option value='1999'>1999</option><option value='2000'>2000</option><option value='2001'>2001</option><option value='2002'>2002</option><option value='2003'>2003</option><option value='2004'>2004</option><option value='2005'>2005</option><option value='2006'>2006</option><option value='2007'>2007</option><option value='2008'>2008</option><option value='2009'>2009</option><option value='2010'>2010</option><option value='2011'>2011</option><option value='2012'>2012</option><option value='2013'>2013</option><option value='2014'>2014</option><option value='2015'>2015</option><option value='2016'>2016</option><option value='2017'>2017</option><option value='2018'>2018</option><option value='2019'>2019</option><option value='2020'>2020</option><option value='2021'>2021</option><option value='2022'>2022</option><option value='2023'>2023</option><option value='2024'>2024</option><option value='2025'>2025</option><option value='2026'selected="selected">2026</option>                                </select>
                                <span class="text-danger"> </span>
                                <div class="invalid-feedback text-start float-start">
                                    জম্ম তারিখ দিন
                                </div>
                            </div>
                        </div>
                        <div class="body_texts text-start">
                            <h2 class="card-text">ক্যাপচা টাইপ করুন</h2>
                        </div>

                        <div class="col-12 varifai" style="padding-bottom: 1rem;">
                            <div class="row mb-3" style="align-items: center;">
                                <label for="inputEmail3" class="col-md-4 col-form-label"><span id="captcha"></span></label>
                                <div class="col-sm-4">
                                    <input class="form-control" id="cpatchaTextBox" name="holding_no" autocomplete="off" type="text">
                                    <div class="text-start float-start"><span class="text-danger" id="Invalid"></span></div>
                                </div>
                            </div>
                            <button type="submit" class="btn col-sm-4 float-end btn-primary">পরবর্তী পদক্ষেপ</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    @if(isset($citizen))
        <div class="card-body text-center" style="background: #fff; min-height: 80rem;">

            <div class="main_body col-md-8 character_sonod">
                <div class="card-header text-center right_side-header">
                    নাগরিকত্ব/পরিচয় পত্র
                </div>
                <!--============ poroborti podokkzep ===========-->
                <div class="card-body character2-page poroborti_pod">
                    <div class="logos">
                        <div>
                            <img class="img_1" id="image" alt="" src="{{ asset($citizen->pictures) }}">
                            <div class="text-start">
                                <table class="table table-hover">
                                    <tbody>
                                    <tr>
                                        <th scope="row">নাম</th>
                                        <td colspan="2">{{ $citizen->bangla_name }}</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">পিতা / স্বামীর নাম</th>
                                        <td colspan="2">{{ $citizen->bn_Husband_name != null ? $citizen->bn_Husband_name : $citizen->bn_father_name }}</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">মাতার নাম</th>
                                        <td colspan="2">{{ $citizen->bn_mother_name }}</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">হোল্ডিং নম্বর</th>
                                        <td colspan="2">{{ $citizen->holding_no }}</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">মোবাইল</th>
                                        <td colspan="2" id="number">{{ $citizen->phone }}</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">ঠিকানা</th>
                                        <td colspan="2">{{ $citizen->p_bn_address }}, {{ $citizen->p_bn_word }} নম্বর ওয়ার্ড, {{ $citizen->p_bn_code }}, {{ $citizen->p_upazila->bn_name }}, {{ $citizen->p_district->bn_name }}</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            @if($services_without_tax == 0 && $tax->payment_status != 1)
                                <div class="card nutis-text text-start">
                                    <div class="card-body">
                                        <div class="nutis-header">
                                            <i class="fa-solid fa-ban"></i>
                                            নোটিশ:
                                        </div>
                                        <blockquote class="blockquote mb-0">
                                            <p>দুঃখিত! আপনার হোল্ডিং ট্যাক্স পরিশোধ না থাকায় কোন প্রকার সেবা প্রদান সম্ভব হচ্ছে না, অনুগ্রহ করে হোল্ডিং ট্যাক্স পরিশোধ করে পূনরায় চেষ্টা করুন। অনলাইন (নগদ মোবাইল ব্যাংকিং) এর মাধ্যমে কিভাবে হোল্ডিং ট্যাক্স পরিশোধ করবেন জানতে </p>
                                            <a href="{{ route('holding-tax') }}">এখানে ক্লিক করুন</a>
                                        </blockquote>
                                    </div>
                                </div>
                            @else
                                <div class="nibondhon">
                                    <form data-action="{{ route('citizen.number-update', $citizen->id) }}" method="POST" class="needs-validation col-md-10 m-auto citizen-number" id="citizen-number-update">
                                        @csrf
                                        <div class="mb-3">
                                            <label for="phone" class="form-label">মোবাইল<span class="required">*</span></label>
                                            <div class="custom-file">
                                                <div class="input-group inputs">
                                                    <span class="input-group-text icons"><i class="fa-solid fa-photo-video"></i></span>
                                                    <input type="tel" name="phone" value="{{ $citizen->phone }}" minlength="11" maxlength="11" class="custom-file-input form-control isNaN DisableSpace" required id="phone">
                                                    <button type="submit" class="btn btn-success btn-sm disabled_button">আপডেট</button>
                                                    <div class="invalid-feedback">মোবাইল</div>
                                                </div>
                                                <span class="text-danger invalidNumber"></span>
                                            </div>
                                            <span class="text-danger">{{ $errors->has('phone') ? $errors->first('phone') : ' ' }}</span>
                                        </div>
                                    </form>
                                    @if($citizen->pictures == null || $citizen->pictures == '' || $citizen->pictures == 'dummy.jpg')
                                        <form data-action="{{ route('citizen.image-upload', $citizen->id) }}" method="POST" class="needs-validation col-md-10 m-auto citizen-image-form" enctype="multipart/form-data" id="citizen-image-upload">
                                            @csrf
                                            <div class="mb-3">
                                                <label for="pictures" class="form-label">ছবি<span class="required">* (পাসপোর্ট সাইজ অফিসিয়াল ছবি)</span></label>
                                                <div class="custom-file">
                                                    <div class="input-group inputs">
                                                        <span class="input-group-text icons"><i class="fa-solid fa-photo-video"></i></span>
                                                        <input type="file" accept="image/*" name="pictures" class="custom-file-input form-control" required id="pictures">
                                                        <button type="submit" class="btn btn-success btn-sm">আপডেট</button>
                                                        <div class="invalid-feedback">ছবি দিন</div>
                                                    </div>
                                                </div>
                                                <span class="text-danger">{{ $errors->has('pictures') ? $errors->first('pictures') : ' ' }}</span>
                                            </div>
                                        </form>
                                    @endif
                                    <div class="other_info" style="display: @if($citizen->pictures == null || $citizen->pictures == '' || $citizen->pictures == 'dummy.jpg') none @else block @endif">
                                        @if($citizen->en_mother_name == null || $citizen->p_en_address == null || $citizen->perma_en_address == null)
                                        <form onsubmit="submit_citizen_info()" method="POST" id="info_update" class="needs-validation col-md-10 m-auto citizen-form" novalidate>
                                            @csrf
                                            <div class="">
                                                @if($citizen->bn_Husband_name != null)
                                                    <div class="mb-3">
                                                        <label for="en_Husband_name" class="form-label">স্বামীর নাম (ইংরেজিতে)</label>
                                                        <div class="input-group inputs">
                                                            <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                                            <input required="" class="form-control" name="en_Husband_name" value="{{ $citizen->en_Husband_name }}" type="text" id="en_Husband_name" placeholder="English husband name...">
                                                            <div class="invalid-feedback">পিতার নাম দিন</div>
                                                        </div>
                                                    </div>
                                                @else
                                                    <div class="mb-3">
                                                        <label for="en_father_name" class="form-label">পিতার নাম (ইংরেজিতে)</label>
                                                        <div class="input-group inputs">
                                                            <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                                            <input required="" class="form-control" name="en_father_name" value="{{ $citizen->en_father_name }}" type="text" id="en_father_name" placeholder="English father name...">
                                                            <div class="invalid-feedback">পিতার নাম দিন</div>
                                                        </div>
                                                    </div>
                                                @endif
                                                <div class="mb-3">
                                                    <label for="en_mother_name" class="form-label">মাতার নাম (ইংরেজিতে) </label>
                                                    <div class="input-group inputs">
                                                        <span class="input-group-text icons"><i class="fa-solid fa-file-signature"></i></span>
                                                        <input required="" class="form-control" name="en_mother_name" value="{{ $citizen->en_mother_name }}" type="text" id="en_mother_name" placeholder="English mother name...">
                                                        <div class="invalid-feedback">মাতার নাম দিন</div>
                                                    </div>
                                                </div>
                                                @if($citizen->sameaspresentaddress == 1)
                                                    <div class="form-group mb-3">
                                                        <label for="p_en_address" class="form-label">বর্তমান পাড়া/মহল্লা (ইংরেজিতে)<span class="required">*</span></label>
                                                        <div class="input-group inputs">
                                                            <span class="input-group-text icons"><i class="fa-sharp fa-solid fa-chart-area"></i></span>
                                                            <input required="" class="form-control" name="p_en_address" value="{{ $citizen->p_en_address }}" id="p_en_address" type="text" placeholder="Neighbourhood/Mahalla">
                                                            <div class="invalid-feedback">পাড়া/মহল্লা দিন</div>
                                                        </div>
                                                    </div>
                                                @else
                                                    <div class="form-group mb-3">
                                                        <label for="p_en_address" class="form-label">বর্তমান পাড়া/মহল্লা (ইংরেজিতে)<span class="required">*</span></label>
                                                        <div class="input-group inputs">
                                                            <span class="input-group-text icons"><i class="fa-sharp fa-solid fa-chart-area"></i></span>
                                                            <input required="" class="form-control" name="p_en_address" value="{{ $citizen->p_en_address }}" id="p_en_address" type="text" placeholder="Neighbourhood/Mahalla">
                                                            <div class="invalid-feedback">পাড়া/মহল্লা দিন</div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group mb-3">
                                                        <label for="perma_en_address" class="form-label">স্থায়ী পাড়া/মহল্লা (ইংরেজিতে)<span class="required">*</span></label>
                                                        <div class="input-group inputs">
                                                            <span class="input-group-text icons"><i class="fa-sharp fa-solid fa-chart-area"></i></span>
                                                            <input required="" class="form-control" name="perma_en_address" value="{{ $citizen->perma_en_address }}" id="perma_en_address" type="text" placeholder="Neighbourhood/Mahalla">
                                                            <div class="invalid-feedback">পাড়া/মহল্লা দিন</div>
                                                        </div>
                                                    </div>
                                                @endif
                                            </div>
                                            <input type="hidden" id="citizen_id" value="{{ $citizen->id }}"/>
                                            <button type="submit" class="btn col-sm-4 float-center btn-primary" >সাবমিট</button>
                                        </form>
                                    @endif
                                    </div>
                                </div>
                                <div class="show-info" style="display: {{ $citizen->en_mother_name == null ||$citizen->p_en_address == null ||$citizen->perma_en_address == null || $citizen->pictures == null || $citizen->pictures == '' || $citizen->pictures == 'dummy.jpg' ? 'none' : 'block' }}">
                                    <div class="card-title fw-bold text-start fs-1">
                                        সনদ পত্র উঠানোর সম্পন্ন কারণ
                                    </div>
                                    <form action="{{ route('frontend.sanad.store', $citizen->id) }}" method="POST">
                                        @csrf
                                        <div class="card-body language_select">
                                            <div class="form-check">
                                                <textarea class="form-control" name="attachment" rows="4" required></textarea>
                                            </div>
                                            <input type="hidden" name="sanad_type" value="2">
                                        </div>
                                        <div class="card-body NagadPayment poroborti_pod">
                                            <div class="card nutis-text text-start">
                                                <div class="card-body">
                                                    <div class="nutis-header">
                                                        <i class="fa-solid fa-ban"></i>
                                                        নোটিশ:
                                                    </div>
                                                    <blockquote class="blockquote mb-0">
                                                        <p>আপনার সার্টিফিকেট পেতে অনলাইন পেমেন্টের মাধ্যমে {{ $fee }} টাকা + (অনলাইন পেমেন্ট চার্জ {{ $charge }} টাকা) = ({{ $fee+$charge }} টাকা) প্রদান করতে হবে অন্যথায় সার্টিফিকেট পাওয়া যাবে না।</p>
                                                    </blockquote>
                                                </div>
                                            </div>
                                            <div class="card-body">
                                                <p class="card-text fs-1">অনলাইন পেমেন্টের মাধ্যমে প্রদান করুন।</p>
                                                <div class="text-end pt-3">
                                                    <button class="btn btn-primary" type="submit">পেমেন্ট করুন</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif
@endsection

@section('script')
    <script>
        function submit_citizen_info()
        {
            event.preventDefault();
            if($("#en_mother_name").val() == ''  || $("#p_en_address").val() == ''  || $("#en_Husband_name").val() == ''  || $("#en_father_name").val() == ''  || $("#perma_en_address").val() == '')
            {
                return false
            }else {
                var id = $('#citizen_id').val();
                var url = id + '/info-update';
                $.ajax({
                    type: "POST",
                    url: "{{ url('citizen') }}/" + url,
                    data: $('#info_update').serialize(),
                    success: function (res) {
                        toastr.success(res)
                        $('.citizen-form').hide();
                        $('.show-info').show();
                    }
                });
            }
        }
    </script>
@endsection