@extends('admin.layouts.app')
@section("title","Acute Question List ")
@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>Orders</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.gp.hospital.question.list.datatable")}}',
        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: 'sorting_order', name: 'sorting_order',orderable: false, searchable: false},
            {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