@extends('layouts.app')

@section('content')
    <div class="page-title">
        <div>
            <h1>Stock audits</h1>
            <p class="muted">Physical stock verification, variance tracking, audit logs and reports.</p>
        </div>
        <a class="btn btn-secondary" href="{{ route('inventory.dashboard') }}">Inventory dashboard</a>
    </div>

    <section class="dashboard-grid">
        <div class="table-wrap">
            <table>
                <thead>
                    <tr>
                        <th>Audit</th>
                        <th>Warehouse</th>
                        <th>Date</th>
                        <th>Status</th>
                        <th>Variance</th>
                        <th>Items</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($audits as $audit)
                        <tr>
                            <td>{{ $audit->audit_number }}</td>
                            <td>{{ $audit->warehouse?->name }}</td>
                            <td>{{ $audit->audit_date?->format('d M Y') }}</td>
                            <td><span class="badge {{ $audit->status === 'completed' ? 'active' : '' }}">{{ ucfirst($audit->status) }}</span></td>
                            <td>{{ $audit->total_variance }} / Rs {{ number_format((float) $audit->variance_value, 2) }}</td>
                            <td>
                                @foreach ($audit->items as $item)
                                    <div>{{ $item->product?->sku }}: {{ $item->system_quantity }} to {{ $item->physical_quantity }}</div>
                                @endforeach
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            {{ $audits->links() }}
        </div>

        <aside class="form-wrap">
            <h2>Create stock audit</h2>
            <form method="POST" action="{{ route('inventory.audits.store') }}">
                @csrf
                <div class="field">
                    <label for="warehouse_id">Warehouse</label>
                    <select id="warehouse_id" name="warehouse_id">
                        @foreach ($warehouses as $warehouse)
                            <option value="{{ $warehouse->id }}">{{ $warehouse->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="grid-2">
                    <div class="field">
                        <label for="audit_date">Audit date</label>
                        <input id="audit_date" name="audit_date" type="date" value="{{ now()->toDateString() }}">
                    </div>
                    <div class="field">
                        <label for="status">Status</label>
                        <select id="status" name="status">
                            <option value="completed">Completed</option>
                            <option value="draft">Draft</option>
                        </select>
                    </div>
                </div>
                <div class="field">
                    <label for="audit_product">Product</label>
                    <select id="audit_product" name="items[0][product_id]">
                        @foreach ($products as $product)
                            <option value="{{ $product->id }}">{{ $product->sku }} - {{ $product->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="field">
                    <label for="physical_quantity">Physical quantity</label>
                    <input id="physical_quantity" name="items[0][physical_quantity]" type="number" min="0" value="0">
                </div>
                <div class="field">
                    <label for="notes">Notes</label>
                    <textarea id="notes" name="notes"></textarea>
                </div>
                <button class="btn btn-primary" type="submit">Save audit</button>
            </form>
        </aside>
    </section>
@endsection