@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();
        });

    </script>

@endSection

@section('content')


    <!-- Main content -->
    <section class="content">
        <div class="row">

            <div class="col-md-12">
                <div class="card">
                    <div class="card-header" style="height: 50px;">
                        <h3 class="card-title">{{ __('heading.title_list_imported_voucher_series') }} - {{ $import_file['name'] }}</h3>

                        {{--<div class="text-right" style="position: absolute; float: right; margin-top: 0; margin-bottom: 0; top: 15px; right: 10px;">--}}
                        @if($import_file['status'] == 'voucher_series_created_status_on_paused' || $import_file['status'] == 'file_uploaded')
                            <a role='button' href="{{ route('publish_import_voucher_series', $import_file['id']) }}" class="btn btn-sm btn-info float-right">Publish</a>
{{--                            <a role='button' href="{{ route('preview_import_voucher_series', $import_file['id']) }}" class="btn btn-sm btn-info float-right">Preview</a>--}}
                        @elseif($import_file['status'] == 'activated')
                            {{-- @todo option to remove all or selected item (MUST propt to confirm ) --}}
                            {{--<a role='button' href="{{ route('remove_import_voucher_series', $import_file['id']) }}" class="btn btn-sm btn-info float-right">Remove</a>--}}
                        @endif
                        {{--<a role='button' href="{{ route('refresh_creative', $import_file['id']) }}" class="btn btn-sm btn-primary float-right" style="margin-right: 5px; margin-left: 5px">Refresh Creative</a>--}}
                        {{--<a role='button' href="{{ route('map_voucher_codes', $import_file['id']) }}" class="btn btn-sm btn-default float-right">Map Voucher Codes</a>--}}

                        {{--<button class="btn btn-sm btn-primary">Import</button>--}}
                        {{--</div>--}}
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body table-responsive p-0">

                        <table id="voucher_series_table" class="table table-bordered table-hover dataTable">
                            <thead>
                            <tr>
                                <th>No.</th>
                                <th>Image</th>
                                <th>Series Id</th>
                                <th>Title</th>
                                <th>Redemption Start</th>
                                <th>Redemption End</th>
                                <th>Expiry Date</th>
                                {{--<th>Discount Value</th>--}}
                                {{--<th>Discounted Price</th>--}}
                                {{--<th>Original Price</th>--}}
                                {{--<th>Ovo Cash</th>--}}
                                <th>Status</th>
                                {{--<th>Uploaded by</th>--}}
                                <th></th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($import_datas as $data)
                                <tr>
                                    <td></td>
                                    <td><img width="50" src="{{ url($data['image']) }}"></td>
                                    <td>{{$data['series_id']}}</td>
                                    <td>{{$data['title']}}</td>
                                    <td>{{$data['redeem_start']}}</td>
                                    <td>{{$data['redeem_end']}}</td>
                                    <td>{{$data['use_by']}}</td>
                                    {{--<td>{{$data['discount_value']}}</td>--}}
                                    {{--<td>{{$data['discounted_price']}}</td>--}}
                                    {{--<td>{{$data['original_price']}}</td>--}}
                                    {{--<td>{{$data['ovo_cash']}}</td>--}}
                                    <td>{{$data['status']}}</td>

                                    <td><a href="{{ route('view_voucher_series', $data['series_id']) }}"><button type="button" class="btn btn-block btn-primary btn-xs">View</button></a></td>
                                    <td><a href="{{ route('edit_voucher_series_summary', $data['series_id']) }}"><button type="button" class="btn btn-block btn-primary btn-xs">Edit</button></a></td>
                                </tr>
                            @endforeach
                            </tbody>

                        </table>
                    </div>
                    <!-- /.card-body -->
                </div>
            </div>
        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->

@endsection