@extends('admin.admin_dashboard')

@section('customcss')
    <link href="{{ asset('asset/vendor/jquery-nice-select/css/nice-select.css') }}" rel="stylesheet">

    <style>
        body {
            font-family: Arial, sans-serif;
        }

        .student-details-card {
            border: 1px solid #e5e5e5;
            border-radius: 10px;
            overflow: hidden;
            background: #fff;
        }


        .school-name {
            font-size: 1.4rem;
            font-weight: bold;
        }

        .info-table th {
            width: 25%;
            background-color: #f1f1f1;
        }

        .section-title {
            background-color: #f0f8ff;
            font-weight: bold;
            padding: 8px;
            margin-top: 15px;
            border-left: 4px solid #007bff;
        }

        .student-header {
            background-color: #f8f9fa;
            padding: 30px 20px 20px;
            border-bottom: 1px solid #e5e5e5;
        }

        .student-photo {
            border: 3px solid #ddd;
            border-radius: 8px;
            max-width: 150px;
            height: auto;
        }

        .school-logo {
            max-width: 90px;
        }


        @media print {

            .page-titles,
            .btn,
            nav,
            header,
            footer {
                display: none !important;
            }

            body {
                background: #fff !important;
            }
        }
    </style>
@endsection

@section('admin')
    <div class="content-body">
        <div class="container-fluid">
            <div class="row page-titles align-items-center">
                <div class="col-md-9">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="#">Home</a></li>
                        <li class="breadcrumb-item"><a href="#">Student List</a></li>
                        <li class="breadcrumb-item active">Student Details</li>
                    </ol>
                </div>
                <div class="col-md-3 text-right">
                    {{-- <button class="btn btn-success" onclick="printForm()">
                        <i class="fas fa-print"></i> Print
                    </button> --}}
                </div>
            </div>

            <div class="student-details-card" id="printArea">
                <div class="student-header d-flex flex-column align-items-center text-center position-relative">

                    {{-- Student Photo on Top Left --}}
                    <div style="position: absolute; top: 20px; left: 20px;">
                        @if($studentinfo->student_photo)
                            <img src="{{ asset('core/storage/app/public/' . $studentinfo->student_photo) }}" class="student-photo"
                                alt="Student Photo">
                        @else
                            <div class="student-photo d-flex align-items-center justify-content-center"
                                style="width:150px; height:150px; background:#f1f1f1; border-radius:8px;">
                                No Photo
                            </div>
                        @endif
                    </div>

                    {{-- School Info + Logo in Center --}}
                    <img src="{{ asset('core/storage/app/public/' . $schoolInfo->school_logo) }}" class="school-logo mb-2" alt="Logo">

                    <div class="school-name">{{ $schoolInfo->school_name }}</div>
                    <div><strong>Campus:</strong> {{ $schoolInfo->campus_name }}</div>
                    <div><strong>Address:</strong> {{ $schoolInfo->address }}</div>
                    <div>
                        @if($schoolInfo->phone) Phone: {{ $schoolInfo->phone }} @endif
                        @if($schoolInfo->eiin_number) | EIIN: {{ $schoolInfo->eiin_number }} @endif
                    </div>
                </div>



            </div>
        </div>
        <div class="p-3">
            {{-- Academic Info --}}
            <div class="section-title">Academic Information</div>
            <table class="table table-bordered info-table">
                <tr>
                    <th>Session</th>
                    <td>{{ $studentinfo->session->name }}</td>
                    <th>Class</th>
                    <td>
                        @foreach($allClass as $class)
                            @if ($studentinfo->class_id == $class->id) {{ $class->name }} @endif
                        @endforeach
                    </td>
                </tr>
                <tr>
                    <th>Version</th>
                    <td>{{ $studentinfo->version }}</td>
                    <th>Shift</th>
                    <td>{{ $studentinfo->shift }}</td>
                </tr>
                <tr>
                    <th>Section</th>
                    <td>
                        @foreach($sections as $section)
                            @if ($studentinfo->section_id == $section->id) {{ $section->name }} @endif
                        @endforeach
                    </td>

                    <th>Admission Roll</th>
                    <td>{{ $studentinfo->admission_roll }}</td>
                </tr>
                @if ($studentinfo->group_name != null)
                    <tr>
                        <th>Group</th>
                        <td>{{$studentinfo->group_name}}</td>
                    </tr>
                @endif

            </table>

            {{-- Student Info --}}
            <div class="section-title">Student Information</div>
            <table class="table table-bordered info-table">
                <tr>
                    <th>Name (Bangla)</th>
                    <td>{{ $studentinfo->student_name_bangla }}</td>
                    <th>Name (English)</th>
                    <td>{{ $studentinfo->student_name_english }}</td>
                </tr>
                <tr>
                    <th>Gender</th>
                    <td>{{ $studentinfo->gender }}</td>
                    <th>Religion</th>
                    <td>{{ $studentinfo->religion }}</td>
                </tr>
                <tr>
                    <th>Phone</th>
                    <td>{{ $studentinfo->phone }}</td>
                    <th>Email</th>
                    <td>{{ $studentinfo->email }}</td>
                </tr>
                <tr>
                    <th>Blood Group</th>
                    <td>{{ $studentinfo->blood_group }}</td>
                    <th>Date of Birth</th>
                    <td>{{ $studentinfo->birth_date }}</td>
                </tr>
                <tr>
                    <th>Birth Certificate No.</th>
                    <td>{{ $studentinfo->birth_certificate }}</td>
                    <th>Nationality</th>
                    <td>{{ $studentinfo->nationality }}</td>
                </tr>
            </table>

            {{-- Parents Info --}}
            <div class="section-title">Father's Information</div>
            <table class="table table-bordered info-table">
                <tr>
                    <th>Name (Bangla)</th>
                    <td>{{ $studentinfo->father_name_bangla }}</td>
                    <th>Name (English)</th>
                    <td>{{ $studentinfo->father_name_english }}</td>
                </tr>
                <tr>
                    <th>Profession</th>
                    <td>{{ $studentinfo->father_profession }}</td>
                    <th>Phone</th>
                    <td>{{ $studentinfo->father_phone }}</td>
                </tr>
                <tr>
                    <th>NID No</th>
                    <td>{{ $studentinfo->father_nid }}</td>
                    <th>Income</th>
                    <td>{{ $studentinfo->father_income }}</td>
                </tr>
            </table>

            <div class="section-title">Mother's Information</div>
            <table class="table table-bordered info-table">
                <tr>
                    <th>Name (Bangla)</th>
                    <td>{{ $studentinfo->mother_name_bangla }}</td>
                    <th>Name (English)</th>
                    <td>{{ $studentinfo->mother_name_english }}</td>
                </tr>
                <tr>
                    <th>Profession</th>
                    <td>{{ $studentinfo->mother_profession }}</td>
                    <th>Phone</th>
                    <td>{{ $studentinfo->mother_phone }}</td>
                </tr>
                <tr>
                    <th>NID No</th>
                    <td>{{ $studentinfo->mother_nid }}</td>
                    <th>Income</th>
                    <td>{{ $studentinfo->mother_income }}</td>
                </tr>
            </table>

            {{-- Guardian Info --}}
            <div class="section-title">Guardian Information</div>
            <table class="table table-bordered info-table">
                <tr>
                    <th>Guardian Name</th>
                    <td>{{ $studentinfo->guardian_name }}</td>
                    <th>Relation</th>
                    <td>{{ $studentinfo->guardian_relation }}</td>
                </tr>
                <tr>
                    <th>Address</th>
                    <td>{{ $studentinfo->guardian_address }}</td>
                    <th>Profession</th>
                    <td>{{ $studentinfo->guardian_profession }}</td>
                </tr>
                <tr>
                    <th>Phone</th>
                    <td>{{ $studentinfo->guardian_phone }}</td>
                    <th>Income</th>
                    <td>{{ $studentinfo->guardian_income }}</td>
                </tr>
            </table>

            {{-- Address --}}
            <div class="section-title">Present Address</div>
            <table class="table table-bordered info-table">
                <tr>
                    <th>Village</th>
                    <td>{{ $studentinfo->present_village }}</td>
                    <th>Post Office</th>
                    <td>{{ $studentinfo->present_post_office }}</td>
                </tr>
                <tr>
                    <th>Post Code</th>
                    <td>{{ $studentinfo->present_post_code }}</td>
                    <th>Upazilla</th>
                    <td>{{ $studentinfo->present_upazilla }}</td>
                </tr>
                <tr>
                    <th>District</th>
                    <td>{{ $studentinfo->present_district }}</td>
                    <th>Division</th>
                    <td>{{ $studentinfo->present_division }}</td>
                </tr>
            </table>

            <div class="section-title">Permanent Address</div>
            <table class="table table-bordered info-table">
                <tr>
                    <th>Village</th>
                    <td>{{ $studentinfo->permanent_village }}</td>
                    <th>Post Office</th>
                    <td>{{ $studentinfo->permanent_post_office }}</td>
                </tr>
                <tr>
                    <th>Post Code</th>
                    <td>{{ $studentinfo->permanent_post_code }}</td>
                    <th>Upazilla</th>
                    <td>{{ $studentinfo->permanent_upazilla }}</td>
                </tr>
                <tr>
                    <th>District</th>
                    <td>{{ $studentinfo->permanent_district }}</td>
                    <th>Division</th>
                    <td>{{ $studentinfo->permanent_division }}</td>
                </tr>
            </table>

            {{-- Previous School --}}
            <div class="section-title">Previous School Information</div>
            <table class="table table-bordered info-table">
                <tr>
                    <th>School Name</th>
                    <td>{{ $studentinfo->previous_school_name }}</td>
                    <th>Address</th>
                    <td>{{ $studentinfo->previous_school_address }}</td>
                </tr>
                <tr>
                    <th>Transfer Reason</th>
                    <td>{{ $studentinfo->transfer_reason }}</td>
                    <th>Class</th>
                    <td>{{ $studentinfo->previous_class }}</td>
                </tr>
                <tr>
                    <th>Roll</th>
                    <td colspan="3">{{ $studentinfo->previous_roll }}</td>
                </tr>
            </table>
        </div>
    </div>
    </div>
    </div>
@endsection

@section('customjs')
    <script>
        function printForm() {
            var printContents = document.getElementById('printArea').innerHTML;
            var originalContents = document.body.innerHTML;
            document.body.innerHTML = printContents;
            window.print();
            document.body.innerHTML = originalContents;
        }
    </script>
@endsection