@extends('core::layouts.master')
@section('breadcrumb','Quản lý bảo hành')
@section('head-action')
  {{ Form::bsNavButton('Tạo phiếu bảo hành mới',route('admin.warranty.create')) }}
@endsection
@section('content')
	<div class="panel panel-flat">
        <table class="table table-bordered datatable-ajax" data-source="{{ route('admin.warranty.datatable') }}" data-destroymulti="{{route('admin.warranty.destroy-multi')}}">
            <thead>
            <tr>
                <th class="text-center" width="50">
                    <input type="checkbox" bs-type="checkbox" value="all" id="inputCheckAll">
                </th>
                <th width="10%">Mã bảo hành</th>
                <th width="10%">Tên model</th>
                <th width="10%">Số Serial</th>
                <th>Khách hàng</th>
                <th class="text-center" width="80px">Số ĐT</th>
                <th width="19%">Ngày nhận</th>
                <th width="13%">Ngày bàn giao</th>
                <th width="120">Trạng thái</th>
                <th width="50"></th>
            </tr>
            </thead>
        </table>
    </div>
@endsection

@section('scripts')
    <script>
        $(document).ready(function () {
            if($('.datatable-ajax').length){
                let status_key = 1;
                var columnDatas = [
                    {
                        data: null,
                        render: function (data) {
                            return WBDatatables.showSelect(data.id);
                        }
                        , orderable: false, searchable: false
                    },
                    {
                        data: null,
                        name: 'warranty_code',
                        render: function (data) {
                            return WBDatatables.showTitle(data.warranty_code, data.route_edit);
                        }
                    }, {
                        data: 'device_model',
                    }, {
                        data: 'device_serial',
                    }, {
                        data: 'fullname',
                    }, {
                        data: 'phone',
                    }, {
                        data: null,
                        searchable: false,
                        render: function (data) {
                            var html = data.received_date_fomrated;
                            if(parseInt(data.delayed) > 0 && data.status != 7) {
                                html += ' <span class="badge badge-danger"> Tồn '+data.delayed+' ngày</span>';
                            }
                            return html;
                        }
                    }, {
                        data: 'handover_date_fomrated',
                        searchable: false
                    }, {
                        data: null,
                        render: function (data) {
                            return '<span class="'+data.status_class+'">'+data.translated_status+'</span>';
                        },
                        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: 'Mã bảo hành, tên, sđt...',
                    }
                };

                let warrantyDatatables = WBDatatables.init('.datatable-ajax', columnDatas, options);

                var status = '{{Form::select("status",\Warranty::WARRANTY_STATUS, 0, ["class"=>"form-control"])}}';
                WBDatatables.addFilter(status, 'select[name=status]');
                WBDatatables.showAction();
            }
        });
    </script>
@endsection