@extends('teacher.teacher_dashboard')

@section('admin')
<!--**********************************
    Content body start
***********************************-->
<div class="content-body default-height">
    <div class="container-fluid">

        {{-- Breadcrumb --}}
        <div class="row page-titles">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="javascript:void(0)">CMS</a></li>
                <li class="breadcrumb-item"><a href="javascript:void(0)">Syllabus</a></li>
                <li class="breadcrumb-item active"><a href="javascript:void(0)">Details</a></li>
            </ol>
        </div>

        <div class="row">
            <div class="col-xl-12">

                {{-- Top Actions --}}
                <div class="mb-4 pb-2 d-flex align-items-center justify-content-between flex-wrap">
                    <h4 class="mb-2">Syllabus Details</h4>
                    <div class="mb-2 d-flex gap-2">
                        @if($syllabus->status === 'draft')
                            <a href="{{ route('teacher.syllabus.edit', $syllabus->id) }}" class="btn btn-warning btn-sm">
                                <i class="fa-solid fa-edit me-1"></i> Edit
                            </a>
                            <form action="{{ route('teacher.syllabus.destroy', $syllabus->id) }}" method="POST" class="d-inline-block" onsubmit="return confirm('Are you sure you want to delete this draft?')">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger btn-sm">
                                    <i class="fa-solid fa-trash me-1"></i> Delete
                                </button>
                            </form>
                            <a href="{{ route('teacher.syllabus.index') }}" class="btn btn-primary btn-sm">
                                <i class="fa-solid fa-list me-1"></i> Back to Drafts
                            </a>
                        @else
                            <a href="{{ route('teacher.syllabus.published') }}" class="btn btn-primary btn-sm">
                                <i class="fa-solid fa-list me-1"></i> Back to Published
                            </a>
                        @endif
                    </div>
                </div>

                {{-- Details Box --}}
                <div class="filter cm-content-box box-primary">
                    <div class="content-title SlideToolHeader">
                        <div class="cpa">
                            <i class="fa-solid fa-file-lines me-2"></i>Syllabus Info
                        </div>
                        <div class="tools">
                            <a href="javascript:void(0);" class="expand handle"><i class="fal fa-angle-down"></i></a>
                        </div>
                    </div>

                    <div class="cm-content-body form excerpt">
                        <div class="card-body">
                            <div class="row">

                                <div class="col-xl-3 col-sm-6 mb-3">
                                    <label class="form-label mb-1"><strong>Session</strong></label>
                                    <div>{{ $syllabus->session->name ?? '-' }}</div>
                                </div>

                                <div class="col-xl-3 col-sm-6 mb-3">
                                    <label class="form-label mb-1"><strong></strong>Class</strong></label>
                                    <div>{{ $syllabus->class->name ?? '-' }}</div>
                                </div>

                                <div class="col-xl-3 col-sm-6 mb-3">
                                    <label class="form-label mb-1"><strong>Subject</strong></label>
                                    <div>{{ $syllabus->subject->name ?? '-' }}</div>
                                </div>

                                <div class="col-xl-3 col-sm-6 mb-3">
                                    <label class="form-label mb-1"><strong>Full Marks</strong></label>
                                    <div>{{ $syllabus->full_marks ?? '-' }}</div>
                                </div>

                                <div class="col-xl-3 col-sm-6 mb-3">
                                    <label class="form-label mb-1"><strong>Status</strong></label>
                                    <div>{{ isset($syllabus->status) ? ucfirst($syllabus->status) : '-' }}</div>
                                </div>

                                <div class="col-xl-12 mb-3">
                                    <label class="form-label mb-1"><strong>Marks Distribution</strong></label>
                                    <div class="border rounded p-3 syllabus-content">
                                        @php
                                            $marksContent = $syllabus->marks_distribution ?? '<p class="text-muted">No content available</p>';
                                            // Remove backslash escaping first
                                            $marksContent = stripslashes($marksContent);
                                            // Decode unicode escape sequences (u09ac format without backslash)
                                            if (strpos($marksContent, 'u0') !== false) {
                                                $marksContent = preg_replace_callback('/u([0-9a-fA-F]{4})/', function ($match) {
                                                    return mb_convert_encoding(pack('H*', $match[1]), 'UTF-8', 'UCS-2BE');
                                                }, $marksContent);
                                            }
                                        @endphp
                                        {!! $marksContent !!}
                                    </div>
                                </div>

                                <div class="col-xl-12 mb-3">
                                    <label class="form-label mb-1"><strong>Detailed Syllabus</strong></label>
                                    <div class="border rounded p-3 syllabus-content">
                                        @php
                                            $syllabusContent = $syllabus->detailed_syllabus ?? '<p class="text-muted">No content available</p>';
                                            // Remove backslash escaping first
                                            $syllabusContent = stripslashes($syllabusContent);
                                            // Decode unicode escape sequences (u09ac format without backslash)
                                            if (strpos($syllabusContent, 'u0') !== false) {
                                                $syllabusContent = preg_replace_callback('/u([0-9a-fA-F]{4})/', function ($match) {
                                                    return mb_convert_encoding(pack('H*', $match[1]), 'UTF-8', 'UCS-2BE');
                                                }, $syllabusContent);
                                            }
                                        @endphp
                                        {!! $syllabusContent !!}
                                    </div>
                                </div>

                                <div class="col-xl-12">
                                    <label class="form-label mb-1"><strong>Created At</strong></label>
                                    <div>
                                        {{ $syllabus->created_at ? $syllabus->created_at->format('d M, Y h:i A') : '-' }}
                                    </div>
                                </div>

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

            </div>
        </div>

    </div>
</div>
<!--**********************************
    Content body end
***********************************-->
@endsection

@section('customjs')
<style>
    /* Syllabus Content Styling */
    .syllabus-content {
        line-height: 1.6;
        color: #333;
    }
    
    .syllabus-content table {
        width: 100%;
        border-collapse: collapse;
        margin: 10px 0;
    }
    
    .syllabus-content table td,
    .syllabus-content table th {
        border: 1px solid #ddd;
        padding: 8px 12px;
    }
    
    .syllabus-content table th {
        background-color: #f8f9fa;
        font-weight: bold;
        text-align: left;
    }
    
    .syllabus-content ul,
    .syllabus-content ol {
        margin: 10px 0;
        padding-left: 30px;
    }
    
    .syllabus-content li {
        margin: 5px 0;
    }
    
    .syllabus-content p {
        margin: 10px 0;
    }
    
    .syllabus-content h1,
    .syllabus-content h2,
    .syllabus-content h3,
    .syllabus-content h4 {
        margin: 15px 0 10px 0;
        font-weight: bold;
    }
    
    .syllabus-content strong {
        font-weight: bold;
    }
    
    .syllabus-content em {
        font-style: italic;
    }
    
    .syllabus-content u {
        text-decoration: underline;
    }
    
    .syllabus-content img {
        max-width: 100%;
        height: auto;
        margin: 10px 0;
    }
</style>
@endsection