@extends('layout.front')

@section('css_page_level')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css') }}"/>
@endsection
@section('page-content')
            <!-- CONTENT -->
            <div class="wrap-fluid" id="paper-bg">

                <div class="row">
                    <div class="col-lg-12">
                        <div class="box">
                            <div class="box-header">
                                <!-- tools box -->
                                <div class="pull-right box-tools">
                                </div>
                                <h3 class="box-title"><i class="fontello-doc"></i>
                                    <span>@lang('messages.total_book_form')</span>
                                </h3>
                            </div>
                            <!-- /.box-header -->
                            <div class="box-body">
                                <!-- /.box-body -->
                                <div class="row">
                                    <div class="col-md-12">
                                        <table class="table table-striped table-bordered table-hover" id="table_one_list">
                                        <thead>
                                        <tr>
                                            <th>
                                                @lang('messages.setup_date')
                                            </th>
                                            <th>
                                                 @lang('messages.service_reserve_num')
                                            </th>
                                            <th>
                                                 @lang('messages.date')
                                            </th>
                                            <th>
                                                 @lang('messages.time_duration')
                                            </th>
                                            <th>
                                                 @lang('messages.reserved_user')
                                            </th>
                                            <th>
                                                 @lang('messages.reserve_facility')
                                            </th>
                                            <th>
                                                 @lang('messages.approve_status')
                                            </th>
                                            <th>
                                                 @lang('messages.action')
                                            </th>
                                            <th>
                                                 @lang('messages.cause')
                                            </th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach ($orders as $one)
                                        <tr class="odd gradeX">
                                            <td>
                                                {{$one->created_at}}
                                            </td>
                                            <td>
                                                #{{$one->id}}
                                            </td>
                                            <td>
                                                {{$one->date}}
                                            </td>
                                            <td>
                                                {{$one->time_section}}
                                            </td>
                                            <td>
                                                {{$one->user_id}}
                                            </td>
                                            <td>
                                                {{$one->inst_id}}
                                            </td>
                                            <td>
                                                @if($one->status == 0 && $one->valid == 0)
                                                <span class="label label-sm label-primary"> @lang('messages.wait_approve') </span>
                                                @elseif($one->status == 1)
                                                <span class="label label-sm label-success"> @lang('messages.approved') </span>
                                                @elseif($one->status == 3)
                                                <span class="label label-sm label-info"> @lang('messages.minus_point') </span>
                                                @else
                                                <span class="label label-sm label-warning"> @lang('messages.canceled') </span>
                                                @endif
                                            </td>
                                            <td>
                                                @if($one->status == 0 && $one->valid == 0)
                                                <a href="./inst_order_delete?id={{$one->id}}">
                                                    <span class="label label-sm label-warning"> @lang('messages.cancel') </span>
                                                </a>
                                                @endif
                                            </td>
                                            <td>
                                                {{$one->memo}}
                                            </td>
                                        </tr>
                                        @endforeach
                                        </tbody>
                                        </table>
                                    </div>
                                </div>

                            </div>
                            <!-- /.box-body -->
                        </div>
                        <!-- /.box -->
                    </div>
                </div>


            </div>
            <!-- #/paper bg -->
@endsection

@section('plugins_page_level')
<script type="text/javascript" src="{{ asset('assets/global/plugins/datatables/media/js/jquery.dataTables.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.js') }}"></script>
@endsection

@section('js_page_level')
<script type="text/javascript">
$(document).ready(function(){
    $('#table_one_list').dataTable({
        // Internationalisation. For more info refer to http://datatables.net/manual/i18n
        "language": {
            "aria": {
                "sortAscending": ": activate to sort column ascending",
                "sortDescending": ": activate to sort column descending"
            },
            "emptyTable": "@lang('messages.datatable_no_data')",
            "info": "@lang('messages.display_from') _START_ @lang('messages.display_to') _END_ @lang('messages.then_total') _TOTAL_ @lang('messages.records')",
            "infoEmpty": "@lang('messages.no_match')",
            "infoFiltered": "(@lang('messages.from') _MAX_ @lang('messages.records_filter'))",
            "lengthMenu": "@lang('messages.show') _MENU_ @lang('messages.records')",
            "search": "@lang('messages.quick_filter'):",
            "zeroRecords": "@lang('messages.no_data')",
            "paginate": {
                "previous":"@lang('messages.last_page')",
                "next": "@lang('messages.next_page')",
                "last": "@lang('messages.lastest')",
                "first": "@lang('messages.most_previous')"
            }
        },
        "lengthMenu": [
            [10, 20, 50, -1],
            [10, 20, 50, "All"] // change per page values here
        ],
        // set the initial value
        "pageLength": 10,
        "pagingType": "bootstrap_full_number"
    });
});
</script>
@endsection