@extends('layouts.app')

@section('title', 'Course Category List ')

@section('content')

    <section class="no-print">
        <nav
            class="navbar-default tw-transition-all tw-duration-5000 tw-shrink-0 tw-rounded-2xl tw-m-[16px] tw-border-2 !tw-bg-white">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false"
                        style="margin-top: 3px; margin-right: 3px;">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="{{ action([App\Http\Controllers\CourseController::class, 'index']) }}"><i
                            class="fas fa fa-broadcast-tower"></i> Driving School</a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">

                        @if (auth()->user()->can('accounting.manage_accounts'))
                            <li @if (request()->segment(2) == 'chart-of-accounts') class="active" @endif><a
                                    href="{{ action([App\Http\Controllers\CourseController::class, 'index']) }}"> Course</a>
                            </li>
                        @endif

                        @if (auth()->user()->can('accounting.manage_accounts'))
                            <li @if (request()->segment(2) == 'chart-of-accounts') class="active" @endif><a
                                    href="{{ action([App\Http\Controllers\CourseController::class, 'create']) }}">Add
                                    Course</a>
                            </li>
                        @endif

                        @if (auth()->user()->can('accounting.view_journal'))
                            <li @if (request()->segment(2) == 'journal-entry') class="active" @endif><a
                                    href="{{ action([App\Http\Controllers\CourseCategoryController::class, 'index']) }}">Course
                                    Category</a>
                            </li>
                        @endif

                        @if (auth()->user()->can('accounting.view_transfer'))
                            <li @if (request()->segment(2) == 'transfer') class="active" @endif>
                                <a href="{{ action([App\Http\Controllers\CourseCategoryController::class, 'create']) }}">
                                    Add Course Category
                                </a>
                            </li>
                        @endif

                    </ul>

                </div><!-- /.navbar-collapse -->
            </div><!-- /.container-fluid -->
        </nav>
    </section>

    <!-- Content Header -->
    <section class="content-header">
        <h1 class="tw-text-xl md:tw-text-3xl tw-font-bold tw-text-black">
            Course Category List
        </h1>
    </section>

    <!-- Main Content -->
    <section class="content">
        <div class="row">
            <div class="col-md-12">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">All Course Category</h3>
                        <a href="{{ route('courses_category.create') }}" class="btn btn-success pull-right">
                            <i class="fa fa-plus"></i> Add Category
                        </a>
                    </div>

                    <div class="box-body">
                        <div class="table-responsive">
                            <table class="table table-bordered table-striped" id="courses_table">
                                <thead>
                                    <tr>
                                        <th>Category Name</th>
                                        <th>Description</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection

@section('javascript')
    <script>
        $(document).ready(function() {
            $('#courses_table').DataTable({
                processing: true,
                serverSide: true,
                ajax: '{{ route('courses_category.data') }}',
                columns: [{
                        data: 'category_name',
                        name: 'category_name'
                    },
                    {
                        data: 'description',
                        name: 'description'
                    },
                    {
                        data: 'actions',
                        name: 'actions',
                        orderable: false,
                        searchable: false
                    }
                ]
            });
        });
    </script>
@endsection


<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<script>
    function confirmDelete(courseId) {
        if (confirm('Are you sure you want to delete this course?')) {
            document.getElementById('delete-course-form-' + courseId).submit();
        }
    }
</script>

<script>
    function confirmDelete(courseId, deleteUrl) {
        Swal.fire({
            title: "Are you sure?",
            text: "This action cannot be undone!",
            icon: "warning",
            showCancelButton: true,
            confirmButtonColor: "#d33",
            cancelButtonColor: "#3085d6",
            confirmButtonText: "Yes, delete it!"
        }).then((result) => {
            if (result.isConfirmed) {
                document.getElementById('delete-course-form-' + courseId).submit();
            }
        }).then({

            Swal.fire("Deleted!", 'Category Deleted Successfully..', "success");

            // Refresh DataTable after deletion
            $('#courses_table').DataTable().ajax.reload();

        });;
    }
</script>