@extends("common.layout-popup")

@section("header")

@endsection

@section("page-title","[{$country->name}] 결제 상품 상세")
@section("content")
    <section>
        <main>
            <table class="table table-striped table-hover">
                <colgroup>
                    <col width="5%">
                    <col width="20%">
                    <col width="/">
                    <col width="5%">
                    <col width="10%">
                    <col width="20%">
                    <col width="10%">
                </colgroup>
                <thead>
                <tr>
                    <th>No</th>
                    <th>상품명</th>
                    <th>옵션명</th>
                    <th>모듈</th>
                    <th class="text-center">결제건 수</th>
                    <th class="text-center">매출액(원)</th>
                    <th class="text-center">비중</th>
                </tr>
                </thead>
                <tbody>
                    @foreach($data as $row)
                        <tr>
                            <td>{{$loop->index + 1}}</td>
                            <td>{{$row->product_name}}</td>
                            <td>{{$row->product_option_name}}</td>
                            <td>{{ strtoupper(substr($row->module, 0, 1)) }}</td>
                            <td class="text-right">{{$row->total_orders - $row->full_refunds}}</td>
                            <td class="text-right">{{$row->net_sales}}</td>
                            <td class="text-right"> @if($totalNetSales > 0)
                                    {{ number_format(($row->net_sales / $totalNetSales) * 100, 1) }}%
                                @else
                                    0%
                                @endif</td>
                        </tr>
                    @endforeach
                </tbody>
                <tfoot>
                <tr class="font-bold">
                    <td colspan="4" >합계</td>
                    <td class="text-right">{{ number_format($totalOrders) }}</td>
                    <td class="text-right">{{ number_format($totalNetSales) }}</td>
                    <td class="text-right">100%</td>
                </tr>
                </tfoot>
            </table>
        </main>
    </section>

@endsection

@push("script")
    <script>

    </script>
    <style>
        .text-center{
            text-align: center;
        }
        .text-right{
            text-align: right;
        }
    </style>
@endpush