@extends('layouts.app')

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
  <div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
      <div>
        <h5 class="mb-0">Create Submission</h5>
        <small class="text-muted">Upload file to submit assignment</small>
      </div>
      <a href="{{ route('assignment-submissions.index') }}" class="btn btn-outline-secondary btn-sm">Back</a>
    </div>
    <hr class="mb-0"/>

    <div class="card-body">

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

      {{-- Global Errors --}}
      @if($errors->any())
        <div class="alert alert-danger">
          <strong>Please fix the following errors:</strong>
          <ul class="mb-0 mt-1">
            @foreach($errors->all() as $error)
              <li>{{ $error }}</li>
            @endforeach
          </ul>
        </div>
      @endif

      <form action="{{ route('assignment-submissions.store') }}" method="POST" enctype="multipart/form-data">
        @csrf

        {{-- Assignment --}}
        <div class="mb-3">
          <label class="form-label">Assignment <span class="text-danger">*</span></label>
          
          <select name="assignment_id"
                  class="form-control @error('assignment_id') is-invalid @enderror"
                  required>
            <option value="">-- Select --</option>
            @foreach($assignments as $a)
              <option value="{{ $a->id }}"
                {{ old('assignment_id') == $a->id ? 'selected' : '' }}>
                {{ $a->title }}
              </option>
            @endforeach
          </select>

          @error('assignment_id')
            <div class="invalid-feedback">
              {{ $message }}
            </div>
          @enderror
        </div>

        {{-- File Upload --}}
        <div class="mb-3">
          <label class="form-label">Upload File <span class="text-danger">*</span></label>

          <input type="file"
                 name="file"
                 class="form-control @error('file') is-invalid @enderror"
                 required>

          <small class="text-muted">
            Saved in: public/uploads/assignments (Max 10MB)
          </small>

          @error('file')
            <div class="invalid-feedback">
              {{ $message }}
            </div>
          @enderror
        </div>

        <button class="btn btn-primary">Submit</button>

      </form>
    </div>
  </div>
</div>
@endsection