@extends('merchant.layout')

@section('title','Reports')

@section('content')
<h4 class="fw-bold mb-4">Reports</h4>

<div class="row g-4">

    <div class="col-md-4">
        <div class="stat-card">
            <h6>Total Orders</h6>
            <h3 class="fw-bold">1,248</h3>
        </div>
    </div>

    <div class="col-md-4">
        <div class="stat-card">
            <h6>Total Revenue</h6>
            <h3 class="fw-bold">LKR 2.4M</h3>
        </div>
    </div>

    <div class="col-md-4">
        <div class="stat-card">
            <h6>Returns</h6>
            <h3 class="fw-bold text-danger">84</h3>
        </div>
    </div>

</div>

<div class="card shadow-sm mt-4">
    <div class="card-body text-muted">
        📈 Order trends, revenue charts, and exports will appear here.
    </div>
</div>
@endsection