@if($submission)
<div class="submission-details">
    <div class="row">
        <div class="col-md-6">
            <h6>Submission Information</h6>
            <div class="mb-3">
                <strong>Submitted:</strong> {{ $submission->submitted_at->format('M d, Y h:i A') }}<br>
                <strong>Status:</strong> 
                <span class="badge bg-{{ $submission->isLate() ? 'danger' : 'info' }}">
                    {{ $submission->isLate() ? 'Late' : 'On Time' }}
                </span><br>
                @if($submission->isGraded())
                    <strong>Score:</strong> {{ $submission->score }}/{{ $submission->assignment->max_score }}<br>
                    <strong>Graded By:</strong> {{ $submission->gradedBy->user->name ?? 'N/A' }}
                @endif
            </div>
        </div>
    </div>

    @if($submission->answer_text)
    <div class="mb-4">
        <h6>Your Answer</h6>
        <div class="bg-light p-3 rounded">
            {!! nl2br(e($submission->answer_text)) !!}
        </div>
    </div>
    @endif

    @if($submission->file_path)
    <div class="mb-4">
        <h6>Your Attached File</h6>
        <a href="{{ asset('storage/'.$submission->file_path) }}" 
           class="btn btn-outline-primary btn-sm"
           target="_blank"
           download>
            <i class="fas fa-download me-1"></i>
            Download {{ $submission->file_name ?? 'File' }}
        </a>
    </div>
    @endif

    @if($submission->feedback)
    <div class="mb-4">
        <h6>Teacher Feedback</h6>
        <div class="bg-light p-3 rounded">
            {{ $submission->feedback }}
        </div>
    </div>
    @endif
</div>
@else
<div class="alert alert-warning">
    <i class="fas fa-exclamation-triangle me-2"></i>
    Submission not found.
</div>
@endif