@if($submission)
<div class="submission-details">
    <div class="row">
        <div class="col-md-6">
            <h6>Student Information</h6>
            <div class="mb-3">
                <strong>Name:</strong> {{ $submission->student->name ?? 'N/A' }}<br>
                <strong>Institute ID:</strong> {{ $submission->student->institute_id ?? 'N/A' }}<br>
                <strong>National ID:</strong> {{ $submission->student->national_id ?? 'N/A' }}<br>
                <strong>Father Name:</strong> {{ $submission->student->father_name ?? 'N/A' }}
            </div>
        </div>
        <div class="col-md-6">
            <h6>Submission Details</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->username ?? 'N/A' }}
                @endif
            </div>
        </div>
    </div>

    @if($submission->answer_text)
    <div class="mb-4">
        <h6>Answer Text</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>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>
        @if($submission->file_name)
            <small class="text-muted ms-2">{{ $submission->file_name }}</small>
        @endif
    </div>
    @endif

    @if($submission->feedback)
    <div class="mb-4">
        <h6>Feedback</h6>
        <div class="bg-light p-3 rounded">
            {{ $submission->feedback }}
        </div>
    </div>
    @endif

    <!-- Action Buttons -->
    <div class="d-flex justify-content-end gap-2 mt-4 pt-3 border-top">
        @if(!$submission->isGraded())
            <button class="btn btn-success grade-submission-btn" 
                    data-submission-id="{{ $submission->id }}"
                    data-student-name="{{ $submission->student->name }}">
                <i class="fas fa-check me-1"></i>Grade Submission
            </button>
        @else
            <button class="btn btn-warning edit-grade-btn" 
                    data-submission-id="{{ $submission->id }}"
                    data-student-name="{{ $submission->student->name }}"
                    data-current-score="{{ $submission->score }}"
                    data-current-feedback="{{ $submission->feedback }}">
                <i class="fas fa-edit me-1"></i>Edit Grade
            </button>
        @endif
        <button class="btn btn-outline-secondary" data-bs-dismiss="modal">
            <i class="fas fa-times me-1"></i>Close
        </button>
    </div>
</div>
@else
<div class="alert alert-warning">
    <i class="fas fa-exclamation-triangle me-2"></i>
    Submission not found.
</div>
@endif