@extends('app')
@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Ward/Cabin List
        </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">HR</a></li>
            <li class="active">Ward/Cabin List</li>
        </ol>
    </section>
    <!-- Main content -->
    <section class="content">
        <!-- SELECT2 EXAMPLE -->

        <div class="box box-info">
            <form name="searchForm" class="searchForm form-horizontal" method="post"
                  action="{{route('diagnostic.filter-diagnostic-cabin-ward-test.post')}}">
                <div class="row">
                    <div class="form-group" style="margin-top: 10px; margin-bottom: 5px;">
                        <div class="col-md-9 col-md-offset-3">
                            <label class="col-md-1">

                                Floor:
                            </label>
                            <div class="col-md-3">
                                {{csrf_field()}}
                                @if(!empty($service_category_id))
                                    {{ Form::select('service_category_id', $service_categories, $service_category_id, ['class' => 'form-control select2', 'id' => 'service_category_id'] ) }}
                                @else
                                    {{ Form::select('service_category_id', $service_categories, null, ['class' => 'form-control select2', 'id' => 'service_category_id'] ) }}

                                @endif
                            </div>
                            <label class="col-md-1">
                                Status:
                            </label>
                            <div class="col-md-3">
                                <select class="form-control select2" name="status" id="status">
                                    <option value="">Select</option>
                                    @if(!empty($status))
                                        <option value="1" {{$status == 1 ? 'selected' : ''}}> Available</option>
                                        <option value="2" {{$status == 2 ? 'selected' : ''}} >Booked</option>
                                    @else
                                        <option value="1"> Available</option>
                                        <option value="2">Booked</option>
                                    @endif
                                </select>
                            </div>
                            <div class="col-md-2">
                                <button class="btn btn-sm btn-primary" type="submit"> Submit</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            <div class="box-header with-border">
                <h3 class="box-title">

                <!-- {{--<a data-toggle="modal" href="#modal" onclick="loadModal('diagnostic/add-diagnostic-test')" class="btn btn-info btn-md">--}}
                {{--<i class="fa fa-plus"></i>&nbsp;--}}
                {{--Add Diagnostic Test--}}
                {{--</a>--}} -->

                    @can('ward-cabin-create')
                        <a href="{{route('add-cabin-ward-new')}}" class="btn btn-info btn-md">
                            <i class="fa fa-shopping-cart"></i>&nbsp;
                            Add Cabin & Ward
                        </a>
                    @endcan

                </h3>

            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <div class="row">
                    <div class="col-md-12">
                        {{-- permission from route--}}
                        <table id="doctorDatatable" class="table table-bordered table-striped">
                            <thead>
                            <tr>
                                <th>Sl No</th>
                                <th>Cabin/Ward Name</th>
                                <th>Floor</th>
                                <th>Room Name</th>
                                <th>Price</th>
                                <th>Sale Price</th>
                                <th>Status</th>
                                @canany(['diagnostic-test-edit','diagnostic-test-update','diagnostic-test-remove'])
                                    <th>Action</th>
                                @endcanany
                            </tr>
                            </thead>

                            <tfoot>
                            <tr>
                                <th>Sl No</th>
                                <th>Cabin/Ward Name</th>
                                <th>Floor</th>
                                <th>Room Name</th>
                                <th>Price</th>
                                <th>Sale Price</th>
                                <th>Status</th>
                                @canany(['diagnostic-test-edit','diagnostic-test-update','diagnostic-test-remove'])
                                    <th>Action</th>
                                @endcanany
                            </tr>
                            </tfoot>

                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('script')
    <script type="text/javascript">
        $(document).ready(function () {
            var service_category_id = $("#service_category_id").val() ? $("#service_category_id").val() : "false";
            var status = $("#status").val() ? $("#status").val() : "false";
            console.log(service_category_id)

            $('#doctorDatatable').DataTable({
                processing: true,
                serverSide: true,
                'order': [[0, "asc"]],
                ajax: '{{ URL::to("diagnostic/getDiagnosticCabinWardTest") }}/' + service_category_id + "/" + status,
                columns: [
                    {data: 'DT_RowIndex', orderable: false, searchable: false},
                    {data: 'diagnostic_test_name', name: 'diagnostic_test_name', orderable: true, searchable: true},
                    {data: 'service_category', name: 'service_category', orderable: true, searchable: true},
                    {data: 'service_sub_category', name: 'service_sub_category', orderable: true, searchable: true},
                    {data: 'diagnostic_test_price', name: 'diagnostic_test_price', orderable: true, searchable: true},
                    {
                        data: 'diagnostic_test_sale_price',
                        name: 'diagnostic_test_sale_price',
                        orderable: true,
                        searchable: true
                    },
                    {data: 'status', name: 'status', orderable: true, searchable: false},
                    {data: 'action', name: 'action', orderable: true, searchable: false},
                ]
            });
        });

        function updateStatus(modelReference, action, id) {
            var reference = $("#reference_" + id);
            if (action == 'delete') {
                if (!confirm('Do you want to Delete ?')) {
                    return false;
                }
            }

            $.ajax({
                url: "update-status/" + modelReference + "/" + action + "/" + id,
                method: "GET",
                dataType: 'json',
                success: function (data) {
                    if (data.success == true) {
                        if (action == 'active') {
                            // reference.
                            location.reload();
                            reference.prev().show().prev().hide();
                            reference.parent().prev().children().next().show().prev().hide();
                        } else if (action == 'inactive') {
                            location.reload();
                            reference.prev().hide().prev().show();
                            reference.parent().prev().children().next().hide().prev().show();
                        } else if (action == 'delete') {
                            location.reload();
                            reference.parent().parent().hide(1000).remove();
                        }
                        $('.box-modal-message').show();
                        $('.messageBodySuccess').slideDown(1000).delay(3000).slideUp(1000).children().next().html(data.message);
                    } else {
                        $('.box-modal-message').show();
                        $('.messageBodyError').slideDown(1000).delay(3000).slideUp(1000).children().next().html(data.message);
                    }
                },
                error: function (data) {
                    $('.box-modal-message').show();
                    $('.messageBodyError').slideDown(1000).delay(3000).slideUp(1000).children().next().html(data.message);
                }
            });
        }

    </script>
@endsection