@extends('layouts.app')
@section('title', 'Current Stock')

@section('content')
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="page-title"><i class="bi bi-boxes me-2"></i>Current Stock</h1>
    </div>

    <!-- Category Filter -->
    <div class="card card-body mb-4">
        <form method="GET" class="row g-3 align-items-end">
            <div class="col-md-4">
                <label class="form-label">Category</label>
                <select name="category" class="form-select">
                    <option value="">All Categories</option>
                    @foreach($categories as $cat)
                        <option value="{{ $cat }}" {{ request('category') == $cat ? 'selected' : '' }}>{{ $cat }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label">Project</label>
                <select name="project_id" class="form-select">
                    <option value="">All Projects</option>
                    @foreach($projects as $id => $name)
                        <option value="{{ $id }}" {{ request('project_id') == $id ? 'selected' : '' }}>{{ $name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <button type="submit" class="btn btn-outline-primary w-100"><i class="bi bi-filter"></i> Filter</button>
            </div>
        </form>
    </div>

    <div class="card">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead>
                    <tr>
                        <th>Material</th>
                        <th>Category</th>
                        <th>Unit</th>
                        <th>Project</th>
                        <th class="text-end">Current Stock</th>
                        <th class="text-end">Alert Level</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($materials as $m)
                        @php
                            $isLowStock = (float) $m->current_stock <= (float) $m->min_stock_level;
                        @endphp
                        <tr class="{{ $isLowStock ? 'table-warning' : '' }}">
                            <td><strong>{{ $m->material_name }}</strong></td>
                            <td>{{ $m->category ?? '—' }}</td>
                            <td>{{ strtoupper($m->unit) }}</td>
                            <td>
                                @if($m->project_id)
                                    <span class="badge bg-secondary">{{ $m->project_name }}</span>
                                @else
                                    <span class="badge bg-light text-dark border">Unassigned</span>
                                @endif
                            </td>
                            <td class="text-end fw-bold">{{ number_format((float) $m->current_stock, 2) }}</td>
                            <td class="text-end">{{ number_format((float) $m->min_stock_level, 2) }}</td>
                            <td>
                                @if($isLowStock)
                                    <span class="badge bg-danger"><i class="bi bi-exclamation-triangle"></i> Low Stock</span>
                                @else
                                    <span class="badge bg-success">OK</span>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection