@extends('layouts.main_dashboard.app')

@section('styles')
@endsection

@section('title',  __('dashboard.All Subject Units for :subject', ['subject' => $subject->name])
@section('page_heading',  __('dashboard.All Subject Units for :subject', ['subject' => $subject->name]))

@section('breadcrumb')
    <li class="breadcrumb-item text-muted">
        <a href="{{ route('admin.home') }}" class="text-muted text-hover-primary">{{ __('dashboard.Home') }}</a>
    </li>
    <li class="breadcrumb-item">
        <span class="bullet bg-gray-500 w-5px h-2px"></span>
    </li>
    <li class="breadcrumb-item text-muted">
        <a href="{{ route('admin.subjects.index') }}" class="text-muted text-hover-primary">{{ __('dashboard.Subjects') }}</a>
    </li>
    <li class="breadcrumb-item">
        <span class="bullet bg-gray-500 w-5px h-2px"></span>
    </li>
    <li class="breadcrumb-item text-muted">
        <a href="{{ route('admin.subject-units.index', $subject->id) }}" class="text-muted text-hover-primary">{{ __('dashboard.SubjectUnits') }}</a>
    </li>
@endsection

@section('actions')
    <a href="{{ route('admin.subject-units.create', $subject->id) }}" class="inline-flex items-center gap-2 rounded-xl bg-brand-600 px-4 py-2 text-sm font-bold text-white hover:bg-brand-700">{{ __('dashboard.Add New Subject Unit') }}</a>
@endsection

@section('content')
    <div id="kt_app_content" class="app-content flex-column-fluid">
        <div id="kt_app_content_container" class="app-container container-fluid">
            <div class="row g-7">
                <div class="col-xl-12">
                    <div class="card card-flush h-lg-100" id="kt_contacts_main">
                        <div class="card-header pt-7" id="kt_chat_contacts_header">
                            <div class="text-lg font-black text-zinc-900 dark:text-white">
                                <i class="ki-outline ki-abstract-14 fs-1 me-2"></i>
                                <h2>{{ __('dashboard.All Subject Units') }}</h2>
                            </div>
                        </div>
                        <div class="card-body pt-5">
                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                        <th>{{ __('dashboard.ID') }}</th>
                                        <th>{{ __('dashboard.Name') }}</th>
                                        <th>{{ __('dashboard.Description') }}</th>
                                        <th>{{ __('dashboard.Actions') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($units as $unit)
                                        <tr>
                                            <td>{{ $unit->id }}</td>
                                            <td>{{ $unit->name }}</td>
                                            <td>{{ $unit->description }}</td>
                                            <td>
                                                <a href="{{ route('admin.subject-units.edit', ['subjectId' => $subject->id, 'id' => $unit->id]) }}" class="btn btn-warning btn-sm">{{ __('dashboard.Edit') }}</a>
                                                <form action="{{ route('admin.subject-units.destroy', ['subjectId' => $subject->id, 'id' => $unit->id]) }}" method="POST" style="display:inline;">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('{{ __('dashboard.Are you sure you want to delete this Item?') }}');">{{ __('dashboard.Delete') }}</button>
                                                </form>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
@endsection