@extends('layouts.admin')
<title>{{ trans('home.chapters') }}</title>
@section('content')
    <div class="container-fluid">

        <!-- Page Header -->
        <div class="page-header">
            <div>
                <h2 class="main-content-title tx-24 mg-b-5">{{ trans('home.chapters') }}</h2>
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('admin') }}">{{ trans('home.admin') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{ trans('home.chapters') }}</li>
                </ol>
            </div>

            <div class="btn btn-list">

                <a href="{{ route('chapters.create') }}"><button class="btn ripple btn-primary"><i
                            class="fas fa-plus-circle"></i> {{ trans('home.add') }}</button></a>
                <a class="mr-2" id="btn_active"><button class="btn ripple btn-dark"><i class="fas fa-eye"></i>
                        {{ trans('home.publish/unpublish') }}</button></a>
                <a class="mr-2" id="btn_delete"><button class="btn ripple btn-danger"><i class="fas fa-trash"></i>
                        {{ trans('home.delete') }}</button></a>
            </div>
        </div>

        @if (session()->has('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{ session()->pull('success') }} <button type="button" class="btn-close" data-bs-dismiss="alert"
                    aria-label="Close"></button>
            </div>
        @endif

        <!-- Row-->
        <div class="row">
            <div class="col-sm-12 col-xl-12 col-lg-12">
                <div class="card-body">
                    <table class="table text-center" id="exportexample">
                        <thead>
                            <tr>
                                <th><input type="checkbox" class="form-check-input" id="checkAll" /></th>
                                <th>{{ trans('home.id') }}</th>
                                <th>{{ trans('home.name') }}</th>
                                <th>{{ trans('home.order') }}</th>
                                <th>{{ trans('home.course') }}</th>
                                <th>{{ trans('home.view_all') . ' ' . __('home.lessons') }}</th>
                                <th>{{ __('home.publish/unpublish') }}</th>
                                <th>{{ __('home.edit') }}</th>
                                <th>{{ __('home.delete') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($chapters as $chapter)
                                <tr id="{{ $chapter->id }}">
                                    <td> <input type="checkbox" name="checkbox" class="tableChecked form-check-input"  value="{{ $chapter->id }}" /> </td>
                                    <td><a href="{{ route('chapters.edit', $chapter->id) }}">{{ $chapter->id }}</a></td>
                                    <td>{{ $chapter->{'name_' . $lang} }}</td>
                                    <td>{{ $chapter->order }}</td>
                                    <td><a
                                            href="javascript:void;">{{ $chapter->course ? $chapter->course->{'name_' . $lang} : 'N/A' }}</a>
                                    </td>
                                    <td><a href="{{ url('admin/chapters/' . $chapter->id . '/lessons') }}"
                                            class="btn btn-info waves-effect waves-light ">{{ '( ' . count($chapter->lessons) . ' ) ' . __('home.lessons') }}</a>
                                    </td>
                                    <td>
                                        <input class="btn_active" data-id="{{ $chapter->id }}" type="checkbox"
                                            id="switch-{{ $chapter->id }}" switch="success"
                                            {{ $chapter->status == 1 ? 'checked' : '' }} />
                                        <label for="switch-{{ $chapter->id }}" data-on-label="{{ trans('home.yes') }}"
                                            data-off-label="{{ trans('home.no') }}"></label>
                                    </td>
                                    <td>
                                        <a type="button" class="btn btn-info waves-effect waves-light "
                                            href="{{ route('chapters.edit', $chapter->id) }}">{{ __('home.edit') }}</a>
                                    </td>
                                    <td>
                                        <a type="button" class="btn btn-danger waves-effect waves-light btn_delete"
                                            data-id="{{ $chapter->id }}">{{ __('home.delete') }}</a>
                                    </td>
                                </tr>
                            @endforeach

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <!-- End Row -->
    </div>
@endsection