@extends('theme::backend.layouts.app')

@section('theme::backend-content')
    @include('theme::backend.layouts.navbar')
    <div class="container-fluid">
        <div class="d-sm-flex align-items-center justify-content-between mb-4">
            <h1 class="h3 mb-0 text-gray-800">{{ __('backend/auctionshouse.log.title') }}</h1>
        </div>
        <div class="row">
            <div class="container">
                <div class="row">
                    <div class="ml-auto mr-3 mb-4">
                        <a href="{{ route('auctionshouse-silk-settings-backend') }}" type="button" class="btn btn-secondary">
                            {{ __('backend/auctionshouse.log.back-btn') }}
                        </a>
                    </div>
                </div>
                <div class="table-responsive">
                    <table class="table table-striped table-hover dataTable" id="log">
                        <thead class="thead-dark">
                            <tr>
                                <th>#</th>
                                <th>{{ __('reddington.auctionhouse-silk.logs.table.img') }}</th>
                                <th>{{ __('reddington.auctionhouse-silk.logs.table.codename') }}</th>
                                <th>{{ __('reddington.auctionhouse-silk.logs.table.item_name') }}</th>
                                <th>{{ __('reddington.auctionhouse-silk.logs.table.bid_amount') }}</th>
                                <th>{{ __('reddington.auctionhouse-silk.logs.table.bid_char_id') }}</th>
                                <th>{{ __('reddington.auctionhouse-silk.logs.table.bid_user_jid') }}</th>
                                <th>{{ __('reddington.auctionhouse-silk.logs.table.status') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection


@push('theme::javascript')
    <script>
        $(document).ready(function() {
            $('#log').DataTable({
                "processing": true,
                "serverSide": true,
                "ajax": '{{ route('auctionshouse-silk-log-datatables-backend') }}',
                "columns": [{
                        data: 'id',
                        name: 'id'
                    },
                    {
                        data: 'imgpath',
                        name: 'imgpath',
                        render: function(data, type, full, meta) {
                            return '<img src="' + data + '" alt="Image" height="34"/>';
                        }
                    },
                    {
                        data: 'CodeName128',
                        name: 'CodeName128'
                    },
                    {
                        data: 'item_name',
                        name: 'item_name'
                    },
                    {
                        data: 'price',
                        name: 'price'
                    },
                    {
                        data: 'bider_char_id',
                        name: 'bider_char_id'
                    },
                    {
                        data: 'bider_user_jid',
                        name: 'bider_user_jid'
                    },
                    {
                        data: 'state',
                        name: 'state'
                    },
                ],
                "order": [
                    [0, "desc"]
                ],
                "lengthMenu": [
                    [10, 25, 50, 100, 200, -1],
                    [10, 25, 50, 100, 200, "{{ __('backend/datatables.show-all') }}"]
                ],
                "language": {
                    "search": "{{ __('backend/datatables.search') }}",
                    "lengthMenu": "{{ __('backend/datatables.length') }}",
                    "zeroRecords": "{{ __('backend/datatables.zero') }}",
                    "info": "{{ __('backend/datatables.info') }}",
                    "infoEmpty": "{{ __('backend/datatables.empty') }}",
                    "infoFiltered": "{{ __('backend/datatables.info-filtered') }}",
                    "paginate": {
                        "first": "{{ __('backend/datatables.first') }}",
                        "last": "{{ __('backend/datatables.last') }}",
                        "next": "{{ __('backend/datatables.next') }}",
                        "previous": "{{ __('backend/datatables.prev') }}"
                    }
                },
                "classes": {
                    "sPageButton": "button small",
                    "sPageButtonActive": "green",
                    "sPageButtonDisabled": "helper hide"
                },
                "select": {
                    "style": "os",
                    "className": "row-selected"
                },
            });
            $('div.dataTables_filter input').addClass('search-input form-control');
            $('select').addClass('search-input form-control');
        });
    </script>
@endpush