@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="{{ route('homeworks.index') }}">Homework</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">Homework Details</h4>
                    <div class="mb-2 d-flex gap-2">
                        <a href="{{ route('homeworks.index') }}" class="btn btn-primary btn-sm">
                            <i class="fa-solid fa-list me-1"></i> Homework List
                        </a>
                        <a href="{{ route('homeworks.create') }}" class="btn btn-primary btn-sm">
                            <i class="fa-solid fa-plus me-1"></i> Add Homework
                        </a>
                    </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-circle-check me-2"></i>Homework 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-12 mb-2">
                                    <h4 class="mb-1">{{ $homework->title }}</h4>
                                    @if($homework->description)
                                        <p class="mb-2">{!! nl2br(e($homework->description)) !!}</p>
                                    @else
                                        <p class="mb-2 text-muted">No description provided.</p>
                                    @endif
                                </div>

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

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

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

                                <div class="col-xl-3 col-sm-6 mb-3">
                                    <label class="form-label mb-1"><strong>Due Date</strong></label>
                                    <div>{{ \Carbon\Carbon::parse($homework->due_date)->format('d M Y') }}</div>
                                </div>

                                <div class="col-xl-12">
                                    @if($homework->attachment)
                                        <label class="form-label mb-1"><strong>Attachment</strong></label>
                                        <div class="d-flex align-items-center gap-2 flex-wrap">
                                            <a href="{{ asset('storage/'.$homework->attachment) }}"
                                               class="btn btn-info btn-sm"
                                               download>
                                                <i class="fa-solid fa-download me-1"></i> Download
                                            </a>
                                            <a href="{{ asset('storage/'.$homework->attachment) }}"
                                               class="btn btn-primary btn-sm"
                                               target="_blank">
                                                <i class="fa-solid fa-eye me-1"></i> View
                                            </a>
                                        </div>
                                    @else
                                        <p class="text-muted mb-0"><strong>Attachment:</strong> None</p>
                                    @endif
                                </div>

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

                {{-- Submission List Box --}}
                <div class="filter cm-content-box box-primary mt-4">
                    <div class="content-title SlideToolHeader">
                        <div class="cpa">
                            <i class="fa-solid fa-file-lines me-1"></i>Student Submissions
                        </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 pb-4">
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>SL</th>
                                            <th>Student</th>
                                            <th>Status</th>
                                            <th>Submitted At</th>
                                            <th>File</th>
                                            <th>Marks</th>
                                            <th class="text-end">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($submissions as $key => $sub)
                                            <tr>
                                                <td>{{ $key + 1 }}</td>
                                                <td>{{ $sub->student->student_name_english ?? '-' }}</td>
                                                <td>{{ ucfirst($sub->status) }}</td>
                                                <td>
                                                    {{ $sub->submitted_at ? \Carbon\Carbon::parse($sub->submitted_at)->format('d M Y h:i A') : '-' }}
                                                </td>
                                                <td class="text-nowrap">
                                                    @if($sub->submission_file)
                                                        <a href="{{ asset('storage/'.$sub->submission_file) }}"
                                                           target="_blank"
                                                           class="btn btn-primary btn-sm content-icon"
                                                           title="View Submission">
                                                            <i class="fa fa-eye"></i>
                                                        </a>
                                                    @else
                                                        <span class="text-muted">No file</span>
                                                    @endif
                                                </td>

                                                <td style="min-width: 210px;">
                                                    <form action="{{ route('teacher.homeworks.marks', $sub->id) }}"
                                                          method="POST"
                                                          class="d-flex align-items-center gap-2">
                                                        @csrf
                                                        <input type="number"
                                                               name="marks"
                                                               class="form-control"
                                                               value="{{ $sub->marks }}"
                                                               min="0"
                                                               style="width:90px;">
                                                        <button type="submit" class="btn btn-success btn-sm">
                                                            <i class="fa-solid fa-floppy-disk me-1"></i> Save
                                                        </button>
                                                    </form>
                                                </td>

                                                <td class="text-end">
                                                    @if(!is_null($sub->marks))
                                                        <span class="text-success">Marked</span>
                                                    @else
                                                        <span class="text-warning">Pending</span>
                                                    @endif
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="7" class="text-center text-muted">No submissions yet</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>

                                {{-- Optional: if submissions is paginated --}}
                                @if(method_exists($submissions, 'links'))
                                    <div class="d-flex align-items-center justify-content-between flex-wrap">
                                        <p class="mb-2 me-3">
                                            @if($submissions->total() > 0)
                                                Page {{ $submissions->currentPage() }} of {{ $submissions->lastPage() }},
                                                showing {{ $submissions->count() }} records out of {{ $submissions->total() }} total
                                            @else
                                                Showing 0 records
                                            @endif
                                        </p>
                                        <div class="mb-2 mb-sm-0">
                                            {{ $submissions->appends(request()->query())->links() }}
                                        </div>
                                    </div>
                                @endif

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

            </div>
        </div>

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

@section('customjs')
{{-- Optional custom JS here --}}
@endsection