@extends('layouts.app')

@section('content')
<div class="container mx-auto p-6">
    <div class="flex justify-between items-center mb-6">
        <h1 class="text-2xl font-semibold">Sales Details for {{ $product->name }}</h1>
        <a href="{{ route('product.index') }}" class="px-4 py-2 bg-gray-200 rounded-md hover:bg-gray-300">
            Back to Products
        </a>
    </div>

   
           
                <div class="mb-6 p-4 bg-blue-50 border border-blue-200 rounded-lg">
    <h2 class="text-xl font-semibold text-blue-800">Product Sales Summary</h2>
    <p class="mt-2 text-gray-700"><strong>Product:</strong> {{ $product->name }}</p>
    <p class="text-gray-700"><strong>Total Quantity Sold:</strong> {{ $totalQuantity }}</p>
    <p class="text-gray-700"><strong>Total Sales Amount:</strong> Rs. {{ number_format($totalAmount, 2) }}</p>
</div>

            
        <!-- <div class="bg-white px-4 py-3 border-t border-gray-200 sm:px-6">
            {{ $sales->links() }}
        </div> -->
   
@endsection