@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">Tanggal Create Campaign</th>
                                            <th class="text-center">Tanggal Pakai</th>
                                            <th class="text-center">Berlaku Samapi</th>
                                            <th class="text-center">Jumlah Create</th>
                                            <th class="text-center">Nilai Voucher</th>
                                            <th class="text-center">Kode</th>
                                            <th class="text-center">Status Voucher</th>
                                            <th class="text-center">Voucher Code</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>
                                        </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">{{ \Carbon\Carbon::parse($data->tanggal_create_campaign)->format('d/m/Y') }}</td>
                                        <td class="text-center">{{ \Carbon\Carbon::parse($data->tanggal_pakai)->format('d/m/Y') }}</td>
                                        <td class="text-center">{{ \Carbon\Carbon::parse($data->berlaku_sampai)->format('d/m/Y') }}</td>
                                        <td class="text-center">{{ $data->jumlah_create }}</td>
                                        <td class="text-center">{{ $data->nilai_voucher }}</td>
                                        <td class="text-center">{{ $data->kode }}</td>
                                        <td class="text-center">{{ $data->status_voucher }}</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">{{ $data->belum_aktif }}</td>
                                        <td class="text-center">{{ $data->belum_aktif_value }}</td>
                                        <td class="text-center">{{ $data->belum_dipakai }}</td>
                                        <td class="text-center">{{ $data->belum_dipakai_value }}</td>
                                        <td class="text-center">{{ $data->sudah_dipakai }}</td>
                                        <td class="text-center">{{ $data->sudah_dipakai_value }}</td>
                                        <td class="text-center">{{ $data->disable }}</td>
                                        <td class="text-center">{{ $data->disable_value }}</td>
                                        <td class="text-center">{{ $data->expired }}</td>
                                        <td class="text-center">{{ $data->expired_value }}</td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="22" class="text-center">No data</td>
                                    </tr>
                                @endforelse
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
    </div>
@endsection