@extends('admin.layouts.contentLayoutMaster')

@section('title','銷售報表')

@section('vendor-styles')

@endsection

@section('page-styles')

@endsection

@section('content')
<section id="basic-horizontal-layouts">
    <div class="row match-height justify-content-center">
        <div class="col-md-10 col-12">
            <form class="form form-horizontal" method="POST" id="main_form">
                <div class="d-flex justify-content-end p-0" >
                    {{ $now }}
                </div>
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title"></h4>
                    </div>
                    <div class="card-content">
                        <div class="card-content">
                            <div class="card-body">
                                <div class="row mx-0">
                                    <div class="col-xl-4 col-md-12 d-flex align-items-center pl-0">
                                        <h6 class="mr-75"> 活動名稱 </h6>
                                        <h6 class="show_activity_name mr-75 text-bold-500"> {{ $commission->activity->name }} </h6>
                                    </div>
                                    <div class="col-xl-4 col-md-12 d-flex align-items-center pl-0">
                                        <h6 class="mr-75"> 團媽 </h6>
                                        <h6 class="show_administrator_name mr-75 text-bold-500"> {{ $commission->administrator->name }} </h6>
                                    </div>
                                    <div class="col-xl-4 col-md-12 d-flex align-items-right pl-0 justify-content-end">
                                        <a href="{{ url()->current(). '?export=1' }}">
                                            <button class="btn btn-success glow mr-1 " type="button"><i class='bx bx-download'></i></button> 
                                        </a>
                                        <a href="{{ url()->current() }}">
                                            <button class="btn btn-primary glow mr-1 " type="button"><i class='bx bx-revision'></i></button> 
                                        </a>
                                        <a href="{{ Route('admin.commission.index') }}">
                                            <button class="btn btn-light glow mr-1 " type="button"><i class='bx bx-left-arrow-alt'></i></button> 
                                        </a>
                                    </div>
                                </div>
                                <hr>
                                <div class="row my-2 py-50 justify-content-center">
                                    <div class="col-md-6">
                                        <div class="table-responsive">
                                            <table class="table table-hover mb-0">
                                                <thead>
                                                    <tr>
                                                        <th class="text-center"></th>
                                                        <th class="text-center">訂單數</th>
                                                        <th class="text-right">營收</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($orderSummary as $type => $order)
                                                        @php
                                                            $typeName = [
                                                                'paid' => '已付',
                                                                'unpaid' => '未付',
                                                                'all' => '總計',
                                                            ][$type];
                                                        @endphp 
                                                        <tr>
                                                            <td class="text-center" >{{ $typeName }}</td>
                                                            <td class="text-center">{{ $order['count'] }}</td>
                                                            <td class="text-right">$ {{ number_format($order['total']) }}</td>
                                                        </tr>
                                                    @endforeach

                                                    <tr>
                                                        <td class="text-center" >平均客單</td>
                                                        <td class="text-center" colspan="2">$ {{ number_format($perCustomerTransaction) }}</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <div class="row justify-content-center">
                                    <div class="col-md-12">
                                        <div class="table-responsive">
                                            <table class="table table-hover mb-0">
                                                <thead>
                                                    <tr>
                                                        <th class="text-center">類別</th>
                                                        <th class="text-left">品項</th>
                                                        <th class="text-right">團購價</th>
                                                        <th class="text-center">已付款組數</th>
                                                        <th class="text-center">未付款組數</th>
                                                        <th class="text-center">總銷售組數</th>
                                                        <th class="text-right">小計</th>
                                                        <th class="text-center">訂單占比</th>
                                                        <th class="text-center">銷售額占比</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($products['all'] as $product)
                                                        @php
                                                            $paidProduct = $products['paid'][$product['productId']] ?? '';
                                                            $unPaidProduct = $products['unpaid'][$product['productId']] ?? '';
                                                        @endphp
                                                        <tr>    
                                                            <td class="text-center">{{ $product['productPropertyName'] }}</td>
                                                            <td class="text-left">{{ $product['productName'] }}</td>
                                                            <td class="text-right">$ {{ number_format($product['price']) }}</td>
                                                            <td class="text-center">{{ $paidProduct['quantity'] ?? 0 }}</td>
                                                            <td class="text-center">{{ $unPaidProduct['quantity'] ?? 0 }}</td>
                                                            <td class="text-center">{{ $product['quantity'] ?? 0 }}</td>
                                                            <td class="text-right">$ {{ number_format($product['total']) }}</td>
                                                            <td class="text-center">{{ $product['quantityPercent'] }} % </td>
                                                            <td class="text-center">{{ $product['totalPercent'] }} % </td>
                                                        </tr>
                                                    @endforeach

                                                    {{-- 運費 --}}
                                                    <tr>
                                                        <td class="text-center"></td>
                                                        <td class="text-left">運費</td>
                                                        <td></td>
                                                        <td></td>
                                                        <td></td>
                                                        <td></td>
                                                        <td class="text-right">$ {{ number_format($freightFee) }}</td>
                                                        <td></td>
                                                        <td></td>
                                                    </tr>
                                                    
                                                    {{-- 折扣 --}}
                                                    <tr>
                                                        <td class="text-center"></td>
                                                        <td class="text-left">(折扣)</td>
                                                        <td></td>
                                                        <td></td>
                                                        <td></td>
                                                        <td></td>
                                                        <td class="text-right"> - $ {{ number_format($discountFee) }}</td>
                                                        <td></td>
                                                        <td></td>
                                                    </tr>

                                                    {{-- 總計 --}}
                                                    <tr>
                                                        <td class="text-center" colspan="2" style="font-size:16px;background-color:#FFFFC0;letter-spacing: 0.5em;">銷售量總計</td>
                                                        <td></td>
                                                        <td class="text-center">{{ $productsSum['paid'] }}</td>
                                                        <td class="text-center">{{ $productsSum['unpaid'] }}</td>
                                                        <td class="text-center">{{ $productsSum['all'] }}</td>
                                                        <td class="text-right">$ {{ number_format($productsSum['total']) }}</td>
                                                        <td></td>
                                                        <td></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</section>
@endsection

@section('vendor-scripts')

@endsection

@section('page-scripts')
<script>

</script>
@endsection