@extends('layouts/eims_pre_admission_layout')
@section('title', '| ' . $pageTitle)
@section('content')

    <style>
        /* Styling for the menu */
        .menu {
            padding: 0;
            margin-left: 0%;
        }

        /* Menu item styling */
        .menu li {
            width: 100px;
            border-radius: 10px;
            background: #575757;
            margin: 10px;
            text-align: center;
            color: #FFF;
        }

        .menu li a {
            display: block;
            padding: 2px 2px;
            text-decoration: none;
            font-size: 12px;
            color: #FFF;
        }

        .menu li a:hover {
            background-color: #575757;
            color: #FFF;
            border-radius: 6px;
        }
    </style>

    <div class="col-md-12" style="background: #f8f9fa;">
        <div class="row">
            <div class="col-md-12">
                <div class="col-sm-4">
                    {{--<img src="{{ asset('images/eims/student/'. $applicant->photo) }}"
                            style="height: 200px; width: 200px;" class="img-responsive"
                            alt="{{$applicant->name}}">--}}
                    <h4><strong>{{$applicant->name}}</strong></h4>
                    <p>
                        <strong>{{$companyType == 'UNV' ? 'Program': 'Medium/Version'}}:</strong>
                        {{$applicant?->eims_program?->name}}
                    </p>
                    <p>
                        <strong>{{$companyType == 'UNV' ? 'Semester': 'Class'}}:</strong>
                        {{$applicant->eims_semester_class?->name}}
                    </p>
                    @if($companyType !== 'UNV')
                        <p>
                            <strong>Group:</strong>
                            {{$applicant->semester_class_group?->name}}
                        </p>
                    @endif
                    <p>
                        <strong>Admission No:</strong>
                        {{$applicant->admission_no}}
                    </p>
                    <p>
                        <strong>Admission Date:</strong>
                        {{$applicant->admission_date->format('d-m-Y')}}
                    </p>

                    @php
                        $status_class = match ($applicant->status) {
                            'pending' => 'text-warning',
                            'processing' => 'text-info',
                            'admission-process' => 'text-info',
                            'admitted' => 'text-success',
                            'rejected' => 'text-danger',
                            default => 'text-secondary',
                        };
                    $td_status = '<span class="'.$status_class.'">' . $activeStatus[$applicant->status] . '</span>';
                    ($applicant->eims_pre_admission_fees_collection) ? $payment_status = $applicant->eims_pre_admission_fees_collection?->status : $payment_status = 0;
                    ($applicant->eims_pre_admission_fees_collection) ? $encoded_id = base64_encode($applicant->eims_pre_admission_fees_collection?->id) : $encoded_id = 0;
                    ($applicant) ? $encoded_pre_admission_id = base64_encode($applicant->id) : $encoded_pre_admission_id = null;
                    $payment_status_class = match ($payment_status) {
                        0 => 'text-warning', // 0 = pending
                        1 => 'text-success', // 1 = approved
                        2 => 'text-danger', // 2 = rejected
                        default => 'text-secondary',
                    };
                    $td_payment_status = "<span class='$payment_status_class'>" . $transactionStatus[$payment_status] . "</span>";

                    @endphp
                    <br>
                    <br>
                    <p class="menup">
                        <strong></strong>
                    <ul class="menu">
                        @if($applicant->status != 'admitted')
                            @if($payment_status != 1)
                                <li><a href="{{ url('eims/pre-admission/payment/') }}">Pay Now</a></li>
                            @else
                                <li><a type="button" href="#"
                                       data-encoded_pre_admission_id="{{ $encoded_pre_admission_id }}"
                                       data-encoded_id="{{ $encoded_id }}" id="paySlip">Money Receipt</a></li>
                            @endif
                        @endif
                        @if($applicant?->status == 'processing' && $applicant?->eims_admission_exam?->is_result_generated == 0)
                            <li>
                                <a type="button" href="#"
                                   data-encoded_pre_admission_id="{{ $encoded_pre_admission_id }}"
                                   data-encoded_id="{{ $encoded_id }}" id="admitCard">Admit Card</a>
                            </li>
                        @endif
                        @if($applicant->eims_admission_exam->is_result_generated == 1)
                            @if($applicant->status == 'processing')
                                <li><a href="{{ url('eims/pre-admission/admission-form/') }}">Admission</a></li>
                            @endif
                            <li><a href="{{ url('eims/pre-admission/result/') }}">Result</a></li>
                        @endif
                        @php
                            $preAdmissionData = isset($_SESSION['preAdmissionData']) ? $_SESSION['preAdmissionData'] : null;
                        @endphp
                        @if($preAdmissionData > 0)
                            <li><a type="button" href="#" class="btn-logout" id="logoutButton"><i
                                        class="glyphicon glyphicon-log-out"> <b>Logout</b></i></a></li>
                        @endif
                    </ul>
                    </p>

                </div>

                <div class="col-sm-8">
                    <div class="tab-content">
                        <div class="tab-pane active" id="informationTab">
                            <div class="row">
                                <div class="col-sm-12 col-xs-12">
                                    {{-- Personal information--}}
                                    <div class="panel-heading">
                                        <div class="panel-title">Personal Information</div>
                                    </div>
                                    <table class="table table-bordered table-responsive first-col-dark">
                                        <tr>
                                            <td>#</td>
                                            <td>Admission No:</td>
                                            <td id="admission_no_for_admitCard">{{$applicant->admission_no}}</td>
                                        </tr>
                                        <tr>
                                            <td>#</td>
                                            <td>Admission Date:</td>
                                            <td>{{$applicant->admission_date->format('d-m-Y')}}</td>
                                        </tr>
                                        <tr>
                                            <td>#</td>
                                            <td>Name:</td>
                                            <td>{{$applicant->name}}</td>
                                        </tr>
                                        <tr>
                                            <td>#</td>
                                            <td>Phone Number:</td>
                                            <td>{{$applicant->phone_number}}</td>
                                        </tr>
                                        <tr>
                                            <td>#</td>
                                            <td>Email:</td>
                                            <td>{{$applicant->email}}</td>
                                        </tr>
                                        <tr>
                                            <td>#</td>
                                            <td>Gender:</td>
                                            <td>{{ ucfirst($applicant->gender)}}</td>
                                        </tr>
                                        <tr>
                                            <td>#</td>
                                            <td>Date Of Birth:</td>
                                            <td>{{$applicant->dob->format('d-m-Y')}}</td>
                                        </tr>
                                        @if($companyType !== 'UNV')
                                            <tr>
                                                <td>#</td>
                                                <td>Birth Certificate ID:</td>
                                                <td>{{$applicant->birth_certificate_id}}</td>
                                            </tr>
                                        @else
                                            <tr>
                                                <td>#</td>
                                                <td>National ID:</td>
                                                <td>{{$applicant->national_id}}</td>
                                            </tr>
                                        @endif

                                        <tr>
                                            <td>#</td>
                                            <td>Status:</td>
                                            <td>{!! $td_status !!}</td>
                                        </tr>

                                        <tr>
                                            <td>#</td>
                                            <td>Payment Status:</td>
                                            <td>{!! $td_payment_status !!}</td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="col-sm-12 col-xs-12">
                                    <br>
                                    <div class="panel-heading">
                                        <div class="panel-title">Educational Information</div>
                                    </div>
                                    <table
                                        class="table table-bordered table-responsive first-col-dark">
                                        @foreach($applicant->eims_pre_admission_educational_information as $admission_educational_information)
                                            <tbody>
                                            <tr>
                                                <td>
                                                    @php
                                                        $institute_type = match ($admission_educational_information->institute_type) {
                                                            'previous' => 'Previous Institute',
                                                            'ssc' => 'SSC/O’ Level / Equivalent',
                                                            'hhc' => 'HSC/A’ Level / Equivalent',
                                                            'bachelors' => 'Bachelor’s Degree/Equivalent',
                                                            'masters' => 'Master’s Degree/Equivalent',
                                                            default => 'Unknown',
                                                        };
                                                    @endphp
                                                    {{$institute_type}}
                                                </td>
                                                <td> Institute Name:</td>
                                                <td>{{$admission_educational_information->institute_name}}</td>
                                            </tr>
                                            <tr>
                                                <td></td>
                                                @if($admission_educational_information->institute_type !== 'bachelor' && $admission_educational_information->institute_type !== 'masters')
                                                    <td>Board:</td>
                                                    <td>{{$admission_educational_information->eims_board?->name}}</td>
                                                @else
                                                    <td>University:</td>
                                                    <td>{{$admission_educational_information->institute_university}}</td>
                                                @endif
                                            </tr>
                                            <tr>
                                                <td></td>
                                                <td>GPA:</td>
                                                <td>{{$admission_educational_information->institute_gpa}}</td>
                                            </tr>
                                            <tr>
                                                <td></td>
                                                @if($admission_educational_information->institute_type !== 'bachelor' && $admission_educational_information->institute_type !== 'masters')
                                                    <td>Group:</td>
                                                    <td>{{$admission_educational_information->eims_group?->name}}</td>
                                                @else
                                                    <td>Program:</td>
                                                    <td>{{$admission_educational_information->institute_program}}</td>
                                                @endif
                                            </tr>
                                            <tr>
                                                <td></td>
                                                <td>Year:</td>
                                                <td>{{$admission_educational_information->institute_year}}</td>
                                            </tr>
                                            </tbody>
                                        @endforeach
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div> {{-- div class="tab-content" --}}
                    <br>
                </div>
            </div>
        </div>
    </div>

    {{-- Start Admit Download Modal --}}
    {{--    @include('eims/settings/examination/designAdmitCard/admitCardDesign')--}}
    {{-- End Admit Download Modal --}}

    {{-- Tab Loading Scripts --}}
    <script type="text/javascript">
        'use strict';

        $(document).ready(function () {
            const paySlip = $('#paySlip');
            const admitCard = $('#admitCard');

            paySlip.click(function (e) {
                e.preventDefault();

                Swal.fire({
                    title: 'Are you sure?',
                    text: "Please print your pay slip!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#8EC641',
                    cancelButtonColor: '#7e7979',
                    confirmButtonText: 'Yes, print it!'
                }).then((result) => {
                    if (result.isConfirmed) {
                        var encoded_pre_admission_id = decodeURIComponent($(this).data('encoded_pre_admission_id'));
                        var encoded_id = decodeURIComponent($(this).data('encoded_id'));
                        console.log(encoded_pre_admission_id, encoded_id);
                        window.location.href = `{{route('eims_pre_admission_payment_slip')}}?pre_admission_id=${encodeURIComponent(encoded_pre_admission_id)}&payment_id=${encodeURIComponent(encoded_id)}`;
                    }
                })
            });

            admitCard.click(function (e) {
                e.preventDefault();

                var encoded_pre_admission_id = decodeURIComponent($(this).data('encoded_pre_admission_id'));

                // send a get request to new tab
                const url = `{{ route('eims_pre_admission_admit_card') }}?encoded_pre_admission_id=${encodeURIComponent(encoded_pre_admission_id)}`;
                const newWindow = window.open(url, "PrintWindow", "width=800,height=600");

                newWindow.onload = function () {
                    newWindow.print();
                    newWindow.onafterprint = function () {
                        newWindow.close();
                    };
                };
            });
        });

        $(document).on('click', '#logoutButton', function (eLogOut) {
            eLogOut.preventDefault();

            $.ajax({
                url: '{{ route('eims_pre_admission_logout') }}', // Change this to your route
                type: 'POST',
                data: {
                    logout_id: 1
                },
                dataType: 'json',
                success: function (_response) {
                    setTimeout(function () {
                        const url = _response.data.url;
                        window.location.href = `${url}`;
                    }, 1000);
                },
                error: function (_response, status, error) {
                    const responseJSON = _response.responseJSON;
                    Swal.fire({
                        icon: responseJSON.responseStatus,
                        title: responseJSON.responseTitle,
                        text: responseJSON.responseText,
                        showConfirmButton: false,
                        timer: 1500
                    })
                }
            });
        });

        // $(document).on('click', '#logoutButton', function(eLogOut) {
        //     eLogOut.preventDefault();

        //     $.ajax({
        //         url: '{{ route('eims_pre_admission_logout') }}',
        //         type: 'POST',
        //         data: {
        //             logout_id: 1
        //         },
        //         dataType: 'json',
        //         success: function(_response) {
        //             setTimeout(function () {
        //                 const url = _response.data.url;
        //                 window.location.href = `${url}`;
        //             }, 1000);
        //         },
        //         error: function(_response, status, error) {
        //             const responseJSON = _response.responseJSON;
        //             Swal.fire({
        //                 icon: responseJSON.responseStatus,
        //                 title: responseJSON.responseTitle,
        //                 text: responseJSON.responseText,
        //                 showConfirmButton: false,
        //                 timer: 1500
        //             })
        //         }
        //     });
        // });


        function downloadAdmissionAdmitCardAsPDF() {
            console.log('downloadAdmissionAdmitCardAsPDF')
            // Target the content of the modal you want to capture
            var element = document.getElementById('admit_card_background_image_logo');

            // Use html2canvas to capture the content as an image
            // Use html2canvas to capture the content as an image
            html2canvas(element, {
                useCORS: true,
                logging: true,
                scale: 2, // Increase the scale for higher resolution image
            }).then(function (canvas) {
                // Convert the canvas to an image
                canvas.toDataURL('image/jpeg');
                const opt = {
                    margin: [0.3, 0.3, 0.3, 0.3], // Custom margins: top, right, bottom, left (in inches)
                    filename: `${$('#admission_no_for_admitCard').text()}_ADMIT_CARD.pdf`,
                    image: {
                        type: 'jpeg',
                        quality: 0.8
                    },
                    html2canvas: {
                        scale: 2, // Ensure the same scale is used here
                        margin: 1
                    },
                    jsPDF: {
                        unit: 'in',
                        format: [10.89, 5], // Custom size: width 8.5 inches, height 11 inches
                        orientation: 'landscape'
                    }
                };

                html2pdf().from(canvas).set(opt).save();
            });
        }
    </script>
@endsection