@extends('layouts.app')

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
    <div class="card">
        <div class="card-header">
            <h5 class="mb-0">Submission Details</h5>
            <hr/>
        </div>

        <div class="card-body">
            @if(session('success')) <div class="alert alert-success">{{ session('success') }}</div> @endif
            @if(session('error')) <div class="alert alert-danger">{{ session('error') }}</div> @endif

            <p><b>Assignment:</b> {{ $assignment->title }}</p>
            <p><b>Student ID:</b> {{ $submission->student_id }}</p>
            <p><b>Student Name:</b> {{ $submission->student?->name }}</p>
            <p><b>Submitted At:</b> {{ $submission->submitted_at ? $submission->submitted_at->format('Y-m-d H:i') : 'N/A' }}</p>
            <p><b>Grade:</b> {{ $submission->grade ?? '-' }}</p>

            <p><b>File:</b>
                @if($submission->file_path)
                    <a target="_blank" href="{{ asset('storage/'.$submission->file_path) }}">Download/View</a>
                @else
                    N/A
                @endif
            </p>

            @role('teacher')
            <form method="POST" action="{{ route('assignments.submissions.update', [$assignment, $submission]) }}">
                @csrf
                @method('PATCH')

                <div class="mb-3">
                    <label class="form-label">Grade</label>
                    <input class="form-control" name="grade" value="{{ old('grade', $submission->grade) }}">
                    @error('grade') <small class="text-danger">{{ $message }}</small> @enderror
                </div>

                <button class="btn btn-primary">Update Grade</button>
            </form>
            @endrole

            @role('master admin')
            <form method="POST" action="{{ route('assignments.submissions.update', [$assignment, $submission]) }}">
                @csrf
                @method('PATCH')

                <div class="mb-3">
                    <label class="form-label">Grade</label>
                    <input class="form-control" name="grade" value="{{ old('grade', $submission->grade) }}">
                    @error('grade') <small class="text-danger">{{ $message }}</small> @enderror
                </div>

                <button class="btn btn-primary">Update Grade</button>
            </form>
            @endrole

            <a href="{{ url()->previous() }}" class="btn btn-secondary mt-3">Back</a>
        </div>
    </div>
</div>
@endsection