@extends('admin.layouts.app')
@section("title","Acute Question List ")
@section('content')
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
          Asthma Test  Question
            <small>it all here</small>
        </h1>
        <ol class="breadcrumb">
            <li><a><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">Asthma Test 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.question.view')}}" 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>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>
    </section>
</div>

@endsection
@section('js')
<script  nonce="{{ $cspNonce }}">
   
    var table = $('#users-table').DataTable({
        processing: true,
        serverSide: true,
        "iDisplayLength": 100,

        ajax: '{{route("admin.question.list.data.table")}}',
        columns: [
            {data: 'id', name: '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}
        ]
    });



   // $("#users-table").sortable({
   //     items: "tr",
   //     cursor: 'move',
   //     opacity: 0.6,
   //     update: function () {
   //         sendOrderToServer();
   //     }
   // });
   // function sendOrderToServer() {
   //     var order = [];
   //     var token = $('meta[name="csrf-token"]').attr('content');
   //     $('.row1').each(function (index, element) {
   //         order.push({
   //             id: $(this).attr('data-id'),
   //             position: index + 1
   //         });
   //     });

   //     $.ajax({
   //         type: "POST",
   //         dataType: "json",
   //         url: "{{route('gp.hospital.question.sort') }}",
   //         data: {
   //             order: order,
   //             _token: token
   //         },
   //         success: function (response) {
   //             if (response.status_code == "200") {
   //                 table.ajax.reload();
   //             }
   //         }
   //     });
   // }
</script>
@endsection