@php @endphp
@php @endphp
@extends('layouts/eims_layout')
@section('title', '| ' . $pageTitle)
@section('content')

    <div class="row add-data-form">
        <div class="col-md-10 col-md-offset-1" style="padding-bottom: 2%">
            <div class="viewTitle">
                <div class="panel-heading" style="padding-bottom:0; ">
                    <button type="button" class="btn btn-primary" id="downloadButton"
                            onclick="downloadAdmitCardAsPDF()">
                        Download as PDF
                    </button>
                </div>
            </div>
            <div class=" panel panel-default panel-border">
                <div class="panel-body" style="color: #0c0c0c" id="contentToPrint">
                    <style>
                        .remarks tr > td, .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
                            padding: 6px !important;
                        }

                        .student_information tr > td {
                            padding: 3px !important;
                        }

                        .table-bordered {
                            width: 100%;
                            border: 1px solid black;
                            text-align: center;
                            border-collapse: collapse;
                        }

                        .table-bordered tr {
                            border: 1px solid black;
                        }

                        .table-bordered td {
                            border: 1px solid black;
                        }

                        .table-bordered .text-left {
                            text-align: left;
                            padding-left: 2%;
                        }

                        .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
                            border: 1px solid #000 !important;
                        }

                        .line_height {
                            line-height: 1.00;
                        }

                        .underline {
                            padding: 0px;
                            display: inline-block;
                            border-top: 1px solid #000000;
                        }

                        .fail {
                            border-bottom: 2px solid red;
                        }


                        .content-to-print {
                            page-break-inside: avoid;
                        }

                        @page {
                            size: A4;
                            margin: 20mm;
                        }

                        @media print {
                            body {
                                width: 210mm;
                                height: 297mm;
                                margin: 0;
                                padding: 0;
                            }

                            .modal-dialog,
                            .modal-content {
                                width: 100%;
                                height: 100%;
                                margin: 0;
                                padding: 0;
                            }

                            .modal-body {
                                width: 100%;
                                height: 100%;
                                overflow: visible;
                            }
                        }
                    </style>

                    @foreach($students as $student)
                        <div class="content-to-print"
                             style="padding:20px 0.8in 0 !important; margin-bottom: 2px;")}}'); background-size: cover; background-color:rgba(255, 255, 255, 0.5);">
                            <!--start this row is for mark_sheet header -->
                            <div class="row" style="margin-bottom: 1%">
                                <div class="col-xs-1 text-right" style="padding-right: 0 !important;">
                                    @if(is_null($company->image))
                                        <div style="width:50px;height: 50px;"></div>
                                    @else
                                        <img src="{{ asset("images/company/$company->image") }}"
                                             style="width:50px;height: 50px;" alt="{{ $company->name }}">
                                    @endif

                                </div>
                                <div class="col-xs-3 text-left">
                                    <h6 class="line_height">{{$company->name}}</h6>
                                    @if(!empty($company->address))
                                        <div style="font-size: 9px;" class="line_height">{{$company->address}}</div>
                                    @endif
                                </div>
                                <div class="col-xs-4 text-center" style="padding-top: 10px">
                                    <h5 style="font-weight: bold; margin: 0 0">Admit Card</h5>
                                    <h6 style=" margin-top: 0">
                                        {{$academicExamData->name ?? $admitCardDesign->title ?? '### Examination XXXX'}}
                                    </h6>
                                </div>
                            </div>
                            <div class="row" {!! $admitCardDesign->is_visible_exam_routine == 0 ? 'style="margin-top: 3%"' : '' !!}>
                                <div class="col-xs-10">
                                    <div class="row" style="font-size: 8px;">
                                        @if($admitCardDesign->is_visible_roll_number)
                                            <div class="col-sm-6 row">
                                                <div class="text-left col-sm-5" id="roll_number_label">ROLL NO</div>
                                                <div class="text-left col-sm-2">:</div>
                                                <div class="text-left col-sm-5"
                                                     id="roll_number">{{ $student->roll_no }}</div>
                                            </div>
                                        @endif

                                        @if($admitCardDesign->is_visible_admission_no)
                                            <div class="col-sm-6 row">
                                                <div class="text-left col-sm-5" id="admission_no_student_id_no_label">
                                                    @if($student->student_id_no != null)
                                                        STUDENT ID NO
                                                    @else
                                                        ADMISSION NO
                                                    @endif
                                                </div>
                                                <div class="text-left col-sm-2">:</div>
                                                <div class="text-left col-sm-5" id="admission_no_student_id_no">
                                                    {{$student->student_id_no ?? $student->admission_no ?? ''}}
                                                </div>
                                            </div>

                                        @endif

                                        @if($admitCardDesign->is_visible_student_name)
                                            <div class="col-sm-6 row">
                                                <div class="text-left col-sm-5">STUDENT NAME</div>
                                                <div class="text-left col-sm-2">:</div>
                                                <div class="text-left col-sm-5" id="candidate_name">
                                                    {{ $student->name ?? '' }}
                                                </div>
                                            </div>

                                        @endif

                                        @if($admitCardDesign->is_visible_semester_class)
                                            <div class="col-sm-6 row">
                                                <div class="text-left col-sm-5">
                                                    @if($companyType === 'UNV')
                                                        SEMESTER
                                                    @else
                                                        CLASS
                                                    @endif
                                                </div>
                                                <div class="text-left col-sm-2">:</div>
                                                <div class="text-left col-sm-5" id="student_class">
                                                    {{ $student->eims_semester_class->name ?? '' }}
                                                </div>
                                            </div>

                                        @endif

                                        @if($admitCardDesign->is_visible_date_of_birth)
                                            <div class="col-sm-6 row">
                                                <div class="text-left col-sm-5">DATE OF BIRTH</div>
                                                <div class="text-left col-sm-2">:</div>
                                                <div class="text-left col-sm-5" id="dob">
                                                    {{ $student?->dob?->format('d-m-Y') ?? '' }}
                                                </div>
                                            </div>
                                        @endif

                                        @if($admitCardDesign->is_visible_gender)
                                            <div class="col-sm-6 row">
                                                <div class="text-left col-sm-5">GENDER</div>
                                                <div class="text-left col-sm-2">:</div>
                                                <div class="text-left col-sm-5" id="gender">
                                                    {{ ucfirst($student->gender ?? '') }}
                                                </div>
                                            </div>
                                        @endif

                                        @if($admitCardDesign->is_visible_father_name)
                                            <div class="col-sm-6 row">
                                                <div class="text-left col-sm-5">FATHER'S NAME</div>
                                                <div class="text-left col-sm-2">:</div>
                                                <div class="text-left col-sm-5" id="father_name">
                                                    {{ $student?->eims_student_information?->father_name ?? '' }}
                                                </div>
                                            </div>
                                        @endif

                                        @if($admitCardDesign->is_visible_mother_name)
                                            <div class="col-sm-6 row">
                                                <div class="text-left col-sm-5">MOTHER'S NAME</div>
                                                <div class="text-left col-sm-2">:</div>
                                                <div class="text-left col-sm-5" id="mother_name">
                                                    {{ $student?->eims_student_information?->mother_name ?? '' }}
                                                </div>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-xs-2">
                                    <div id="studentImageHolder" class="text-right">
                                        @if($admitCardDesign->is_visible_photo)
                                            @if(is_null($student->photo))
                                                <div style="width:50px;height: 50px;">Student Photo</div>
                                            @else
                                                <img src="{{ asset("images/eims/student/$student->photo") }}"
                                                     alt="Student Photo" style="width:60px;height: 60px;">
                                            @endif
                                        @endif

                                    </div>
                                </div>
                            </div>
                            @if($admitCardDesign->is_visible_exam_routine == 1)
                                <div class="row">
                                    <div class="col-xs-12" style="font-size: 8px;">
                                        @if($theoreticalExamRoutines->count() > 0 )
                                            <div id="theoryExamRoutineTable">
                                                <small>Theory Exam</small>
                                                <table class="table-bordered">
                                                    <tr>
                                                        <td>DATE</td>
                                                        <td>TIME</td>
                                                        <td>SUBJECT CODE</td>
                                                        <td>SUBJECT NAME</td>
                                                    </tr>
                                                    @foreach($theoreticalExamRoutines as $theoreticalExamRoutine)
                                                        <tr>
                                                            <td>{{ $theoreticalExamRoutine->subject_exam_date }}</td>
                                                            <td>{{ $theoreticalExamRoutine->exam_start_time }}
                                                                - {{ $theoreticalExamRoutine->exam_end_time }}</td>
                                                            <td>{{ $theoreticalExamRoutine->course_subject_code }}</td>
                                                            <td class="text-left">{{ $theoreticalExamRoutine->course_subject_name }}</td>
                                                        </tr>
                                                    @endforeach
                                                </table>
                                            </div>
                                        @endif

                                        @if($practicalExamRoutines->count() > 0)
                                            <div id="practicalExamRoutineTable">
                                                <small>Practical Exam</small>
                                                <table class="table-bordered">
                                                    <tr>
                                                        <td>DATE</td>
                                                        <td>TIME</td>
                                                        <td>SUBJECT CODE</td>
                                                        <td>SUBJECT NAME</td>
                                                    </tr>
                                                    @foreach($practicalExamRoutines as $practicalExamRoutine)
                                                        <tr>
                                                            <td>{{ $practicalExamRoutine->subject_exam_date }}</td>
                                                            <td>{{ $practicalExamRoutine->exam_start_time }}
                                                                - {{ $practicalExamRoutine->exam_end_time }}</td>
                                                            <td>{{ $practicalExamRoutine->course_subject_code }}</td>
                                                            <td class="text-left">{{ $practicalExamRoutine->course_subject_name }}</td>
                                                        </tr>
                                                    @endforeach
                                                </table>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            @endif

                            <div class="signature-container" style="text-align: right;">
                                @if($admitCardDesign->sign_image)
                                    <img class="signature-image"
                                         src="{{ url("/images/eims/setting/design_admit_card/sign/$admitCardDesign->sign_image") }}"
                                         alt="" id="admit_card_sign" style="width: 80px;">
                                @else
                                    <div class="signature-line" style="width: 80px;"></div>
                                @endif

                                <span style="font-size: 8px;display: block;">Administration Signature</span>
                            </div>
                            <br>
                        </div>
                    @endforeach

                </div>
            </div>
            <div class="viewTitle"></div>
        </div>
    </div>


    <!-- Add the necessary CDNs -->
    <script src="{{asset('js/html2canvas/1.4.1/html2canvas.min.js')}}"></script>

    <script src="{{asset('js/html2pdf.js/0.9.2/html2pdf.bundle.min.js')}}"></script>

    <script type="text/javascript">

        function downloadAdmitCardAsPDF() {
            // generate PDF from the modal with default settings
            const divToPrint = document.getElementById('contentToPrint');

            const randomFilename = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
            const currentDateTime = new Date().toLocaleString('en-GB', {
                day: '2-digit',
                month: '2-digit',
                year: 'numeric',
                hour: '2-digit',
                minute: '2-digit',
                second: '2-digit',
                hour12: false
            }).replace(/[/, ]/g, '_').replace(/:/g, '_');
            const filename = randomFilename ? `${currentDateTime}_${randomFilename}.pdf` : `${currentDateTime}_admit_card.pdf`;

            const opt = {
                margin: 0,
                filename: filename,
                image: {type: 'jpeg', quality: 1.0},
                html2canvas: {scale: 3},
                jsPDF: {unit: 'mm', format: 'a4', orientation: 'portrait'} // Set the format to A4 portrait
            };

            // Adjust the height of the content to 1/3 of A4 height

            html2pdf().from(divToPrint).set(opt).save();
        }
    </script>

@endsection