@extends('emails.template')

@section('title', 'Assignment Graded!')

@section('content')
    <h2>Your Assignment Has Been Graded</h2>
    <p>Hi {{ $submission->student->user->name }},</p>
    <p>Your instructor has reviewed and graded your submission for the assignment: <strong>{{ $submission->assignment->title }}</strong>.</p>
    
    <div style="background-color: #faf8f3; border: 1px solid #f0eae1; border-radius: 8px; padding: 16px; margin: 20px 0; font-size: 13px;">
        <strong>Grading Summary:</strong><br>
        Score: <strong style="font-size: 16px; color: #C9971A;">{{ $submission->grade }}</strong> / {{ $submission->assignment->points ?? '100' }}<br>
        Graded At: {{ now()->format('M d, Y') }}
    </div>

    @if($submission->feedback)
        <p><strong>Feedback from Instructor:</strong><br>
        <em>"{{ $submission->feedback }}"</em></p>
    @endif

    <div style="text-align: center;">
        <a href="{{ route('student.assignments') }}" class="btn">View Submission Portal</a>
    </div>

    <p>Keep up the great work!</p>
@endsection