@extends('layouts.admin')


@section('style')
@endSection

@section('script')
    <script>
        $(function () {

            var t = $('#voucher_series_table').DataTable({
                lengthMenu: [ [10, 25, 50, 100, 200, 500, -1], [10, 25, 50, 100, 200, 500, "All"] ],
                dom:
                    "<'row p-2'<'#create_voucher.col-sm-6 mb-2 text-left'><'#import_export.col-sm-6 mb-2 text-left text-sm-right'B>>" +
                    "<'row px-2'<'col-sm-6'l><'col-sm-6'f>>" +
                    "<'row'<'col-sm-12 overflow-auto'tr>>" +
                    "<'row p-2'<'col-sm-5'i><'col-sm-7'p>>",
                buttons: [{
                    extend: 'csv',
                    text: '<i class="fas fa-file-export"></i> Export CSV',
                    className: 'btn btn-sm btn-default'
                }],
            });

            t.on( 'order.dt search.dt', function () {
                t.column(0, {search:'applied', order:'applied'}).nodes().each( function (cell, i) {
                    cell.innerHTML = i+1;
                } );
            } ).draw();


            var create_btn = `<a role='button' href="{{ route('create_business_asset', ['store' => $store_slug]) }}" class="mr-2 btn btn-sm btn-secondary"><i class="fas fa-plus"></i> Add New</a>`;
{{--            var import_csv = `<a role='button' href="{{ route('import_voucher_series') }}" class="mr-2 btn btn-sm btn-default"><i class="fas fa-file-import"></i> Import CSV</a>`;--}}
//             $('#import_export .dt-buttons').prepend(import_csv);
            $('#create_voucher').prepend(create_btn);

            var download_qr_btn = `<a role='button' target='_blank' href="{{  route('admin.assets.download_qr_codes', ['store' => $store_slug]) }}" class="mr-2 dt-button buttons-csv buttons-html5 btn btn-sm btn-default"><i class="fas fa-file-export"></i> Download QR Codes</a>`;
            {{--            var import_csv = `<a role='button' href="{{ route('import_voucher_series') }}" class="mr-2 btn btn-sm btn-default"><i class="fas fa-file-import"></i> Import CSV</a>`;--}}
            //             $('#import_export .dt-buttons').prepend(import_csv);
            $('.dt-buttons').prepend(download_qr_btn);

        });

    </script>

@endSection

@section('content')


    @component('admin.components.tabs')
        <table id="voucher_series_table" class="table table-bordered table-hover dataTable">
            <thead>
            <tr>
                <th>No.</th>
                <th>Name</th>
                <th>State</th>
                <th>Address</th>
                <th>Status</th>
                <th>Pin Code</th>
                <th>slug</th>
                @if(config('sys.enabled_ocr'))
                <th>Receipt Name/<br>Legal Entity Name</th>
                <th>Receipt Full Address</th>
                <th>Has Smart Receipt<br>Custom Keywords</th>
                @endif
                <th></th>
            </tr>
            </thead>
            <tbody>
            @foreach($business_assets as $item)
                <tr>
                    <td></td>
                    <td>{{$item['name']}}</td>
                    <td>{{$item['merchant_state']}}</td>
                    <td>{{$item['address']}}</td>
                    <td><span class="badge badge-pill {{ ($item->status === 'active') ? "badge-success" : "badge-secondary" }}">{{ $item['status'] }}</td>
                    <td>{{$item['redeem_code']}}</td>
                    <td>{{ $item['slug']}}</td>
                    @if(config('sys.enabled_ocr'))
                    <td>{{ data_get($item, 'company_name') }}</td>
                    <td>{{ data_get($item, 'full_address') }}</td>
                    <td>{{ boolToYesNo(!in_array(data_get($item, 'location_keywords'), [null, '', '{}', '[]']), 0) }}</td>
                    @endif
                    <td><a href="{{ route('edit_business_asset', $item['id']) }}">
                            <button type="button" class="btn btn-block btn-primary btn-xs">Edit</button>
                        </a>
                    </td>
                </tr>
            @endforeach
            </tbody>
            {{--<tfoot>--}}
            {{--<tr>--}}
            {{--<th>No.</th>--}}
            {{--<th>Voucher Series</th>--}}
            {{--<th>Title</th>--}}
            {{--<th>Retail Store</th>--}}
            {{--<th>Downloaded</th>--}}
            {{--<th>Used</th>--}}
            {{--<th>Redemption Period</th>--}}
            {{--<th>Created Date</th>--}}
            {{--</tr>--}}
            {{--</tfoot>--}}
        </table>
    @endcomponent

@endsection