@extends('layouts.portal')

@php($isEdit = $item->exists)

@section('title', $isEdit ? __('Edit item') : __('New item'))

@push('styles')
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">
<style>
    .item-band { margin-top: 1rem; padding: .4rem .8rem; font-weight: 700; font-size: .85rem; text-transform: uppercase; letter-spacing: .04em; border-left: 5px solid; border-radius: 4px; }
    .item-band:first-child { margin-top: 0; }
    .band-identity { background: #e3f0ff; border-color: #2f7de1; color: #15509c; }
    .band-class { background: #e6f7f1; border-color: #1fa97a; color: #0f6b4c; }
    .band-units { background: #fff4de; border-color: #f0a020; color: #8a5a00; }
    .band-stock { background: #f1e9fb; border-color: #8e5ad7; color: #5a2d9c; }
    .band-acct { background: #e8f5e4; border-color: #4c9a3a; color: #2b6a1d; }
    .item-note { background: #f4f6f8; border-radius: 4px; color: #55616b; font-size: .85rem; }
    #item-form .form-control:focus, #item-form .form-select:focus { border-color: #2f7de1; box-shadow: 0 0 0 .2rem rgba(47,125,225,.2); }
    #item-form .card-footer { background: #eef3f9; }
</style>
@endpush
@section('content')
<div class="portal-page">
    @include('partials.portal-header')

    <main class="module-main">
        <div class="container-fluid py-4">
            <header class="mb-3">
                <h1 class="h3 mb-0">{{ $isEdit ? __('Edit item') : __('New item') }}</h1>
            </header>

            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul class="mb-0">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <form method="POST" action="{{ $isEdit ? route('stock.items.update', $item) : route('stock.items.store') }}" class="card shadow-sm" id="item-form">
                @csrf
                @if($isEdit) @method('PUT') @endif

                <div class="card-body row g-3">
                    <div class="col-12 item-band band-identity "><i class="bi bi-tag"></i> {{ __('Item (title)') }}</div>
                    <div class="col-12 col-md-3">
                        <label for="sku" class="form-label">{{ __('SKU') }}</label>
                        <input type="text" id="sku" name="sku" class="form-control @error('sku') is-invalid @enderror" value="{{ old('sku', $item->sku) }}" maxlength="40" required>
                    </div>
                    <div class="col-12 col-md-3">
                        <label for="barcode" class="form-label">{{ __('Barcode (EAN/UPC)') }}</label>
                        <input type="text" id="barcode" name="barcode" class="form-control @error('barcode') is-invalid @enderror" value="{{ old('barcode', $item->barcode) }}" maxlength="50">
                    </div>
                    <div class="col-12 col-md-6">
                        <label for="name" class="form-label">{{ __('Name') }}</label>
                        <input type="text" id="name" name="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name', $item->name) }}" maxlength="200" required>
                    </div>
                    <div class="col-12 col-md-8">
                        <label for="description" class="form-label">{{ __('Description') }}</label>
                        <input type="text" id="description" name="description" class="form-control" value="{{ old('description', $item->description) }}" maxlength="2000">
                    </div>
                    <div class="col-12 col-md-4">
                        <label for="brand_name" class="form-label">{{ __('Brand / manufacturer') }}</label>
                        <input type="text" id="brand_name" name="brand_name" class="form-control" value="{{ old('brand_name', $brandName) }}" maxlength="120" list="brand-options">
                        <datalist id="brand-options">
                            @foreach($brands as $brand)
                                <option value="{{ $brand->name }}"></option>
                            @endforeach
                        </datalist>
                    </div>
                    <div class="col-12 col-md-4">
                        <label for="category_id" class="form-label">{{ __('Category') }}</label>
                        <select id="category_id" name="category_id" class="form-select @error('category_id') is-invalid @enderror">
                            <option value="">—</option>
                            @foreach($categories as $category)
                                <option value="{{ $category->id }}" @selected((int) old('category_id', $item->category_id) === $category->id)>{{ str_repeat('— ', $category->depth) }}{{ $category->name }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-12 item-band band-class "><i class="bi bi-diagram-3"></i> {{ __('Classification and tracking') }}</div>
                    <div class="col-12 col-md-3">
                        <label for="item_type" class="form-label">{{ __('Concept type') }}</label>
                        <select id="item_type" name="item_type" class="form-select">
                            <option value="stockable" @selected(old('item_type', $item->item_type) === 'stockable')>{{ __('Stockable') }}</option>
                            <option value="service" @selected(old('item_type', $item->item_type) === 'service')>{{ __('Service') }}</option>
                        </select>
                    </div>

                    <div class="col-12 col-md-3 stock-only">
                        <label for="tracking" class="form-label">{{ __('Tracking') }}</label>
                        <select id="tracking" name="tracking" class="form-select">
                            <option value="none" @selected(old('tracking', $item->tracking) === 'none')>{{ __('No tracking') }}</option>
                            <option value="lot" @selected(old('tracking', $item->tracking) === 'lot')>{{ __('By lot') }}</option>
                            <option value="serial" @selected(old('tracking', $item->tracking) === 'serial')>{{ __('By serial number') }}</option>
                        </select>
                    </div>
                    <div class="col-12 col-md-3 stock-only">
                        <label for="dispatch_policy" class="form-label">{{ __('Dispatch policy') }}</label>
                        <select id="dispatch_policy" name="dispatch_policy" class="form-select">
                            <option value="fifo" @selected(old('dispatch_policy', $item->dispatch_policy) === 'fifo')>{{ __('FIFO (first in, first out)') }}</option>
                            <option value="fefo" @selected(old('dispatch_policy', $item->dispatch_policy) === 'fefo')>{{ __('FEFO (first expired, first out)') }}</option>
                            <option value="manual" @selected(old('dispatch_policy', $item->dispatch_policy) === 'manual')>{{ __('Manual lot selection') }}</option>
                        </select>
                    </div>
                    <div class="col-12 col-md-3 stock-only">
                        <label for="costing_method" class="form-label">{{ __('Costing method') }}</label>
                        <select id="costing_method" name="costing_method" class="form-select">
                            <option value="average" @selected(old('costing_method', $item->costing_method) === 'average')>{{ __('Weighted average') }}</option>
                            <option value="fifo" @selected(old('costing_method', $item->costing_method) === 'fifo')>FIFO</option>
                        </select>
                    </div>
                    <div class="col-12 stock-only">
                        <div class="form-check">
                            <input type="checkbox" class="form-check-input" id="requires_expiry" name="requires_expiry" value="1" @checked(old('requires_expiry', $item->requires_expiry))>
                            <label for="requires_expiry" class="form-check-label">{{ __('Track expiry dates (requires lot tracking)') }}</label>
                        </div>
                    </div>

                    <div class="col-12 item-band band-units "><i class="bi bi-rulers"></i> {{ __('Units and pricing') }}</div>
                    <div class="col-12 col-md-3">
                        <label for="base_uom_id" class="form-label">{{ __('Base unit') }}</label>
                        <select id="base_uom_id" name="base_uom_id" class="form-select" required>
                            @foreach($uoms as $uom)
                                <option value="{{ $uom->id }}" @selected((int) old('base_uom_id', $item->base_uom_id) === $uom->id)>{{ $uom->code }} — {{ $uom->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-12 col-md-3">
                        <label for="purchase_uom_id" class="form-label">{{ __('Purchase unit') }}</label>
                        <select id="purchase_uom_id" name="purchase_uom_id" class="form-select">
                            <option value="">—</option>
                            @foreach($uoms as $uom)
                                <option value="{{ $uom->id }}" @selected((int) old('purchase_uom_id', $item->purchase_uom_id) === $uom->id)>{{ $uom->code }} — {{ $uom->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-12 col-md-3">
                        <label for="purchase_factor" class="form-label">{{ __('Base units per purchase unit') }}</label>
                        <input type="number" step="0.000001" min="0.000001" id="purchase_factor" name="purchase_factor" class="form-control" value="{{ old('purchase_factor', $item->purchase_factor ?? 1) }}" required>
                    </div>
                    <div class="col-12 col-md-3">
                        <label for="sales_uom_id" class="form-label">{{ __('Sales unit') }}</label>
                        <select id="sales_uom_id" name="sales_uom_id" class="form-select">
                            <option value="">— {{ __('Same as base unit') }}</option>
                            @foreach($uoms as $uom)
                                <option value="{{ $uom->id }}" @selected((int) old('sales_uom_id', $item->sales_uom_id) === $uom->id)>{{ $uom->code }} — {{ $uom->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-12 col-md-3">
                        <label for="sales_factor" class="form-label">{{ __('Base units per sales unit') }}</label>
                        <input type="number" step="0.000001" min="0.000001" id="sales_factor" name="sales_factor" class="form-control" value="{{ old('sales_factor', $item->sales_factor ?? 1) }}" required>
                    </div>
                    <div class="col-12 col-md-3">
                        <label for="list_price" class="form-label">{{ __('List price (per sales unit)') }}</label>
                        <input type="number" step="0.0001" min="0" id="list_price" name="list_price" class="form-control" value="{{ old('list_price', $item->list_price) }}">
                        <div class="form-text">{{ __('At the counter the price converts automatically when the cashier sells in the base unit.') }}</div>
                    </div>

                    <div class="col-12 item-band band-stock stock-only"><i class="bi bi-boxes"></i> {{ __('Stock levels') }}</div>
                    @foreach(['min_stock' => 'Minimum stock', 'reorder_point' => 'Reorder point', 'max_stock' => 'Maximum stock'] as $field => $label)
                        <div class="col-12 col-md-4 stock-only">
                            <label for="{{ $field }}" class="form-label">{{ __($label) }}</label>
                            <input type="number" step="0.0001" min="0" id="{{ $field }}" name="{{ $field }}" class="form-control" value="{{ old($field, $item->$field) }}">
                        </div>
                    @endforeach

                    <div class="col-12 item-band band-acct "><i class="bi bi-journal-text"></i> {{ __('Default accounting accounts') }}</div>
                    <div class="col-12 col-md-4 stock-only">
                        <label for="inventory_account_id" class="form-label">{{ __('Inventory account') }}</label>
                        <select id="inventory_account_id" name="inventory_account_id" class="form-select">
                            <option value="">—</option>
                            @foreach($inventoryAccounts as $account)
                                <option value="{{ $account->id }}" @selected((int) old('inventory_account_id', $item->inventory_account_id) === $account->id)>{{ $account->code }} — {{ $account->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-12 col-md-4">
                        <label for="cogs_account_id" class="form-label">{{ __('Cost of sales account') }}</label>
                        <select id="cogs_account_id" name="cogs_account_id" class="form-select">
                            <option value="">—</option>
                            @foreach($postingAccounts as $account)
                                <option value="{{ $account->id }}" @selected((int) old('cogs_account_id', $item->cogs_account_id) === $account->id)>{{ $account->code }} — {{ $account->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-12 col-md-4">
                        <label for="sales_account_id" class="form-label">{{ __('Sales account') }}</label>
                        <select id="sales_account_id" name="sales_account_id" class="form-select">
                            <option value="">—</option>
                            @foreach($postingAccounts as $account)
                                <option value="{{ $account->id }}" @selected((int) old('sales_account_id', $item->sales_account_id) === $account->id)>{{ $account->code }} — {{ $account->name }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-12 item-note"><i class="bi bi-info-circle"></i> {{ __('Lots, expiry dates and serial numbers are recorded per receipt (instance), not on the item.') }}</div>
                    <div class="col-12">
                        <div class="form-check form-switch">
                            <input type="checkbox" class="form-check-input" id="is_active" name="is_active" value="1" role="switch" @checked(old('is_active', $item->is_active))>
                            <label for="is_active" class="form-check-label">{{ __('Active') }}</label>
                        </div>
                    </div>
                </div>

                <div class="card-footer d-flex gap-2">
                    <button type="submit" class="btn btn-primary">{{ __('Save') }}</button>
                    <a href="{{ route('stock.items.index') }}" class="btn btn-outline-secondary">{{ __('Cancel') }}</a>
                </div>
            </form>
        </div>

        <script>
            (function () {
                const type = document.getElementById('item_type');
                const sync = () => document.querySelectorAll('#item-form .stock-only').forEach((el) => {
                    el.hidden = type.value === 'service';
                });
                type.addEventListener('change', sync);
                sync();
            })();
        </script>
    </main>
</div>
@endsection