@extends('layouts.portal')

@section('title', __('Items'))

@push('styles')
    @include('accounting.journal._styles')
@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 d-flex flex-wrap justify-content-between align-items-center gap-2">
                <div>
                    <h1 class="h3 mb-0">{{ __('Items') }}</h1>
                    <p class="text-muted mb-0">{{ __('Products and services sold, purchased or consumed.') }}</p>
                </div>
                <a href="{{ route('stock.items.create') }}" class="btn btn-primary">{{ __('New item') }}</a>
            </header>

            @if(session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
            @endif

            <form method="GET" action="{{ route('stock.items.index') }}" class="row g-2 mb-3">
                <div class="col-12 col-md-5">
                    <input type="search" name="search" value="{{ $search }}" class="form-control" placeholder="{{ __('Search by SKU, name or barcode') }}">
                </div>
                <div class="col-6 col-md-3">
                    <select name="type" class="form-select">
                        <option value="">{{ __('All types') }}</option>
                        <option value="stockable" @selected($type === 'stockable')>{{ __('Stockable') }}</option>
                        <option value="service" @selected($type === 'service')>{{ __('Service') }}</option>
                    </select>
                </div>
                <div class="col-6 col-md-2">
                    <button type="submit" class="btn btn-outline-secondary w-100">{{ __('Filter') }}</button>
                </div>
            </form>

            <div class="card shadow-sm">
                <div class="je-grid-wrap">
                    <table class="je-table">
                        <thead>
                            <tr>
                                <th>{{ __('SKU') }}</th>
                                <th>{{ __('Name') }}</th>
                                <th>{{ __('Brand') }}</th>
                                <th>{{ __('Type') }}</th>
                                <th>{{ __('Dispatch policy') }}</th>
                                <th>{{ __('Unit') }}</th>
                                <th>{{ __('Status') }}</th>
                            </tr>
                        </thead>
                        <tbody class="je-list">
                            @forelse($items as $item)
                                <tr class="{{ $item->is_active ? '' : 'is-voided' }}">
                                    <td class="nowrap"><a href="{{ route('stock.items.edit', $item) }}">{{ $item->sku }}</a></td>
                                    <td>{{ $item->name }}</td>
                                    <td>{{ $item->brand?->name ?? '—' }}</td>
                                    <td>{{ $item->isService() ? __('Service') : __('Stockable') }}</td>
                                    <td>{{ $item->isService() ? '—' : strtoupper($item->dispatch_policy) }}</td>
                                    <td>{{ $item->baseUom?->code }}</td>
                                    <td class="no-strike {{ $item->is_active ? 'je-status-posted' : 'je-status-voided' }}">{{ $item->is_active ? __('Active') : __('Inactive') }}</td>
                                </tr>
                            @empty
                                <tr><td colspan="7" class="text-center text-muted py-4">{{ __('No items found.') }}</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="mt-3">{{ $items->links() }}</div>
        </div>
    </main>
</div>
@endsection