@extends('layouts.admin-simple')

@section('title', 'Easy In — Purchases')

@section('breadcrumb')
    <li class="breadcrumb-item">Warehouse</li>
    <li class="breadcrumb-item">Incoming Operations</li>
    <li class="breadcrumb-item active">Easy In</li>
@endsection

@section('page-title')
    <div class="d-flex justify-content-between align-items-center w-100">
        <div class="page-title-left">
            <h3 class="mb-1">Easy In — Purchases</h3>
            <p class="text-muted mb-0" style="font-size: 13px;">Quick purchase records without inventory stock-in</p>
        </div>
        <div class="page-actions-right">
            <a href="{{ route('warehouse.easy-in.create') }}" class="btn btn-sm btn-success">
                <i class="material-icons mr-1" style="font-size: 16px;">add</i> New Purchase
            </a>
        </div>
    </div>
@endsection

@section('content')
    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show">
            {{ session('success') }}
            <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
        </div>
    @endif

    {{-- Summary Cards --}}
    <div class="row mb-3">
        <div class="col-md-4">
            <div class="card border-left-success h-100">
                <div class="card-body py-3">
                    <div class="text-xs font-weight-bold text-success text-uppercase mb-1">Total Purchased (All Items)</div>
                    <div class="h5 mb-0 font-weight-bold text-gray-800">{{ number_format($totalPurchased, 2) }}</div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card border-left-primary h-100">
                <div class="card-body py-3">
                    <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">Total Dispatched (All Items)</div>
                    <div class="h5 mb-0 font-weight-bold text-gray-800">{{ number_format($totalDispatched, 2) }}</div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card border-left-info h-100">
                <div class="card-body py-3">
                    <div class="text-xs font-weight-bold text-info text-uppercase mb-1">On Hand (Balance)</div>
                    <div class="h5 mb-0 font-weight-bold text-gray-800">{{ number_format($totalPurchased - $totalDispatched, 2) }}</div>
                </div>
            </div>
        </div>
    </div>

    {{-- Balance Summary by Item --}}
    @if($balanceSummary->isNotEmpty())
    <div class="card mb-3">
        <div class="card-header">
            <h6 class="mb-0"><i class="material-icons mr-2 align-middle" style="font-size: 18px;">balance</i>Balance by Item</h6>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-sm mb-0">
                    <thead class="thead-light">
                        <tr>
                            <th>Item Description</th>
                            <th>Unit</th>
                            <th class="text-right">Total Purchased</th>
                            <th class="text-right">Total Dispatched</th>
                            <th class="text-right">On Hand</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($balanceSummary as $row)
                        <tr>
                            <td>{{ $row->item_description }}</td>
                            <td>{{ $row->unit }}</td>
                            <td class="text-right">{{ number_format($row->total_purchased, 2) }}</td>
                            <td class="text-right">{{ number_format($row->total_dispatched, 2) }}</td>
                            <td class="text-right">
                                <span class="font-weight-bold {{ $row->on_hand > 0 ? 'text-success' : ($row->on_hand < 0 ? 'text-danger' : 'text-muted') }}">
                                    {{ number_format($row->on_hand, 2) }}
                                </span>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif

    {{-- Filter --}}
    <div class="card mb-3">
        <div class="card-body py-2">
            <form method="GET" class="form-inline flex-wrap" style="gap: 8px;">
                <input type="text" name="search" class="form-control form-control-sm" placeholder="Search item, ref, supplier..." value="{{ request('search') }}" style="min-width: 220px;">
                <input type="date" name="date_from" class="form-control form-control-sm" value="{{ request('date_from') }}">
                <span class="text-muted">to</span>
                <input type="date" name="date_to" class="form-control form-control-sm" value="{{ request('date_to') }}">
                <button type="submit" class="btn btn-sm btn-primary">Filter</button>
                @if(request()->hasAny(['search','date_from','date_to']))
                    <a href="{{ route('warehouse.easy-in.index') }}" class="btn btn-sm btn-outline-secondary">Clear</a>
                @endif
            </form>
        </div>
    </div>

    {{-- Purchases List --}}
    <div class="card">
        <div class="card-header">
            <h6 class="mb-0"><i class="material-icons mr-2 align-middle" style="font-size: 18px;">receipt</i>Purchase Records</h6>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table mb-0">
                    <thead class="thead-light">
                        <tr>
                            <th>Ref #</th>
                            <th>Date</th>
                            <th>Item Description</th>
                            <th>Unit</th>
                            <th class="text-right">Qty</th>
                            <th>Supplier</th>
                            <th>Invoice / LPO</th>
                            <th>Division</th>
                            <th class="text-right">Total (AED)</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($purchases as $purchase)
                        <tr>
                            <td><a href="{{ route('warehouse.easy-in.show', $purchase) }}">{{ $purchase->reference_number }}</a></td>
                            <td>{{ $purchase->purchase_date->format('d M Y') }}</td>
                            <td>{{ $purchase->item_description }}</td>
                            <td>{{ $purchase->unit }}</td>
                            <td class="text-right">{{ number_format($purchase->quantity, 2) }}</td>
                            <td>{{ $purchase->supplier_name ?? '-' }}</td>
                            <td>
                                @if($purchase->invoice_number) <span class="badge badge-light">{{ $purchase->invoice_number }}</span> @endif
                                @if($purchase->lpo_number) <span class="badge badge-light">{{ $purchase->lpo_number }}</span> @endif
                                @if(!$purchase->invoice_number && !$purchase->lpo_number) - @endif
                            </td>
                            <td>{{ $purchase->division?->division_name ?? '-' }}</td>
                            <td class="text-right">{{ number_format($purchase->total_amount, 2) }}</td>
                            <td class="text-right">
                                <a href="{{ route('warehouse.easy-in.show', $purchase) }}" class="btn btn-xs btn-outline-primary">
                                    <i class="material-icons" style="font-size: 14px;">visibility</i>
                                </a>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="10" class="text-center text-muted py-4">No purchase records found.</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        @if($purchases->hasPages())
        <div class="card-footer">
            {{ $purchases->links() }}
        </div>
        @endif
    </div>
@endsection