@extends('layouts.dashboard')
@section('title', __('Assignments'))
@section('page_title', __('Assignments'))

@section('content')
    @include('partials.how-it-works', ['key' => 'instructor.assignments'])

<div class="d-flex align-items-center justify-content-between mb-4">
    <div class="d-flex align-items-center">
        <a href="{{ route('instructor.courses.show', $course) }}" class="btn btn-light btn-sm me-3"><i class="bi bi-arrow-left"></i></a>
        <div>
            <h4 class="mb-0 fw-bold">{{ __('Assignments') }}</h4>
            <p class="text-muted small mb-0">{{ $course->title }}</p>
        </div>
    </div>
    <a href="{{ route('instructor.assignments.create', $course) }}" class="btn btn-primary">
        <i class="bi bi-plus-lg me-1"></i> {{ __('New Assignment') }}
    </a>
</div>

<div class="card border-0 shadow-sm">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th class="ps-4">{{ __('Title') }}</th>
                        <th class="text-center">{{ __('Max Marks') }}</th>
                        <th>{{ __('Due Date') }}</th>
                        <th class="text-center">{{ __('Submissions') }}</th>
                        <th class="text-center">{{ __('Status') }}</th>
                        <th class="text-end pe-4">{{ __('Actions') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($assignments as $assignment)
                        <tr>
                            <td class="ps-4 fw-semibold">{{ $assignment->title }}</td>
                            <td class="text-center">{{ (int) $assignment->max_marks }}</td>
                            <td>{{ optional($assignment->due_date)->format('M d, Y') ?? '—' }}</td>
                            <td class="text-center">{{ $assignment->submissions_count }}</td>
                            <td class="text-center">
                                @if ($assignment->status)
                                    <span class="badge bg-success-subtle text-success-emphasis">{{ __('Active') }}</span>
                                @else
                                    <span class="badge bg-secondary-subtle text-secondary-emphasis">{{ __('Inactive') }}</span>
                                @endif
                            </td>
                            <td class="text-end pe-4">
                                <div class="d-inline-flex align-items-center gap-1">
                                    <a href="{{ route('instructor.assignments.submissions', $assignment) }}" class="btn btn-sm btn-outline-primary" title="{{ __('Submissions') }}"><i class="bi bi-inbox"></i></a>
                                    <a href="{{ route('instructor.assignments.edit', $assignment) }}" class="btn btn-sm btn-outline-secondary" title="{{ __('Edit') }}"><i class="bi bi-pencil"></i></a>
                                    <form action="{{ route('instructor.assignments.destroy', $assignment) }}" method="POST" data-confirm="{{ __('Delete this assignment?') }}" class="d-inline-flex">
                                        @csrf @method('DELETE')
                                        <button class="btn btn-sm btn-outline-danger" title="{{ __('Delete') }}"><i class="bi bi-trash"></i></button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="6" class="text-center text-muted py-5"><i class="bi bi-journal-text display-6 d-block mb-2"></i>{{ __('No assignments yet.') }}</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection