@extends('core::layouts.master')
@section('breadcrumb','Danh sách đặt phòng')
@section('content')
	<div class="panel panel-flat">
        <table class="table table-bordered datatable-ajax" data-source="{{ route('admin.booking.datatable') }}" data-destroymulti="{{route('admin.booking.destroy-multi')}}">
            <thead>
            <tr>
                <th class="text-center" width="50">
                    <input type="checkbox" bs-type="checkbox" value="all" id="inputCheckAll">
                </th>
                <th width="20%">Loại phòng</th>
                <th width="20%">Khách hàng</th>
                <th>Thông tin thêm</th>
                <th width="150">Ngày nhận phòng</th>
                <th width="150">Ngày trả phòng</th>
                <th width="50"></th>
            </tr>
            </thead>
        </table>
    </div>
@endsection

@section('scripts')
    <script>
        $(document).ready(function () {
            if($('.datatable-ajax').length){
                var columnDatas = [
                    {
                        data: null,
                        render: function (data) {
                            return WBDatatables.showSelect(data.id);
                        },
                        orderable: false, searchable: false
                    }, {
                        data: null,
                        render: function (data) {
                        	var html = data.service_name+'<br/>Số lượng: '+data.quantity+' phòng</p>'
                            return html;
                        },
                        orderable: false, searchable: false
                    }, {
                       	data: null,
                       	render: function (data) {
                       		var html = 'Tên: '+data.customer_name+'<br/>SĐT: '+data.customer_phone+'<br/>Email: '+data.customer_email
                       		return html;
                       	},
                        orderable: false, searchable: false
                    }, {
                        data: null,
                        searchable: false,
                        render: function (data) {
                        	var html = 'Người lớn: '+data.info.adults+' người<br/>Trẻ em: '+data.info.children+' người<br/>Lời nhắn: ' +data.message
                            return html;
                        },
                        orderable: false, searchable: false
                    }, {
                        data: null,
                        searchable: false,
                        render: function (data) {
                            return data.arrival_date;
                        },
                        orderable: false, searchable: false
                    }, {
                        data: null,
                        searchable: false,
                        render: function (data) {
                            return data.departure_date;
                        },
                        orderable: false, searchable: false
                    }, {
                        data: null,
                        render: function (data) {
                            return WBDatatables.showRemoveIcon(data.route_remove, 'Bạn có chắc muốn xóa không?');
                        }, orderable: false, searchable: false
                    },
                ];

                var options = {
                    'language': {
                        searchPlaceholder: 'Tên KH, sđt, email...',
                    }
                };

                let warrantyDatatables = WBDatatables.init('.datatable-ajax', columnDatas, options);
                WBDatatables.showAction();
            }
        });
    </script>
@endsection