@extends('public.layout.app')
@section('title', __('front.edit_assignment'))

@section('body')
<section class="pt-5" style="background-color: #f5f7fc;">
    <div class="container">

        @include('public.portals.teacher.partials.nav')

        {{-- Header with back button --}}
        <div class="d-flex justify-content-between align-items-center mb-4">
            <h4 class="fw-bold mb-0">{{ __('front.edit_assignment') }}</h4>
            <div class="d-flex gap-2">
                <a href="{{ route('teacher.courses.show', $assignment->course_id) }}"
                   class="btn btn-outline-secondary btn-rounded">
                    <i class="fas fa-arrow-left me-2"></i> {{ __('front.back_to_course') }}
                </a>
                <a href="{{ route('teacher.assignments.index') }}"
                   class="btn btn-outline-secondary btn-rounded">
                    <i class="fas fa-list me-2"></i> {{ __('front.all_assignments') }}
                </a>
            </div>
        </div>

        {{-- Edit Form --}}
        <div class="card-soft p-4 shadow-soft">
            <form action="{{ route('teacher.assignments.update', $assignment->id) }}" method="POST">
                @csrf
                @method('PUT')

                {{-- Assignment Title --}}
                <div class="mb-4">
                    <label for="title" class="form-label fw-semibold">
                        {{ __('front.assignment_title') }} <span class="text-danger">*</span>
                    </label>
                    <input type="text"
                           name="title"
                           id="title"
                           class="form-control rounded-pill @error('title') is-invalid @enderror"
                           value="{{ old('title', $assignment->title) }}"
                           placeholder="{{ __('front.e_g_midterm_essay') }}">
                    @error('title')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                {{-- Instructions --}}
                <div class="mb-4">
                    <label for="instructions" class="form-label fw-semibold">
                        {{ __('front.instructions') }}
                    </label>
                    <textarea name="instructions"
                              id="instructions"
                              rows="6"
                              class="form-control @error('instructions') is-invalid @enderror"
                              placeholder="{{ __('front.describe_the_assignment_provide_guidelines_attach_resou') }}">{{ old('instructions', $assignment->instructions) }}</textarea>
                    @error('instructions')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="row g-3 mb-4">
                    {{-- Due Date --}}
                    <div class="col-md-6">
                        <label for="due_at" class="form-label fw-semibold">
                            {{ __('front.due_date_time') }}
                        </label>
                        <input type="datetime-local"
                               name="due_at"
                               id="due_at"
                               class="form-control rounded-pill @error('due_at') is-invalid @enderror"
                               value="{{ old('due_at', $assignment->due_at ? $assignment->due_at->format('Y-m-d\TH:i') : '') }}">
                        @error('due_at')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                        <div class="form-text">{{ __('front.leave_empty_for_no_due_date') }}</div>
                    </div>

                    {{-- Max Grade --}}
                    <div class="col-md-6">
                        <label for="max_grade" class="form-label fw-semibold">
                            {{ __('front.maximum_grade') }}
                        </label>
                        <input type="number"
                               name="max_grade"
                               id="max_grade"
                               class="form-control rounded-pill @error('max_grade') is-invalid @enderror"
                               value="{{ old('max_grade', $assignment->max_grade) }}"
                               min="1"
                               max="1000"
                               step="1">
                        @error('max_grade')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                {{-- Course information (readonly) --}}
                <div class="bg-light p-3 rounded-3 mb-4">
                    <div class="d-flex align-items-center">
                        <i class="fas fa-book-open text-primary me-3"></i>
                        <div>
                            <span class="text-muted2 small">{{ __('front.course') }}</span>
                            <div class="fw-semibold">
                                {{ $assignment->course->title ?? 'Course #'.$assignment->course_id }}
                                @if($assignment->course->code ?? false)
                                    <span class="text-muted2">({{ $assignment->course->code }})</span>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Form Actions --}}
                <div class="d-flex justify-content-end gap-3">
                    <a href="{{ route('teacher.courses.show', $assignment->course_id) }}"
                       class="btn btn-outline-secondary rounded-pill px-4">
                        {{ __('front.cancel') }}
                    </a>
                    <button type="submit" class="btn btn-primary rounded-pill px-5">
                        <i class="fas fa-save me-2"></i> {{ __('front.update_assignment') }}
                    </button>
                </div>
            </form>
        </div>

    </div>
</section>
@endsection