@extends('core::layouts.master')
@section('breadcrumb','Quản lý liên hệ')
@section('head-action')
    <li>
        <a href="{{ route('admin.contact.export') }}" target="_blank" style="padding:5px 5px">
              <button class="btn bg-info heading-btn" type="button">Export khách hàng</button>
         </a>
    </li>
@endsection
@section('content')
    <script type="text/javascript">var addon_affiliate = false;</script>
    <style type="text/css">table p{margin-bottom: 0px;}</style>
    <div class="panel panel-flat">
        <table class="table table-xlg datatable-ajax" data-source="{{ route('admin.contact.datatables') }}" data-destroymulti="{{route('admin.contact.destroy-multi')}}">
            <thead>
            <tr>
                <th class="text-center" width="50"><input type="checkbox" bs-type="checkbox" value="all" id="inputCheckAll"></th>
                <th>Họ tên</th>
                <th>Thông tin khác</th>
                <th width="300">Nội dung</th>
                @if(\Addon::check('affiliate'))
                <th width="200">Người giới thiệu
                    <script type="text/javascript">addon_affiliate = true;</script>
                </th>
                @else
                <th width="200" class="hidden">Người giới thiệu</th>
                @endif
                <th width="150">Thời gian</th>
                <th data-orderable="false" width="50px"></th>
            </tr>
            </thead>
        </table>
    </div>
@endsection
@section('scripts')
    <script type="text/javascript">
        var columnDatas = [
             {
                data: null,
                render: function (data) {
                    return WBDatatables.showSelect(data.id);
                }
                , orderable: false, searchable: false
            },
            {data: 'name'},
            {
                data: null,
                render: function (data) {
                    var html =  '<p><a class="text-primary-600" href="tel:' + data.phone + '"><i class="fa fa-phone" aria-hidden="true"></i> ' + data.phone + '</a></p><p><a class="text-primary-600" href="mailto:' + data.email + '"><i class="fa fa-envelope" aria-hidden="true"></i> ' + data.email + '</a></p>';
                    if(data.more_info.length != 0 && typeof data.more_info !== 'undefined'){
                        html += '--------------------------------------';
                    }
                    $.each(data.more_info, function (key, value) {
                        if(key == 'form-item-date'){
                            html += '<p>Ngày tháng: '+value+'</p>';
                        }
                        if(key == 'form-item-date-2'){
                            html += '<p>Ngày tháng: '+value+'</p>';
                        }
                        if(key == 'form-item-address'){
                            html += '<p>Địa chỉ: '+value+'</p>';
                        }
                        if(key == 'form-item-quantity'){
                            html += '<p>Số lượng: '+value+'</p>';
                        }
                    });
                    return html;
                },
                orderable: false,
                searchable: false
            },
            {data: 'message'},
            {
                data: null,
                name: 'fullname',
                className: addon_affiliate != true ? 'hidden' : '',
                render: function (data) {
                    if(data.fullname == '') {
                        return '--';
                    }
                    return '<p>'+data.fullname+'</p><p>'+data.uemail+'</p>';
                },
                orderable: false,
                searchable: false
            },
            {data: 'created_at'},
            {
                data: null, render: function (data) {
                    return '<a class="text-danger-600 remove_item" href="/admin/contact/' + data.id + '"><i class="icon-trash"></i></a>';
                }, orderable: false, searchable: false
            },
            {
                data: 'email',
                className: 'hidden',
            },
            {
                data: 'phone',
                className: 'hidden',
            },
        ];
        WBDatatables.init('.datatable-ajax', columnDatas, {"ordering": false});
        var type = '{{Form::select("type",$forms, '', ["class"=>"form-control"])}}';
        WBDatatables.addFilter(type, 'select[name=type]');
        WBDatatables.showAction();
    </script>
@endsection