@extends('shared.admin')
@section('content')
    <div class="container-fluid">
        <h2 class="mt-30 page-title">Thống kê</h2>
        <ol class="breadcrumb mb-30">
            <li class="breadcrumb-item"><a href="{{ asset('/admin') }}">Dashboard</a></li>
            <li class="breadcrumb-item active"><a href="{{ asset('/admin/pre_order/statistic') }}">Thống kê</a></li>
        </ol>
        <form method="get" action="" name="preOrderFilter" class="mb-5">
            <div class="row">
                <div class="col-10">
                    @include('admin.components.forms.search-rangedate')
                </div>
                <div class="col-2 d-flex align-items-end">
                    <button class="status-btn btn-lg hover-btn float-left ml-0" type="submit">Search Pre Order</button>
                </div>
            </div>
        </form>

        <div class="row">
            <div class="col-12">
                <p>Tổng: {{ $total }}</p>
                <div class="card card-static-2 mb-30">
                    <div class="card-body-table">
                        <div class="table-responsive">
                            <table class="table ucp-table table-hover">
                                <thead>
                                <tr>
                                    <th>UTM Source</th>
                                    <th>UTM Campaign</th>
                                    <th>Pre Order Count</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($preOrders as $preOrder)
                                    <tr>
                                        <td>{{ $preOrder['utm_source'] ?? 'Direct' }}</td>
                                        <td>{{ $preOrder['utm_campaign'] ?? '--' }}</td>
                                        <td>{{ $preOrder['count'] }}</td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@include('admin.pre_order.elements.static')