@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>Detail Summary</h3>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="row">
                    <div class="x_panel">
                        <div class="x_content">
                            <div class="table-responsive">
                                <table class="table table-bordered table-striped" style="zoom: 0.75">
                                    <thead>
                                        <tr>
                                            <th class="text-center">No</th>
                                            <th class="text-center">Group Sponsor</th>
                                            <th class="text-center">Sponsor</th>
                                            <th class="text-center">Jenis Voucher</th>
                                            <th class="text-center">Jumlah Create</th>
                                            <th class="text-center">Invoice Number Cmk</th>
                                            <th class="text-center">Trace Number</th>
                                            <th class="text-center">Voucher Code</th>

                                            <th class="text-center">Nilai Voucher</th>
                                            <th class="text-center">Belum Aktif</th>
                                            <th class="text-center">Belum Aktif Value</th>
                                            <th class="text-center">Belum Dipakai</th>
                                            <th class="text-center">Belum Dipakai Value</th>
                                            <th class="text-center">Sudah Dipakai</th>
                                            <th class="text-center">Sudah Dipakai Value</th>
                                            <th class="text-center">Disable</th>
                                            <th class="text-center">Disable Value</th>
                                            <th class="text-center">Expired</th>
                                            <th class="text-center">Expired Value</th>
                        
                                        </tr>
                                    </thead>
                                    @php
                                        $no = 1;
                                    @endphp
                                    @forelse($query as $key => $data)
                                    <tr>
                                        <td class="text-center">{{ $no++ }}</td>
                                        <td class="text-center">{{ $data->group_sponsor }}</td>
                                        <td class="text-center">{{ $data->sponsor }}</td>
                                        <td class="text-center">{{ $data->jenis_voucher }}</td>
                                        <td class="text-center">{{ $data->jumlah_create }}</td>
                                        <td class="text-center">{{ $data->invoice_number_cmk }}</td>
                                        <td class="text-center">{{ $data->trace_number }}</td>
                                        @php
                                            $code = $data->voucher_code;
                                            $start = substr($code, 0, 4); // 4 awal
                                            $end = substr($code, -4);     // 4 akhir
                                            $masked = $start . str_repeat('*', 4) . $end;
                                        @endphp
                                        <td class="text-center">{{ $masked }}</td>
                                        <td class="text-center">{{ number_format($data->nilai_voucher) }}</td>
                                        <td class="text-center">{{ number_format($data->belum_aktif) }}</td>
                                        <td class="text-center">{{ number_format($data->belum_aktif_value) }}</td>
                                        <td class="text-center">{{ number_format($data->belum_dipakai) }}</td>
                                        <td class="text-center">{{ number_format($data->belum_dipakai_value) }}</td>
                                        <td class="text-center">{{ number_format($data->sudah_dipakai) }}</td>
                                        <td class="text-center">{{ number_format($data->sudah_dipakai_value) }}</td>
                                        <td class="text-center">{{ number_format($data->disable) }}</td>
                                        <td class="text-center">{{ number_format($data->disable_value) }}</td>
                                        <td class="text-center">{{ number_format($data->expired) }}</td>
                                        <td class="text-center">{{ number_format($data->expired_value) }}</td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="22" class="text-center">No data</td>
                                    </tr>
                                @endforelse
                                </table>
                                {{-- <div>
                                    {{ $query->links() }}
                                </div> --}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
    </div>
@endsection