@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('body_content')
    <div class="container body">
        <div class="main_container">
            @include('includes.sidebar')
            <div class="right_col" role="main">
                <div class="page-title">
                    <div class="title_left">
                        <h3>Sales Order Voucherr</h3>
                    </div>
                    <div class="clearfix"></div>
                </div>

                <div class="row">
                    <div class="col-xs-12">
                        <div class="x_panel">
                            <form class="form-horizontal">
                                <div class="form-group">
                                    <label class="col-sm-3 control-label">Search :</label>
                                    <div class="col-sm-4">
                                        <input class="form-control" type="input" name="search" id="search"
                                            value="{{ $request['search'] }}" />
                                    </div>
                                </div>


                                <div class="form-group">
                                    <div class="col-sm-offset-3 col-sm-9">
                                        <div class="loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></div>
                                        <div class="submit">
                                            <button type="submit" class="btn btn-default"><i class="fa fa-search"
                                                    aria-hidden="true"></i> Search</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>

                    <div class="x_panel">
                        <div class="table-container" id="report_table">
                            <table class="table table-bordered table-striped" id="data-table" style="zoom: 0.8">
                                <thead>
                                    <tr>
                                        <th class="text-center">No</th>
                                        <th class="text-center">Campaign Name</th>
                                        <th class="text-center">No Order</th>
                                        <th class="text-center">Voucher Code</th>
                                        <th class="text-center">Nominal</th>
                                        <th class="text-center">Customer</th>
                                        <th class="text-center">Handphone</th>
                                        <th class="text-center">Email</th>
                                        <th class="text-center">Status</th>
                                        <th class="text-center">Tanggal Redeem</th>
                                    </tr>
                                </thead>
                                <tbody id="load_report_table">
                                    @foreach ($campaignVouchers as $index => $item)
                                    <tr>
                                        <td class="text-center">{{ $index + 1 }}</td>
                                        <td class="text-center">{{ $item->nama }}</td>
                                        <td class="text-center">{{ $item->no_order }}</td>
                                        <td class="text-center">
                                            {{ str_repeat('*', strlen($item->voucher_code) - 4) . substr($item->voucher_code, -4) }}
                                        </td>
                                        <td class="text-center">{{ number_format($item->nominal) }}</td>
                                        <td class="text-center">{{ $item->customer }}</td>
                                        <td class="text-center">{{ $item->customer_phone }}</td>
                                        <td class="text-center">{{ $item->customer_email }}</td>
                                        
                                        <td class="text-center">
                                            @if (!empty($item->tanggal_pakai) && !empty($item->id_customer))
                                                Sudah Pakai
                                            @else
                                                Belum Pakai
                                            @endif
                                        </td>
                                        <td class="text-center">{{ $item->tanggal_pakai }}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            <div>
                                {{-- {{ $campaignVouchers->links() }} --}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" id="is_downloaded" value="0">
    @include('includes.footer')
    </div>

    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.7/css/jquery.dataTables.css" />
    <script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.js"></script>
    @section('scripts')
    @include('includes.helper_js')
    {{-- <script>

        $(document).ready(function() {
            setTimeout(function() {
                getTable();
            }, 1000);
        });

        function getTable() {
            Axios.post('/summary/data', {
                start: $('#start').val(),
                end: $('#end').val(),
                filter: $('select[name="filter"]').val(),
                voucher: $('select[name="voucher"]').val(),
                sponsors: $('select[name="sponsors"]').val(),
            }).then(function(response) {
                $('#report_table').html(response.data);
            }).catch(function(error) {
                Helper.handleErrorResponse(error);
            });
        }



        $(document).ready(function() {
            $('#myTable').DataTable({
                searching: false,
                lengthChange: false,
                pageLength: 5,
                order: [
                    [0, 'desc']
                ]
            });
        });

        @if ($download_ready)
            @if ($download_ready->status == '0')
                setInterval(() => {
                    var is_downloaded = $('#is_downloaded').val();
                    if (is_downloaded == '0') {
                        check_download_proceess({{ $download_ready->id }});
                    }
                }, 5000);
            @endif
        @endif

        function check_download_proceess(id) {
            $.ajax({
                url: "{{ url('summary/voucher/check_download_process') }}/" + id,
                method: "GET",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
            }).done(function(response) {
                if (response.status == "completed") {
                    $('#is_downloaded').val(1);
                    $('#file_download').show();
                    $('#prosess').hide();

                    alert("Proses Download Anda Selesai")
                    location.reload();
                }
            });
            return false;
        }
    </script> --}}
@endsection