@extends('admin.master')

@section('title', @trans('Courses'))

@section('content')
<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box">
            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">@trans('Dashboard') </a>
                    </li>
                    <li class="breadcrumb-item"><a href="{{ route('admin.courses.index') }}">@trans('Courses') </a>
                    </li>
                    <li class="breadcrumb-item active">@trans('All Courses') </li>
                </ol>
            </div>
            <h4 class="page-title">@trans('Courses') </h4>
        </div>
    </div>
</div>
<!-- end page title -->

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <a href="{{ route('admin.courses.create') }}" class="btn btn-primary float-end"><i
                        class="fa-solid fa-square-plus"></i></a>
                <button type="button" class="btn btn-info" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
                    <i class="fa-solid fa-filter"></i>
                </button>
                <a href="{{ route('admin.courses.index') }}" class="btn btn-primary"><i
                        class="fa-solid fa-rotate"></i></a>
                <a href="{{ route('admin.courses.export_excel') }}" class="btn btn-outline-secondary"><i
                        class="fa-regular fa-file-excel"></i> @trans('Excel')</a>
            </div>
            @include('admin.pages.course._model_search')
            <div class="card-body">
                <!-- إضافة أزرار التصدير والطباعة فوق الطاولة -->

                {{-- <div class="mb-3">--}}
                    {{-- <a href="{{ route('admin.courses.export') }}" class="btn btn-outline-primary">--}}
                        {{-- <i class="fa-solid fa-file-excel"></i> @trans('Export to Excel')--}}
                        {{-- </a>--}}
                    {{-- --}}{{-- <button id="print-table" class="btn btn-info"><i class="fa-solid fa-print"></i>
                        @trans('Print') </button> --}}
                    {{-- </div>--}}

                <form id="update-pages" action="{{ route('admin.courses.actions') }}" method="post">
                    @csrf
                </form>
                <table id="courses-table" class="table table-striped dt-responsive nowrap w-100">
                    <thead>
                        <tr>
                        <tr class="bluck-actions" style="display: none" scope="row">
                            <td colspan="8">
                                <div class="col-md-12 mt-0 mb-0 text-center">
                                    <button form="update-pages" class="btn btn-outline-primary btn-sm" type="submit"
                                        name="distributed" value="1" title="@trans('distributed')">
                                        <i class="fa-solid fa-check-double"></i>
                                    </button>
                                    <button form="update-pages" class="btn btn-outline-warning btn-sm" type="submit"
                                        name="cancel_distributed" value="1" title="@trans('cancel_distributed')">
                                        <i class="fa-solid fa-check"></i>
                                    </button>
                                    <button form="update-pages" class="btn btn-success btn-sm" type="submit"
                                        name="publish" value="1">
                                        <i class="ri-star-fill"></i>
                                    </button>
                                    <button form="update-pages" class="btn btn-warning btn-sm" type="submit"
                                        name="unpublish" value="1">
                                        <i class="ri-star-s-line"></i>
                                    </button>
                                    <button form="update-pages" class="btn btn-danger btn-sm" type="submit"
                                        name="delete_all" value="1">
                                        <i class="ri-delete-bin-line"></i>
                                    </button>
                                    <button form="update-pages" class="btn btn-outline-secondary btn-sm" type="submit"
                                        name="export" value="1">
                                        <i class="fa-regular fa-file-excel"></i>
                                    </button>
                                </div>
                            </td>
                        </tr>
                        <th style="width: 1px">
                            <input form="update-pages" class="checkbox-check flat cursor-pointer" type="checkbox"
                                name="check-all" id="check-all" title="check-all">
                        </th>
                        <th>#</th>
                        <th>@trans('Title') </th>
                        <th>@trans('Subjects') </th>
                        <th>@trans('Created By') </th>
                        <th>@trans('Status') </th>
                        <th>@trans('Distribution status') </th>
                        <th>@trans('Settings') </th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($courses as $item)
                        <tr>
                            <td>
                                <input form="update-pages" class="checkbox-check" type="checkbox"
                                    name="record[{{ $item->id }}]" value="{{ $item->id }}">
                            </td>
                            <th scope="row">{{ $loop->index + 1 }} </th>
                            <td>{{ $item->title }}</td>

                            <td>{{ @$item->subject_title }}</td>
                            <td>{{ @$item->create_by->name }}</td>
                            <td>
                                @if ($item->status == 1)
                                <span class="badge badge-outline-success"> @trans('Active') </span>
                                @else
                                <span class="badge badge-outline-danger"> @trans('Unactive') </span>
                                @endif
                            </td>
                            <td>
                                @if ($item->distribution_status == 1)
                                <span class="badge badge-outline-success">@trans('Distributed') </span>
                                @else
                                <span class="badge badge-outline-danger">@trans('Not distributed') </span>
                                @endif
                            </td>
                            <td>
                                <div class="dropdown">
                                    <button class="btn btn-outline-primary dropdown-toggle" type="button"
                                        id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
                                        @trans('Settings')
                                    </button>
                                    <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                        @if ($item->status == 1)
                                        <li><a class="dropdown-item text-center text-danger"
                                                href="{{ route('admin.courses.update-status', $item->id) }}">@trans('Inactive')
                                            </a></li>
                                        @else
                                        <li><a class="dropdown-item text-center text-success"
                                                href="{{ route('admin.courses.update-status', $item->id) }}">@trans('Active')
                                            </a></li>
                                        @endif
                                        @if ($item->distribution_status == 1)
                                        <li><a class="dropdown-item text-center text-danger"
                                                href="{{ route('admin.courses.status-distribution',$item->id) }}">@trans('Cancel
                                                distribution')
                                            </a></li>
                                        @else
                                        <li><a class="dropdown-item text-center text-success"
                                                href="{{ route('admin.courses.status-distribution', $item->id) }}">@trans('Distributed')
                                            </a></li>
                                        @endif
                                        <li><a class="dropdown-item text-center text-info"
                                                href="{{ route('admin.courses.show', $item->id) }}">@trans('Show')
                                            </a></li>
                                        <li><a class="dropdown-item text-center text-primary"
                                                href="{{ route('admin.courses.edit', ['id' => $item->id, 'page' => request('page')]) }}">@trans('Edit')
                                            </a></li>

                                        <li>
                                            <button class="dropdown-item text-center text-danger" type="button"
                                                data-bs-toggle="modal"
                                                data-bs-target="#danger-header-modal{{ $item->id }}">@trans('Delete')
                                            </button>
                                        </li>
                                    </ul>
                                </div>
                                @include('admin.pages.course._model_delete', ['id' => $item->id])
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="7" class="text-center">@trans('No courses found') </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            <div class="card-footer">
                <!-- عرض الترقيم -->
                {{ $courses->links('vendor.pagination.bootstrap-5') }}

            </div>
        </div>
    </div>
</div>

<!-- إضافة السكريبتات الخاصة بالطباعة -->
<script>
    document.getElementById('print-table').addEventListener('click', function () {
            var printWindow = window.open('', '', 'height=800,width=800');
            printWindow.document.write('<html><head><title>Print Table</title>');
            printWindow.document.write('</head><body >');
            printWindow.document.write(document.getElementById('courses-table').outerHTML);
            printWindow.document.write('</body></html>');
            printWindow.document.close();
            printWindow.focus();
            printWindow.print();
        });
</script>

@endsection