@extends('layouts.app')
@section('title', 'Purchases')
@section('breadcrumb')
<li class="breadcrumb-item active">Purchases</li>
@endsection
@section('content')

<div class="page-header d-flex justify-content-between align-items-center">
    <div>
        <h1 class="page-title"><i class="bi bi-cart-check me-2" style="color:#059669;"></i>Purchases</h1>
        <p class="page-subtitle">Manage supplier purchases and stock intake</p>
    </div>
    @can_permission('purchases.create')
    <a href="{{ route('purchases.create') }}" class="btn btn-primary">
        <i class="bi bi-plus-lg me-1"></i> New Purchase
    </a>
    @endcan_permission
</div>

{{-- Stats --}}
<div class="row g-3 mb-3">
    <div class="col-6 col-md-3">
        <div class="stat-card">
            <div class="stat-icon" style="background:#d1fae5;"><i class="bi bi-cart-check" style="color:#059669;"></i></div>
            <div><div class="stat-value">৳{{ number_format($totalAmount, 0) }}</div><div class="stat-label">Total (filtered)</div></div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="stat-card">
            <div class="stat-icon" style="background:#fee2e2;"><i class="bi bi-clock" style="color:#dc2626;"></i></div>
            <div><div class="stat-value" style="color:#dc2626;">৳{{ number_format($totalDue, 0) }}</div><div class="stat-label">Due (filtered)</div></div>
        </div>
    </div>
</div>

{{-- Filters --}}
<div class="card mb-3">
    <div class="card-body py-2">
        <form method="GET" class="row g-2 align-items-center">
            <div class="col-12 col-md-3"><input type="text" name="search" class="form-control" placeholder="Invoice number..." value="{{ $search }}"></div>
            <div class="col-6 col-md-2">
                <select name="status" class="form-select">
                    <option value="">All Status</option>
                    @foreach(['draft','ordered','received','partial','paid','returned'] as $s)
                    <option value="{{ $s }}" {{ $status == $s ? 'selected' : '' }}>{{ ucfirst($s) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-6 col-md-2">
                <select name="supplier_id" class="form-select">
                    <option value="">All Suppliers</option>
                    @foreach($suppliers as $sup)
                    <option value="{{ $sup->id }}" {{ $supplier == $sup->id ? 'selected' : '' }}>{{ $sup->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-6 col-md-2"><input type="date" name="from" class="form-control" value="{{ $from }}" placeholder="From"></div>
            <div class="col-6 col-md-2"><input type="date" name="to" class="form-control" value="{{ $to }}" placeholder="To"></div>
            <div class="col-auto d-flex gap-1">
                <button type="submit" class="btn btn-primary"><i class="bi bi-search"></i></button>
                <a href="{{ route('purchases.index') }}" class="btn btn-outline-secondary"><i class="bi bi-x"></i></a>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table mb-0">
                <thead>
                    <tr>
                        <th>Invoice</th>
                        <th>Supplier</th>
                        <th>Date</th>
                        <th>Items</th>
                        <th>Total</th>
                        <th>Paid</th>
                        <th>Due</th>
                        <th>Status</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($purchases as $purchase)
                    <tr>
                        <td>
                            <a href="{{ route('purchases.show', $purchase) }}" style="color:#059669;font-weight:700;text-decoration:none;">
                                {{ $purchase->invoice_no }}
                            </a>
                        </td>
                        <td>{{ $purchase->supplier->name }}</td>
                        <td>{{ $purchase->purchase_date->format('d M Y') }}</td>
                        <td><span class="badge bg-secondary">{{ $purchase->items->count() }}</span></td>
                        <td>৳{{ number_format($purchase->total_amount, 2) }}</td>
                        <td class="text-success">৳{{ number_format($purchase->paid_amount, 2) }}</td>
                        <td>
                            @if($purchase->due_amount > 0)
                            <span style="color:#dc2626;font-weight:600;">৳{{ number_format($purchase->due_amount, 2) }}</span>
                            @else
                            <span class="text-success"><i class="bi bi-check-circle"></i></span>
                            @endif
                        </td>
                        <td>
                            @php $sc = ['received'=>'success','partial'=>'warning','paid'=>'success','ordered'=>'info','draft'=>'secondary','returned'=>'danger']; @endphp
                            <span class="badge bg-{{ $sc[$purchase->status] ?? 'secondary' }}">{{ ucfirst($purchase->status) }}</span>
                        </td>
                        <td>
                            <div class="d-flex gap-1">
                                {{-- View --}}
                                <a href="{{ route('purchases.show', $purchase) }}" class="btn btn-sm btn-outline-info" title="View"><i class="bi bi-eye"></i></a>

                                {{-- Print --}}
                                <a href="{{ route('purchases.show', $purchase) }}?print=1" target="_blank" class="btn btn-sm btn-outline-secondary" title="Print"><i class="bi bi-printer"></i></a>

                                {{-- Edit --}}
                                @can_permission('purchases.edit')
                                <a href="{{ route('purchases.edit', $purchase) }}" class="btn btn-sm btn-outline-primary" title="Edit"><i class="bi bi-pencil"></i></a>
                                @endcan_permission

                                {{-- Delete --}}
                                @can_permission('purchases.delete')
                                <form method="POST" action="{{ route('purchases.destroy', $purchase) }}" onsubmit="return confirm('Delete this purchase?')">
                                    @csrf @method('DELETE')
                                    <button class="btn btn-sm btn-outline-danger" title="Delete"><i class="bi bi-trash"></i></button>
                                </form>
                                @endcan_permission
                            </div>
                        </td>
                    </tr>
                    @empty
                    <tr><td colspan="9" class="text-center py-5 text-muted"><i class="bi bi-cart-check" style="font-size:2rem;display:block;margin-bottom:.5rem;"></i>No purchases found.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    @if($purchases->hasPages())<div class="card-footer">{{ $purchases->links() }}</div>@endif
</div>
@endsection