@extends('layouts.app')

@section('title', 'Trade Dashboard')

@section('header', 'Trade Dashboard')

@section('content')
<div class="container">
    <div class="row mb-4">
        <div class="col-md-8">
            <form action="{{ route('trade-dashboard') }}" method="GET" class="row g-3">
                <div class="col-md-4">
                    <label for="startDate" class="form-label">Start Date</label>
                    <input type="date" class="form-control" id="startDate" name="startDate" value="{{ request('startDate', date('Y-m-d')) }}">
                </div>
                <div class="col-md-4">
                    <label for="endDate" class="form-label">End Date</label>
                    <input type="date" class="form-control" id="endDate" name="endDate" value="{{ request('endDate', date('Y-m-d')) }}">
                </div>
                <div class="col-md-4 d-flex align-items-end">
                    <button type="submit" class="btn btn-primary">Filter</button>
                </div>
            </form>
        </div>
        <div class="col-md-4 text-end">
            <a href="{{ route('trade-invoices.export-dashboard', ['startDate' => request('startDate', date('Y-m-d')), 'endDate' => request('endDate', date('Y-m-d'))]) }}" class="btn btn-success">
                <i class="bi bi-file-excel"></i> Export Data
            </a>
        </div>
    </div>

    <div class="row">
        <div class="col-md-3 mb-4">
            <div class="card bg-primary text-white h-100">
                <div class="card-body text-center">
                    <h5 class="card-title">Total Invoices</h5>
                    <p class="display-4">{{ $totalInvoices }}</p>
                </div>
            </div>
        </div>
        
        <div class="col-md-3 mb-4">
            <div class="card bg-success text-white h-100">
                <div class="card-body text-center">
                    <h5 class="card-title">Total Quantity</h5>
                    <p class="display-4">{{ number_format($totalQuantity) }}</p>
                </div>
            </div>
        </div>
        
        <div class="col-md-3 mb-4">
            <div class="card bg-info text-white h-100">
                <div class="card-body text-center">
                    <h5 class="card-title">Total Amount</h5>
                    <p class="display-4">${{ number_format($totalAmount, 2) }}</p>
                </div>
            </div>
        </div>
        
        <div class="col-md-3 mb-4">
            <div class="card bg-warning text-dark h-100">
                <div class="card-body text-center">
                    <h5 class="card-title">Outstanding</h5>
                    <p class="display-4">${{ number_format($outstandingAmount, 2) }}</p>
                </div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <h5 class="card-title mb-0">Customer Summary</h5>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>Customer</th>
                            <th>Customer ID</th>
                            <th>User</th>
                            <th>Phone</th>
                            <th>Today's Quantity</th>
                            <th>Monthly Quantity</th>
                            <th>Total Quantity</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($customers as $customer)
                        <tr>
                            <td>{{ $customer->name }}</td>
                            <td>{{ $customer->customer_id }}</td>
                            <td>{{ $customer->user_name }}</td>
                            <td>{{ $customer->phone }}</td>
                            <td>{{ number_format($customer->pgi_quantity_date) }}</td>
                            <td>{{ number_format($customer->pgi_quantity_month) }}</td>
                            <td>{{ number_format($customer->pgi_quantity) }}</td>
                            <td>
                                <a href="{{ route('trade-customers.show', $customer->id) }}" class="btn btn-sm btn-info">
                                    <i class="bi bi-eye"></i> View
                                </a>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="8" class="text-center">No data available</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            
            <div class="d-flex justify-content-center mt-4">
                {{ $customers->links() }}
            </div>
        </div>
    </div>
</div>
@endsection