@extends('layouts.admin')

@section('styles')
    <!-- Datatables css -->
@endsection

@section('content')
    <div class="container-fluid">

        <style>
            .table thead tr td {
                padding: 0px 0px 15.2px 0px;
            }
        </style>
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-9">
                                @include('elements.admin-breadcrumb')
                            </div>

                            <div class="col-3  text-end">

                                <a href="{{ route('admin.chapter.index') }}" class="btn btn-outline-dark rounded-pill" style="margin-right: 10px;">
                                    <i class="ri-arrow-left-fill"> Back</i>
                                </a>
                                @can('admin.chapter_document.create')
                                <a class="btn btn-primary" wire:navigate
                                    href="{{ route('admin.chapter_document.create') }}?chapter_id={{ $chapter_id }}"><i
                                        class="fa fa-plus"></i> {{ __('Add New') }}</a>
                                        @endcan

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

                    <div class="card-body">
                    @include('elements.alert')


                    <form class="mb-15" id="kt_chapter_lis_delete" action="{{ route('admin.chapter_document.delete') }}"
                        method="POST">
                        @csrf
                        @method('post')
                        <input type="hidden" id="chapter_id" value="{{ $chapter_id }}" />
                        <table class="table  w-100 nowrap  no-footer">
                            <tbody>
                                <tr>


                                    <td class="col-md-4">
                                        <select id="filter_active" class="form-select form-control-sm datatable-input">
                                            <option value="">- Select -</option>
                                            <option value="1">Active</option>
                                            <option value="0">Inactive</option>
                                        </select>
                                    </td>
                                    <td>

                                        <button type="button" class="btn btn-dark" id="kt_reset">Reset</button>
                                        <button class="btn btn-danger" id="kt_delete" style="display: none" type="submit"
                                            name="submit" value="delete">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <table id="common_datatable" class="table table-striped w-100"
                            data-column="id,title,sr_no,status,createdByName,created_at"
                            data-column-name="id,title,sr_no,status,createdByName,created_at,actions"
                            data-extra-param="filter_active" data-extra-param-name="status"
                            data-control="{{ route('admin.chapter_document.list', ['chapter_id' => $chapter_id]) }}"
                            data-sorting="5" data-sorting-type="DESC" data-serial-number="1" data-except-sorting-columns="8"
                            role="grid" aria-describedby="common_datatable_info">

                            <thead>


                                <tr>
                                    <th>
                                        <input class="form-check-input" type="checkbox" name="checkAll" id="checkAll">
                                    </th>
                                    <th>Name</th>
                                   
                                    <th>Serial Number</th>
                                    <th>Status</th>
                                    <th>Created By</th>
                                    <th>Created On</th>
                                  
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>

                            </tbody>
                        </table>
                    </form>

                    </div><!-- end card body-->
                </div>  <!-- end card -->
            </div><!-- end col-->
        </div><!-- end row-->
    </div> <!-- container-fluid-->
@endsection

@section('scripts')
@endsection