@extends('layouts.admin')
@section('title', 'Manage Subjects')

@section('content')
    <div class="mb-6 flex flex-col sm:flex-row justify-between items-start sm:items-center space-y-4 sm:space-y-0">
        <!-- Heading -->
        <div>
            <h2 class="text-2xl font-bold text-gray-800">All Subjects</h2>
            <p class="text-gray-600">Manage and view all subjects</p>
        </div>

        <!-- Actions -->
        <div class="flex flex-col sm:flex-row sm:items-center sm:space-x-3 space-y-3 sm:space-y-0 w-full sm:w-auto">
            <a href="{{ route('admin.subjects.create') }}" class="bg-green-600 text-white px-4 py-2 rounded-lg hover:bg-green-700 transition duration-200 flex items-center justify-center">
                <i class="fas fa-plus mr-2"></i>
                Add Subject
            </a>

        </div>
    </div>

    <table class="min-w-full">
        @foreach($subjects as $subject)
            <tr class="border-b">
                <td class="py-2">{{ $subject->name }}</td>
                <td class="text-right">
                    <a href="{{ route('admin.subjects.edit', $subject) }}" class="text-yellow-600 mr-2">
                        <i class="fas fa-edit"></i>
                    </a>
                    <form method="POST" action="{{ route('admin.subjects.destroy', $subject) }}" class="inline delete-form">
                        @csrf @method('DELETE')
                        <button class="text-red-600"><i class="fas fa-trash"></i></button>
                    </form>
                </td>
            </tr>
        @endforeach
    </table>

    {{ $subjects->links() }}
@endsection