@extends('layouts.admin')
@section('styles')
@endsection
@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-10">
                                @include('elements.admin-breadcrumb')
                            </div>
                            <div class="col-2  text-end">
                                <a href="{{ route('admin.question.index') }}" class="btn btn-outline-dark rounded-pill">
                                    <i class="ri-arrow-left-fill"> Back</i>
                                </a>
                                
                               
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        @include('elements.alert')
                        <form class="mb-15" id="kt_question_delete" action="{{ route('admin.question_assign_topic.delete') }}"
                            method="POST">
                            @csrf
                            @method('post')
                            <table class="table  w-100 nowrap  no-footer">
                                <tbody>
                                    <tr>
                                        <td class="col-md-4">
                                           
                                        </td>
                                        <td>
                                           
                                        </td>
                                        <button class="btn btn-danger" id="kt_delete" style="display: none" type="submit" name="submit" value="delete">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </tr>
                                </tbody>
                            </table>
                            <table id="common_datatable" class="table table-striped w-100"
                                data-column="id,topic_id,created_at" data-column-name="id,topic.title.en,created_at,actions"
                                data-extra-param="filter_active" data-extra-param-name="status"
                                data-control="{{ route('admin.question_assign_topic.list', ['question_id' => $question_id]) }}"
                                data-sorting="1" 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>Topic Name</th>
                                        <th>Created At</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </form>


                    </div> <!-- end card body-->
                </div> <!-- end card -->
            </div><!-- end col-->
        </div> <!-- end row-->
    </div>
@endsection
@section('scripts')
@endsection