@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_voucher_series') }}" class="mr-2 btn btn-sm btn-secondary"><i class="fas fa-plus"></i>Add New Voucher</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);
        });

    </script>

@endSection

@section('content')


    @component('admin.components.tabs')
{{--        <div class="row mb-3">--}}

{{--            <div class="col-6">--}}
{{--                <a role='button' href="{{ route('import_voucher_series') }}" class="mx-0 btn btn-default"><i class="fas fa-file-import"></i> Import</a>--}}
{{--            </div>--}}

{{--            <div class="col-6 text-right">--}}
{{--            </div>--}}
{{--        </div>--}}
{{--                <h3 class="card-title">{{ __('heading.title_list_imported_voucher_series_files') }}</h3>--}}

{{--        <div class="text-right" style="position: absolute; float: right; margin-top: 0; margin-bottom: 0; top: 15px; right: 10px;">--}}
{{--        <a role='button' href="{{ route('import_voucher_series') }}" class="btn btn-sm btn-info float-right">Import</a>--}}

{{--        <button class="btn btn-sm btn-primary">Import</button>--}}
{{--        </div>--}}

    <table id="voucher_series_table" class="table table-bordered table-hover dataTable">
        <thead>
        <tr>
            <th>No.</th>
            <th>Name</th>
            <th>File URL</th>
            <th>Status</th>
            <th>Uploaded by</th>
            <th>Created Date</th>
            <th></th>
        </tr>
        </thead>
        <tbody>
        @foreach($import_files as $file)
            <tr>
                <td></td>
                <td>{{$file['name']}}</td>
                <td >{{$file['file_url']}}</td>
                <td>{{$file['status']}}</td>
                <td>{{$file['uploaded_by']}}</td>
                <td>{{ $file['created_at']}}</td>
                <td><a href="{{ route('list_voucher_series_import_datas', $file['id']) }}"><button type="button" class="btn btn-block btn-primary btn-xs">View</button></a></td>
            </tr>
        @endforeach
        </tbody>
    </table>
    @endcomponent

@endsection