@extends('admin.layouts.app')
@section('content')
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Question
            <small>it all here</small>
        </h1>
        <ol class="breadcrumb">
            <li><a><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">Question</li>
            <li class="active">List</li>
        </ol>
    </section>

    <div style="margin-top: 10px" class="flash-message">
        @if(Session::has('message'))
        <p class="alert {{ Session::get('alert-class', 'alert-info') }}">{{ Session::get('message') }}</p>
        @endif
    </div>  
    <section class="content">
        <!-- Default box -->
        <div class="box">
            <div class="box-header with-border">
                <h4>Question<a href="{{route('admin.gp.hospital.question')}}" class="btn btn-success pull-right"> <i class="fa fa-plus"> Add</i></a></h4>
            </div>
            <div class="box-body">
                <table id="users-table" class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Category</th>
                            <th>Question In English</th>
                            <th>Question In Welsh</th>
                            <th>Question Type</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody id="tablecontents"></tbody>
                </table>
            </div>
        </div>
         <input type="hidden" value="{{$id}}" name="hid" id="hid">
    </section>
</div>

@endsection
@section('js')
<script  nonce="{{ $cspNonce }}">
    var str = $("#hid").val();

    var url = '{{route("admin.question.list.datatable","slug")}}';
    var furl = url.replace('slug', str);    

    var table = $('#users-table').DataTable({
        processing: true,
        serverSide: true,
        "iDisplayLength": 100,
        ajax: furl,
        columns: [
            {data: 'id', name: 'id',orderable: false, searchable: false},
            {data: 'category_id', name: 'category_id',},
            {data: 'question_eng', name: 'question_eng'},
            {data: 'question_welsh', name: 'question_welsh'},
            {data: 'question_type', name: 'question_type'},
            {data: 'action', name: 'action', orderable: false, searchable: false}
        ]
    });



   
  
</script>
@endsection