@extends('admin.layout')

@section('title', 'Sales Report')

@section('content')
<div class="page-header">
    <div class="page-title">
        <h1><i class="fas fa-chart-line"></i> Sales Report</h1>
        <p>View and analyze sales data</p>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <h3>Sales Report Dashboard</h3>
        <p>Sales report page is working!</p>
        
        <div class="grid-3 mt-6">
            <div class="text-center p-6 bg-blue-50 rounded-lg">
                <div class="text-3xl font-bold text-blue-600 mb-2">0</div>
                <div class="text-gray-600">Total Orders</div>
            </div>
            
            <div class="text-center p-6 bg-green-50 rounded-lg">
                <div class="text-3xl font-bold text-green-600 mb-2">৳0</div>
                <div class="text-gray-600">Total Sales</div>
            </div>
            
            <div class="text-center p-6 bg-purple-50 rounded-lg">
                <div class="text-3xl font-bold text-purple-600 mb-2">0</div>
                <div class="text-gray-600">Total PV</div>
            </div>
        </div>
    </div>
</div>
@endsection