@extends('core::layouts.master')
@section('breadcrumb','Quản lý nhà sản xuất - thương hiệu')
@section('head-action')
@endsection
@section('content')
    <div class="col-md-4">
        {!! Form::open([
        'method' => 'POST',
        'route'  => 'admin.product.manufacturer.store',
        'files'  => true,
        'id' => 'brand-form'
    ]) !!}
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        {{ Form::bsBoxOpen() }}
        {{ Form::bsText('Tên nhà sản xuất - thương hiệu','name', null, ['required'=>'required']) }}
        {{ Form::bsLfFile('Hình đại diện','thumb',null,['width'=>150,'height'=>120]) }}
        <div class="form-group text-right">
            {{ Form::bsButton('Thêm mới',['type'=>'submit','class'=>'btn btn-default']) }}
        </div>
        {{ Form::bsBoxClose() }}
        {!! Form::close() !!}
    </div>
    <div class="col-md-8">
        <div class="panel panel-flat">
            <table class="table datatable-ajax" data-source="{{route('admin.product.manufacturer.datatables')}}"
                   data-destroymulti="{{route('admin.product.manufacturer.destroy-multi')}}">
                <thead>
                <tr>
                    <th class="text-center" width="50"><input type="checkbox" bs-type="checkbox" value="all" id="inputCheckAll"></th>
                    <th class="text-center" width="100">Hình ảnh</th>
                    <th>Tiêu đề</th>
                    <th width="100"></th>
                </tr>
                </thead>
            </table>
        </div>
    </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: null,
                render: function (data) {
                    return WBDatatables.showThumbnail(data.logo);
                }
                , orderable: false, searchable: false
            },
            {
                data: null,
                name: 'name',
                render: function (data) {
                    return WBDatatables.showTitle(data.name, data.route_edit, data.is_published, data.published_at);
                },
                orderable: true
            },
            {
                data: null,
                render: function (data) {
                    return WBDatatables.showRemoveIcon(data.route_remove);
                }, orderable: false, searchable: false
            }
        ];
        var option = {ordering: false};
        WBDatatables.init('.datatable-ajax', columnDatas, option);
        WBDatatables.showAction();
    </script>
@endsection