@extends('public.layout.app')
@section('title', $assignment->title)

@section('body')
<section class="pt-5">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 mx-auto">
                <div class="card shadow-sm border-0">
                    <div class="card-header bg-white border-0 py-3">
                        <div class="d-flex justify-content-between align-items-center">
                            <div>
                                <h5 class="fw-bold mb-1">{{ $assignment->title }}</h5>
                                <p class="text-muted small mb-0">{{ $assignment->course->title ?? 'Course' }}</p>
                            </div>
                            <a href="{{ route('student.assignments.index') }}" class="btn btn-outline-secondary btn-sm">
                                <i class="fas fa-arrow-left me-2"></i> {{ __('front.back') }}
                            </a>
                        </div>
                    </div>
                    <div class="card-body p-4">
                        <!-- Assignment Details -->
                        <div class="row mb-4">
                            <div class="col-md-6">
                                <div class="d-flex align-items-center">
                                    <div class="bg-primary bg-opacity-10 rounded-3 p-3 me-3">
                                        <i class="fas fa-calendar-alt text-primary"></i>
                                    </div>
                                    <div>
                                        <span class="text-muted small">{{ __('front.due_date') }}</span>
                                        <h6 class="fw-bold mb-0">
                                            @if($assignment->due_at)
                                                {{ $assignment->due_at->format('F d, Y') }}
                                                <span class="text-muted small">at {{ $assignment->due_at->format('h:i A') }}</span>
                                            @else
                                                No due date
                                            @endif
                                        </h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="d-flex align-items-center">
                                    <div class="bg-success bg-opacity-10 rounded-3 p-3 me-3">
                                        <i class="fas fa-star text-success"></i>
                                    </div>
                                    <div>
                                        <span class="text-muted small">{{ __('front.max_grade') }}</span>
                                        <h6 class="fw-bold mb-0">{{ $assignment->max_grade ?? 'N/A' }}</h6>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Instructions -->
                        <div class="mb-4">
                            <h6 class="fw-bold mb-2">{{ __('front.instructions') }}</h6>
                            <div class="p-3 bg-light rounded-3">
                                {!! nl2br(e($assignment->instructions)) !!}
                            </div>
                        </div>

                        <!-- Submission Status -->
                        @if(isset($submission) && $submission)
                            <div class="alert alert-success">
                                <div class="d-flex align-items-center">
                                    <i class="fas fa-check-circle fa-2x me-3"></i>
                                    <div>
                                        <h6 class="fw-bold mb-1">{{ __('front.assignment_submitted') }}</h6>
                                        <p class="mb-1">Submitted on {{ $submission->submitted_at->format('F d, Y \a\t h:i A') }}</p>
                                        @if($submission->grade)
                                            <p class="mb-1"><strong>{{ __('front.grade_2') }}</strong> {{ $submission->grade }} / {{ $assignment->max_grade }}</p>
                                        @endif
                                        @if($submission->feedback)
                                            <div class="mt-2">
                                                <strong>{{ __('front.feedback') }}</strong><br>
                                                {{ $submission->feedback }}
                                            </div>
                                        @endif
                                        <div class="mt-3">
                                            <a href="{{ route('student.assignments.download', [$assignment->id, $submission->id]) }}" class="btn btn-sm btn-outline-success">
                                                <i class="fas fa-download me-1"></i> {{ __('front.download_submission') }}
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @else
                            <div class="alert alert-warning">
                                <div class="d-flex align-items-center">
                                    <i class="fas fa-exclamation-triangle fa-2x me-3"></i>
                                    <div>
                                        <h6 class="fw-bold mb-1">{{ __('front.not_submitted_yet') }}</h6>
                                        <p class="mb-0">{{ __('front.you_haven_t_submitted_this_assignment_yet') }}</p>
                                    </div>
                                </div>
                            </div>

                            @if(!$assignment->due_at || now()->lte($assignment->due_at))
                                <div class="d-grid">
                                    <a href="{{ route('student.assignments.create', $assignment->id) }}" class="btn btn-primary btn-lg">
                                        <i class="fas fa-upload me-2"></i> {{ __('front.submit_assignment') }}
                                    </a>
                                </div>
                            @else
                                <div class="alert alert-danger">
                                    <i class="fas fa-clock me-2"></i> {{ __('front.this_assignment_is_overdue_submissions_are_no_longer_ac') }}
                                </div>
                            @endif
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection