@include('layouts.second_header')

<div class="shell">
  <header class="topbar">
    <div class="brand">OXFORD GLOBAL CAMPUS<br><small>Student Portal</small></div>
  </header>

  <main class="container">
    <section class="panel">
      <div class="panel-head">
        <h2>Assignment Submission</h2>
      </div>

      @if(session('success'))
        <div style="margin-bottom:1rem; padding:0.75rem 1rem; border-radius:8px; background:#ecfeff; color:#064e3b; border:1px solid #bbf7d0;">
          <strong>Success:</strong> {{ session('success') }}
        </div>
      @endif

      <div style="padding:1rem; background:#fff; border-radius:12px; box-shadow:0 6px 18px rgba(0,0,0,0.04);">
        <h3>{{ $assignment->title }}</h3>
        <p style="color:#6b7280;">Due: {{ \Illuminate\Support\Carbon::parse($assignment->due_date)->format('d M Y') }}</p>
            <p style="margin-top:0.6rem;">{{ $assignment->description }}</p>
            @if($assignment->attachment_path)
              <div style="margin-top:0.5rem;"><a href="{{ Storage::url($assignment->attachment_path) }}" target="_blank" rel="noopener">View assignment attachment</a></div>
            @endif

        <hr style="margin:1rem 0;" />

        @if($submission)
          <div style="margin-bottom:0.75rem;">
            <strong>Your submission</strong>
            <div style="color:#374151; margin-top:0.35rem;">{{ $submission->submission_text }}</div>
            @if($submission->file_path)
              <div style="margin-top:0.5rem;"><a href="{{ asset('storage/' . $submission->file_path) }}" download="{{ basename($submission->file_path) }}" target="_blank" rel="noopener">Download uploaded file</a></div>
            @endif
            <div style="margin-top:0.5rem; color:#6b7280;">Status: {{ ucfirst($submission->status) }}</div>
          </div>

          <form method="POST" action="{{ route('student.assignments.submit', $assignment->id) }}" enctype="multipart/form-data" style="display:flex; gap:0.5rem; align-items:center;">
            @csrf
            <input type="text" name="submission_text" placeholder="Update submission notes" class="form-control" />
            <input type="file" name="file" class="form-control" />
            <button class="btn btn-primary" type="submit">Update submission</button>
          </form>
        @else
          <div style="margin-bottom:1rem; color:#6b7280;">You have not submitted this assignment yet.</div>

          <form method="POST" action="{{ route('student.assignments.submit', $assignment->id) }}" enctype="multipart/form-data" style="display:flex; gap:0.5rem; align-items:center;">
            @csrf
            <input type="text" name="submission_text" placeholder="Submission notes" class="form-control" />
            <input type="file" name="file" class="form-control" />
            <button class="btn btn-primary" type="submit">Submit assignment</button>
          </form>
        @endif

        <div style="margin-top:1rem;"><a href="{{ route('student.dashboard') }}" class="btn btn-outline">Back to courses</a></div>
      </div>
    </section>
  </main>
</div>

</html>