@include('common.header')

<section class="content">
    <div class="body_scroll">
        <div class="block-header">
            <div class="row">
                <div class="col-lg-7 col-md-6 col-sm-12">
                    <h2>PET Application</h2>
                    <ul class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ url('/admin/dashboard') }}"><i class="zmdi zmdi-home"></i>
                                Home</a></li>
                        <li class="breadcrumb-item active">PET Application</li>
                    </ul>
                    <button class="btn btn-primary btn-icon mobile_menu" type="button"><i
                            class="zmdi zmdi-sort-amount-desc"></i></button>
                </div>

                <div class="col-lg-5 col-md-6 col-sm-12">
                    <button class="btn btn-primary btn-icon float-right right_icon_toggle_btn" type="button"><i
                            class="zmdi zmdi-arrow-right"></i></button>
                </div>
            </div>
        </div>

        <div class="container-fluid">
            <!-- Vertical Layout -->
            <div class="row clearfix">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="card">
                        <div class="body">
                            {{-- <form class="form-horizontal" enctype="multipart/form-data"> --}}
                            @csrf
                            <h5 class="text-blue h5 mb-20" style="font-size: 17px;font-weight: bolder;">Basic
                                Information ( मुलभूत माहिती ) :- </h5>
                            <div class="pd-20 card-box mb-30">
                                <div class="form-group row">
                                    <label class="col-sm-2"><strong>प्रभाग / Ward : </strong></label>
                                    <div class="col-sm-4 col-md-4 pb-2">
                                        <input class="form-control " value="{{ $pet_registration_view->ward_name }}"
                                            readonly>
                                    </div>

                                    <label class="col-sm-2"><strong>विभाग / Department : </strong></label>
                                    <div class="col-sm-4 col-md-4">
                                        <input class="form-control " value="{{ $pet_registration_view->dept_id }}"
                                            readonly>
                                    </div>
                                </div>

                                <strong class="pb-1">अर्जदाराचे नाव /<br> Name of Applicant : </strong>
                                <div class="form-group row">
                                                                        <!--<label class="col-sm-1"><strong>Title : </strong></label>-->
                                    <div class="col-sm-3 col-md-3 p-2">
                                        <input class="form-control " value="{{ $applicant_title_id }}" readonly>
                                    </div>


                                    <!--<label class="col-sm-1"><strong>First Name : </strong></label>-->
                                    <div class="col-sm-3 col-md-3 p-2">
                                        <input class="form-control "
                                            value="{{ $pet_registration_view->applicant_fname }}" readonly>
                                    </div>

                                    <!--<label class="col-sm-1"><strong>Middle Name : </strong></label>-->
                                    <div class="col-sm-3 col-md-3 p-2">
                                        <input class="form-control "
                                            value="{{ $pet_registration_view->applicant_mname }}" readonly>
                                    </div>

                                    <!--<label class="col-sm-1"><strong>Last Name : </strong></label>-->
                                    <div class="col-sm-3 col-md-3 p-2">
                                        <input class="form-control "
                                            value="{{ $pet_registration_view->applicant_lname }}" readonly>
                                    </div>
                                </div>

                                <strong class="pb-1">मालकाचे नाव / <br> Name of Owner's : </strong>
                                <div class="form-group row">
                                                                        <!--<label class="col-sm-1"><strong>Title : </strong></label>-->
                                    <div class="col-sm-3 col-md-3 p-2">
                                        <input class="form-control " value="{{ $owner_title_id }}" readonly>
                                    </div>


                                    <!--<label class="col-sm-1"><strong>First Name : </strong></label>-->
                                    <div class="col-sm-3 col-md-3 p-2">
                                        <input class="form-control " value="{{ $pet_registration_view->owner_fname }}"
                                            readonly>
                                    </div>

                                    <!--<label class="col-sm-1"><strong>Middle Name : </strong></label>-->
                                    <div class="col-sm-3 col-md-3 p-2">
                                        <input class="form-control " value="{{ $pet_registration_view->owner_mname }}"
                                            readonly>
                                    </div>

                                    <!--<label class="col-sm-1"><strong>Last Name : </strong></label>-->
                                    <div class="col-sm-3 col-md-3 p-2">
                                        <input class="form-control " value="{{ $pet_registration_view->owner_lname }}"
                                            readonly>
                                    </div>
                                </div>

                                <strong class="pt-2 text-danger">
                                    मालकाचा निवासी पत्ता / Residential Address of Owner's
                                </strong>
                                <hr>

                                <div class="form-group row">

                                    <label class="col-sm-2"><strong>House/Flat Number / <br> (घर/फ्लॅट क्रमांक) :
                                            <span style="color:red;">*</span></strong></label>

                                    <div class="col-sm-4 col-md-4 p-2">
                                        <input class="form-control " value="{{ $pet_registration_view->house_number }}"
                                            readonly>
                                    </div>

                                    <label class="col-sm-2"><strong>House/Building Name / <br> ( घर/इमारतीचे नाव ) :
                                            <span style="color:red;">*</span></strong></label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        <input class="form-control " value="{{ $pet_registration_view->house_name }}"
                                            readonly>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-2"><strong>रस्ता १ / <br> Street 1 : </strong></label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        <input class="form-control " value="{{ $pet_registration_view->street_1 }}"
                                            readonly>
                                    </div>

                                    <label class="col-sm-2"><strong>रस्ता 2 / <br> Street 2 : </strong></label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        <input class="form-control " value="{{ $pet_registration_view->street_2 }}"
                                            readonly>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-2"><strong>Line 1 / <br> ( ओळ १ ): <span
                                                style="color:red;">*</span></strong></label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        <input class="form-control " value="{{ $pet_registration_view->area_1 }}"
                                            readonly>
                                    </div>

                                    <label class="col-sm-2"><strong>Line 2 / <br> ( ओळ २ ) : </strong></label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        <input class="form-control " value="{{ $pet_registration_view->area_2 }}"
                                            readonly>
                                    </div>
                                </div>

                                <div class="form-group row">
                                                                        <label class="col-sm-2"><strong>राज्य / <br> State : </strong></label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        <input class="form-control " value="{{ $state_id }}" readonly>
                                    </div>

                                    <label class="col-sm-2"><strong>जिल्हा / <br> District : </strong></label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        <input class="form-control " value="{{ $pet_registration_view->dist_name }}"
                                            readonly>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-2"><strong>शहर / <br> City :</strong></label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        <input class="form-control" value="{{ $pet_registration_view->city }}"
                                            readonly>
                                    </div>

                                    <label class="col-sm-2"><strong>मोबाईल नंबर / <br> Mobile Number :
                                        </strong></label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        <input class="form-control "
                                            value="{{ $pet_registration_view->mobile_number }}" readonly>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-2"><strong>ई - मेल आयडी / Email Id : <br><span
                                                class="text-danger"> </span> </strong></label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        <input class="form-control " value="{{ $pet_registration_view->email }}"
                                            readonly>
                                    </div>

                                    <label class="col-sm-2"><strong>आधार क्रमांक / <br> Aadhar Number :
                                        </strong></label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        <input class="form-control "
                                            value="{{ $pet_registration_view->aadhar_number }}" readonly>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-2"><strong>पिनकोड / <br> Zip Code : </strong></label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        <input class="form-control " value="{{ $pet_registration_view->zipcode }}"
                                            readonly>
                                    </div>
                                </div>

                                <hr>
                                <h5 class="text-blue h5 mb-20" style="font-size: 17px;font-weight: bolder;">Dog
                                    Details :</h5>
                                <div class="form-group row">
                                    <label class="col-sm-2"><strong>कुत्र्याचे नाव / <br> Dog Name :
                                        </strong></label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        <input class="form-control " value="{{ $pet_registration_view->dog_name }}"
                                            readonly>
                                    </div>

                                                                        <label class="col-sm-2"><strong>लिंग / <br> Sex : </strong></label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        <input class="form-control " value="{{ $sex_id }}" readonly>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-2"><strong>ओळख चिन्ह / <br> Identification Mark :
                                        </strong></label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        <input class="form-control "
                                            value="{{ $pet_registration_view->identification_mark }}" readonly>
                                    </div>

                                    <label class="col-sm-2"><strong>जाती / <br> Breed : </strong></label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        <input class="form-control "
                                            value="{{ $pet_registration_view->breeds_name }}" readonly>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-2"><strong>इतर जाती / <br> Other Breed : </strong></label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        <input class="form-control "
                                            value="{{ $pet_registration_view->other_breed }}" readonly>
                                    </div>

                                    <label class="col-sm-2"><strong>रंग /<br> Colour : </strong></label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        <input class="form-control " value="{{ $pet_registration_view->colour }}"
                                            readonly>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-2"><strong>पशुवैद्यकीय डॉक्टरांचे नाव / <br> Veterinary
                                            Doctor Name : </strong></label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        <input class="form-control "
                                            value="{{ $pet_registration_view->veterinary_doctor_name }}" readonly>
                                    </div>

                                    <label class="col-sm-2"><strong>पशुवैद्यकीय डॉक्टरांचा MSVC नोंदणी क्रमांक
                                            / <br> Veterinary doctor’s MSVC registration number :
                                        </strong></label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        <input class="form-control "
                                            value="{{ $pet_registration_view->veterinary_doctor_msvc_no }}" readonly>
                                    </div>
                                </div>

                                @php
                                    $is_rabies_vaccinated = null;
                                    $is_91_vaccinated = null;

                                    if (!empty($pet_registration_view)) {
                                        $is_rabies_vaccinated = $pet_registration_view->date_of_rabies_vaccination
                                            ? 'yes'
                                            : 'no';
                                        $is_91_vaccinated = $pet_registration_view->date_of_91_vaccination
                                            ? 'yes'
                                            : 'no';
                                    }
                                @endphp

                                <div class="form-group row">
                                    <label class="col-sm-2"><strong>Is Anti-Rabies
                                            Vaccinated? / (रेबीज लस घेतली आहे
                                            का?)</strong></label>
                                    <div class="col-sm-4 p-2">
                                        <input type="text" name="is_rabies_vaccinated" class="form-control"
                                            value="{{ $is_rabies_vaccinated ? ($is_rabies_vaccinated == 'yes' ? 'Yes / होय' : 'No / नाही') : '' }}"
                                            readonly>
                                    </div>

                                    <label class="col-sm-2"><strong>Is 9in1
                                            Vaccinated? / (9in1 ची लसीकरण झाली आहे
                                            का?)</strong></label>
                                    <div class="col-sm-4 p-2">
                                        <input type="text" name="is_91_vaccinated" class="form-control"
                                            value="{{ $is_91_vaccinated ? ($is_91_vaccinated == 'yes' ? 'Yes / होय' : 'No / नाही') : '' }}"
                                            readonly>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    @if ($is_rabies_vaccinated == 'yes')
                                        <label class="col-sm-2"><strong>रेबीज विरोधी लसीकरणाची तारीख (DD/MM/YYYY) /
                                                <br> Date of Anti Rabies Vaccination (DD/MM/YYYY) :
                                            </strong></label>
                                        <div class="col-sm-4 col-md-4 p-2">
                                            <input class="form-control "
                                                value="{{ $pet_registration_view->date_of_rabies_vaccination
                                                    ? date('d-m-Y', strtotime($pet_registration_view->date_of_rabies_vaccination))
                                                    : '' }}"
                                                readonly>
                                        </div>
                                    @endif

                                    @if ($is_91_vaccinated == 'yes')
                                        <label class="col-sm-2"><strong>Date of 9in1 Vaccination (DD/MM/YYYY) /
                                                <br>(9in1
                                                लसीकरणाची तारीख) :</strong></label>
                                        <div class="col-sm-4 col-md-4 p-2"><input class="form-control"
                                                value="{{ $pet_registration_view->date_of_91_vaccination }}" readonly>
                                        </div>
                                    @endif
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-2"><strong>अँटी रेबीज लसीकरणाची तारीख (DD/MM/YYYY) / <br>
                                            Date of anti-rabies vaccination (DD/MM/YYYY) : </strong></label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        <input class="form-control "
                                            value="{{ date('d-m-Y', strtotime($pet_registration_view->date_of_rabies_vaccination)) }}"
                                            readonly>
                                    </div>

                                    <label class="col-sm-2"><strong> Tentative Date of Birth (DD/MM/YYYY) / अंदाजे
                                            जन्मतारीख (दि/महा/वर्ष) : </strong></label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        <input type="date" name="date_of_birth" id="date_of_birth"
                                            class="form-control @error('date_of_birth') is-invalid @enderror"
                                            value="{{ $pet_registration_view->date_of_birth }}"
                                            max="{{ date('Y-m-d') }}" placeholder="DD/MM/YYYY" readonly>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-2"><strong>पाळीव प्राणी वय वर्षे/<br>Pet Age Years :
                                        </strong></label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        <input class="form-control" id="age"
                                            value="{{ $pet_registration_view->age }}" readonly>
                                    </div>
                                    <label class="col-sm-2"><strong>महिना / <br> Month : </strong></label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        <input class="form-control" id="month"
                                            value="{{ $pet_registration_view->month }}" readonly>
                                    </div>
                                </div>

                                <hr>

                                <h5 class="text-blue h5 mb-20" style="font-size: 17px;font-weight: bolder;">
                                    Documents : </h5>
                                <div class="form-group row">
                                    <label class="col-sm-2"><strong>Upload Address proof of owner (Aadhar Card /
                                            Ration
                                            Card / Electricity Bill / Rent Agreement / Voter ID)
                                            / <br> मालकाचा
                                            पत्ता पुरावा अपलोड करा (आधार कार्ड / शिधा कार्ड /
                                            वीज बिल / भाडे करारनामा /
                                            मतदान ओळखपत्र
                                            अपलोड करा) :
                                        </strong></label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        <a href="{{ url('/') }}/TMC_PET_Registration/address_proof_doc/{{ $pet_registration_view->address_proof_doc }}"
                                            target="_blank">
                                            <div class="form-group">
                                                                                                <a href="{{ url('/') }}/TMC_PET_Registration/address_proof_doc/{{ $pet_registration_view->address_proof_doc }}"
                                                    target="_blank">
                                                    <p class="mt-3 mb-0" id="image_div">
                                                        <button type="button"class="btn btn-info">
                                                            View File
                                                        </button>
                                                    </p>
                                                </a>
                                                                                            </div>
                                        </a>
                                    </div>

                                    <label class="col-sm-2"><strong>Dog Photo / <br> ( कुत्र्याचा फोटो) :
                                        </strong></label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        <a href="{{ url('/') }}/TMC_PET_Registration/dog_profile_photo/{{ $pet_registration_view->dog_profile_photo }}"
                                            target="_blank">
                                            <div class="form-group">
                                                                                                <a href="{{ url('/') }}/TMC_PET_Registration/dog_profile_photo/{{ $pet_registration_view->dog_profile_photo }}"
                                                    target="_blank">
                                                    <p class="mt-3 mb-0" id="image_div">
                                                        <button type="button"class="btn btn-info">
                                                            View File
                                                        </button>
                                                    </p>
                                                </a>
                                                                                            </div>
                                        </a>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-sm-2"><strong>Applicant Signature / <br>( अर्जदाराची
                                            स्वाक्षरी) : </strong></label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        <a href="{{ url('/') }}/TMC_PET_Registration/applicant_signature/{{ $pet_registration_view->applicant_signature }}"
                                            target="_blank">
                                            <div class="form-group">
                                                                                                <a href="{{ url('/') }}/TMC_PET_Registration/applicant_signature/{{ $pet_registration_view->applicant_signature }}"
                                                    target="_blank">
                                                    <p class="mt-3 mb-0" id="image_div">
                                                        <button type="button"class="btn btn-info">
                                                            View File
                                                        </button>
                                                    </p>
                                                </a>
                                                                                            </div>
                                        </a>
                                    </div>

                                    <label class="col-sm-2">
                                        <strong>Upload latest Vaccination Card /
                                            ( नवीनतम लसीकरण कार्ड अपलोड करा ):</strong>
                                    </label>
                                    <div class="col-sm-4 col-md-4 p-2">
                                        @php
                                            $docs = [];

                                            if (
                                                !empty($pet_registration_view) &&
                                                !empty($pet_registration_view->vaccination_card_doc)
                                            ) {
                                                $decoded = json_decode(
                                                    $pet_registration_view->vaccination_card_doc,
                                                    true,
                                                );

                                                if (is_array($decoded)) {
                                                    $docs = array_filter($decoded); // filter out empty values
                                                } elseif (!empty($decoded)) {
                                                    $docs = [$decoded];
                                                }
                                            }
                                        @endphp

                                        <div class="form-group mt-3">
                                            @if (count($docs) > 0)
                                                @foreach ($docs as $doc)
                                                    @php $ext = pathinfo($doc, PATHINFO_EXTENSION); @endphp

                                                    <div class="existing-doc mb-2 align-items-center"
                                                        data-doc="{{ $doc }}">
                                                        @if (in_array(strtolower($ext), ['jpg', 'jpeg', 'png', 'gif']))
                                                            <a href="{{ url('/') }}/TMC_PET_Registration/vaccination_card_doc/{{ $doc }}"
                                                                target="_blank">
                                                                <img src="{{ url('/') }}/TMC_PET_Registration/vaccination_card_doc/{{ $doc }}"
                                                                    alt="Rabies Vaccination Certificate"
                                                                    class="img-fluid rounded" width="120"
                                                                    style="max-height:120px;">
                                                            </a>
                                                        @elseif (strtolower($ext) === 'pdf')
                                                            <a href="{{ url('/') }}/TMC_PET_Registration/vaccination_card_doc/{{ $doc }}"
                                                                target="_blank" class="btn btn-info btn-sm me-2">View
                                                                File</a>
                                                        @endif
                                                    </div>
                                                @endforeach
                                            @else
                                                <p class="text-danger">No Document Uploaded
                                                </p>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row mt-4">
                                    <label class="col-md-3"></label>

                                    <div class="col-md-9 d-flex justify-content-end gap-2">
                                        <a href="{{ url('/application_close') }}" class="btn btn-danger">
                                            Cancel
                                        </a>

                                        @if ($pet_registration_view->close_application_status == 0)
                                            <button class="btn btn-info waves-effect waves-float btn-sm waves-green"
                                                data-toggle="modal"
                                                data-target="#closeAppModal{{ $pet_registration_view->id }}">
                                                Close
                                            </button>
                                        @endif

                                    </div>
                                </div>
                            </div>
                            {{-- </form> --}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="modal fade" id="closeAppModal{{ $pet_registration_view->id }}" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">

            <form class="close-application-form" action="{{ route('application_closed.update') }}" method="POST">
                @csrf
                <input type="hidden" name="id" value="{{ $id }}">

                <div class="modal-header">
                    <h5 class="modal-title">
                        Close Application - {{ $pet_registration_view->pet_pplication_no }}
                    </h5>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>

                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Close Application Type <span class="text-danger">*</span></label>
                                <select name="close_application_status" class="form-control" required>
                                    <option value="">-- Select Reason --</option>
                                    <option value="1"
                                        {{ $pet_registration_view->close_application_status == 1 ? 'selected' : '' }}>
                                        Death
                                    </option>
                                    <option value="2"
                                        {{ $pet_registration_view->close_application_status == 2 ? 'selected' : '' }}>
                                        Shifting
                                    </option>
                                    <option value="3"
                                        {{ $pet_registration_view->close_application_status == 3 ? 'selected' : '' }}>
                                        Sold
                                    </option>
                                </select>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Close Application Reason <span class="text-danger">*</span></label>
                                <input type="text" name="close_application_reason" class="form-control"
                                    placeholder="Enter reason"
                                    value="{{ $pet_registration_view->close_application_reason ?? '' }}" required>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">Update</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                </div>
            </form>

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

<script>
    $(document).ready(function() {
        $('.close-application-form').submit(function(e) {
            e.preventDefault();

            var form = $(this);
            var url = form.attr('action');
            var formData = form.serialize();
            var modal = form.closest('.modal');

            form.find('.text-danger').remove();

            $.ajax({
                type: 'POST',
                url: url,
                data: formData,
                success: function(response) {
                    if (response.errors) {
                        $.each(response.errors, function(key, value) {
                            form.find('[name="' + key + '"]').after(
                                '<span class="text-danger">' + value[0] +
                                '</span>');
                        });
                    } else if (response.success) {
                        document.activeElement.blur();

                        modal.modal('hide');

                        toastr.options = {
                            closeButton: true,
                            progressBar: true,
                            timeOut: 2000
                        };

                        toastr.success(response.message);

                        setTimeout(function() {
                            window.location.href = response.redirect;
                        }, 2000);
                    }
                },
                error: function(xhr) {
                    alert('Something went wrong!');
                }
            });
        });
    });
</script>

@include('common.footer')