@extends('layouts.admin')

@section('title', __('admin_sales.inventory_title'))

@push('styles')
    .stock-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.stock-card{padding:18px;border-radius:12px;color:#fff;text-decoration:none}.stock-card
    strong{display:block;margin-top:7px;font-size:25px}.out{background:#9f1c14}.low{background:#a64b05}.good{background:#11652f}.filters{display:grid;grid-template-columns:2fr
    1fr auto;gap:10px;margin-bottom:18px}.filters input,.filters select,.stock-form input{padding:9px;border:1px solid
    var(--border);border-radius:8px;font:inherit}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table
    th,.data-table td{padding:11px;border-bottom:1px solid
    var(--border);text-align:start}.stock-form{display:grid;grid-template-columns:90px 90px minmax(170px,1fr)
    auto;gap:8px;align-items:center}.stock-badge{display:inline-block;padding:5px
    9px;border-radius:999px;color:#fff;font-weight:700}@media(max-width:850px){.stock-cards,.filters{grid-template-columns:1fr}.stock-form{grid-template-columns:1fr}}
@endpush

@section('content')
    <div class="page-header">
        <h1 class="page-title">{{ __('admin_sales.inventory_title') }}</h1>
    </div>
    <div class="stock-cards">
        <a class="stock-card out"
            href="{{ route('admin.inventory.index', ['status' => 'out']) }}">{{ __('admin_sales.out_of_stock') }}<strong>{{ $counts['out'] }}</strong></a>
        <a class="stock-card low"
            href="{{ route('admin.inventory.index', ['status' => 'low']) }}">{{ __('admin_sales.low_stock') }}<strong>{{ $counts['low'] }}</strong></a>
        <a class="stock-card good"
            href="{{ route('admin.inventory.index', ['status' => 'good']) }}">{{ __('admin_sales.good_stock') }}<strong>{{ $counts['good'] }}</strong></a>
    </div>
    <section class="card">
        <form class="filters" method="GET"><input name="search" value="{{ $search }}"
                placeholder="{{ __('admin_sales.inventory_search') }}"><select name="status">
                <option value="">{{ __('admin_sales.all') }}</option>
                <option value="out" @selected($status === 'out')>{{ __('admin_sales.out_of_stock') }}</option>
                <option value="low" @selected($status === 'low')>{{ __('admin_sales.low_stock') }}</option>
                <option value="good" @selected($status === 'good')>{{ __('admin_sales.good_stock') }}</option>
            </select><button class="button" type="submit">{{ __('admin_sales.filter') }}</button></form>
        <div class="table-wrap">
            <table class="data-table">
                <thead>
                    <tr>
                        <th>{{ __('admin_sales.product') }}</th>
                        <th>{{ __('admin_sales.stock_status') }}</th>
                        <th>{{ __('admin_sales.current_stock') }} / {{ __('admin_sales.threshold') }} /
                            {{ __('admin_sales.reason') }}</th>
                        <th>{{ __('admin_sales.movement_history') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($products as $product)
                        @php
                            $name =
                                $product->translation(app()->getLocale())?->name ??
                                ($product->translation('ar')?->name ?? $product->internal_code);
                            $stockClass =
                                $product->stock_quantity === 0 ? 'out' : ($product->isLowStock() ? 'low' : 'good');
                            $stockLabel =
                                $product->stock_quantity === 0
                                    ? __('admin_sales.out_of_stock')
                                    : ($product->isLowStock()
                                        ? __('admin_sales.low_stock')
                                        : __('admin_sales.good_stock'));
                        @endphp
                        <tr>
                            <td><strong>{{ $product->internal_code }}</strong><br>{{ $name }}</td>
                            <td><span class="stock-badge {{ $stockClass }}">{{ $stockLabel }}</span></td>
                            <td>
                                <form class="stock-form" method="POST"
                                    action="{{ route('admin.inventory.update', $product) }}">@csrf @method('PATCH')
                                    <input type="number" name="stock_quantity" min="0"
                                        value="{{ $product->stock_quantity }}" required
                                        aria-label="{{ __('admin_sales.current_stock') }}">
                                    <input type="number" name="low_stock_threshold" min="0"
                                        value="{{ $product->low_stock_threshold }}" required
                                        aria-label="{{ __('admin_sales.threshold') }}">
                                    <input name="reason" minlength="3" maxlength="500"
                                        placeholder="{{ __('admin_sales.reason') }}" required>
                                    <button class="button" type="submit">{{ __('admin_sales.update_stock') }}</button>
                                </form>
                            </td>
                            <td><a class="button button-secondary"
                                    href="{{ route('admin.inventory.show', $product) }}">{{ __('admin_sales.view') }}</a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>{{ $products->links() }}
    </section>
@endsection