@extends('backend.layout')

@section('backend_content')
    <div class="container-fluid">
        <div class="d-flex justify-content-between align-items-center mb-4">
            <div>
                <h4 class="fw-bold mb-1">{{ $shop->name }} Report</h4>
                <small class="text-muted">Sales, orders, and product performance summary</small>
            </div>
            <div class="d-flex gap-2">
                <a href="{{ route('admin.shops.show', $shop) }}" class="btn btn-light border">
                    <i class="bx bx-show"></i> Shop Details
                </a>
                <a href="{{ route('admin.shops.index') }}" class="btn btn-light">
                    <i class="bx bx-arrow-back"></i> Back
                </a>
            </div>
        </div>

        <div class="row g-3 mb-4">
            <div class="col-12 col-md-6 col-xl-3">
                <div class="card border-0 shadow-sm h-100">
                    <div class="card-body">
                        <small class="text-muted text-uppercase">Total Products</small>
                        <h3 class="mb-0 fw-700">{{ $summary['total_products'] }}</h3>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 col-xl-3">
                <div class="card border-0 shadow-sm h-100">
                    <div class="card-body">
                        <small class="text-muted text-uppercase">In Stock</small>
                        <h3 class="mb-0 fw-700 text-success">{{ $summary['in_stock_products'] }}</h3>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 col-xl-3">
                <div class="card border-0 shadow-sm h-100">
                    <div class="card-body">
                        <small class="text-muted text-uppercase">Total Orders</small>
                        <h3 class="mb-0 fw-700 text-primary">{{ $summary['orders_count'] }}</h3>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 col-xl-3">
                <div class="card border-0 shadow-sm h-100">
                    <div class="card-body">
                        <small class="text-muted text-uppercase">Gross Sales</small>
                        <h3 class="mb-0 fw-700 text-dark">{{ number_format($summary['gross_sales'], 0) }} BDT</h3>
                    </div>
                </div>
            </div>
        </div>

        <div class="row g-4">
            <div class="col-lg-5">
                <div class="card border-0 shadow-sm mb-4">
                    <div class="card-header bg-white border-bottom">
                        <h6 class="mb-0 fw-600">Order Status Breakdown</h6>
                    </div>
                    <div class="card-body">
                        <div class="d-flex flex-wrap gap-2">
                            <span class="badge bg-warning text-dark p-2">Pending:
                                {{ (int) ($statusCounts['pending'] ?? 0) }}</span>
                            <span class="badge bg-info p-2">Processing:
                                {{ (int) ($statusCounts['processing'] ?? 0) }}</span>
                            <span class="badge bg-success p-2">Completed:
                                {{ (int) ($statusCounts['completed'] ?? 0) }}</span>
                            <span class="badge bg-danger p-2">Cancelled:
                                {{ (int) ($statusCounts['cancelled'] ?? 0) }}</span>
                        </div>
                        <hr>
                        <div class="d-flex justify-content-between mb-2">
                            <span class="text-muted">Items Sold</span>
                            <strong>{{ $summary['items_sold'] }}</strong>
                        </div>
                        <div class="d-flex justify-content-between">
                            <span class="text-muted">Avg. Order Value</span>
                            <strong>
                                {{ $summary['orders_count'] > 0 ? number_format($summary['gross_sales'] / $summary['orders_count'], 0) : 0 }}
                                BDT
                            </strong>
                        </div>
                    </div>
                </div>

                <div class="card border-0 shadow-sm">
                    <div class="card-header bg-white border-bottom">
                        <h6 class="mb-0 fw-600">Top Products</h6>
                    </div>
                    <div class="table-responsive">
                        <table class="table table-sm align-middle mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>Product</th>
                                    <th class="text-end">Qty</th>
                                    <th class="text-end">Revenue</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($topProducts as $row)
                                    <tr>
                                        <td>{{ $row->product_name }}</td>
                                        <td class="text-end">{{ (int) $row->qty_sold }}</td>
                                        <td class="text-end">{{ number_format((float) $row->revenue, 0) }} BDT</td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="3" class="text-center text-muted py-3">No product sales data yet.
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <div class="col-lg-7">
                <div class="card border-0 shadow-sm">
                    <div class="card-header bg-white border-bottom d-flex justify-content-between align-items-center">
                        <h6 class="mb-0 fw-600">Recent Orders</h6>
                        <small class="text-muted">Latest 10 orders for this shop</small>
                    </div>
                    <div class="table-responsive">
                        <table class="table align-middle mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>Order #</th>
                                    <th>Customer</th>
                                    <th>Status</th>
                                    <th class="text-end">Amount</th>
                                    <th>Date</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($recentOrders as $order)
                                    <tr>
                                        <td>{{ $order->order_number }}</td>
                                        <td>
                                            <div class="fw-600">{{ $order->customer_name }}</div>
                                            <small class="text-muted">{{ $order->phone }}</small>
                                        </td>
                                        <td>
                                            @if ($order->status === 'pending')
                                                <span class="badge bg-warning text-dark">Pending</span>
                                            @elseif ($order->status === 'processing')
                                                <span class="badge bg-info">Processing</span>
                                            @elseif ($order->status === 'completed')
                                                <span class="badge bg-success">Completed</span>
                                            @elseif ($order->status === 'cancelled')
                                                <span class="badge bg-danger">Cancelled</span>
                                            @else
                                                <span class="badge bg-secondary">{{ ucfirst($order->status) }}</span>
                                            @endif
                                        </td>
                                        <td class="text-end">{{ number_format((float) $order->total_amount, 0) }} BDT</td>
                                        <td>{{ \Carbon\Carbon::parse($order->created_at)->format('M d, Y') }}</td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="5" class="text-center text-muted py-5">No orders found for this shop
                                            yet.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <style>
        .fw-600 {
            font-weight: 600;
        }

        .fw-700 {
            font-weight: 700;
        }
    </style>
@endsection