@extends('layouts.store')

@section('title', 'Business order — Meatworx')

@section('content')
<section class="mw-inner-hero">
    <div class="container mw-inner-hero-inner">
        <div class="mw-inner-hero-copy">
            <h1>Place order</h1>
            <p class="mw-inner-hero-script">Prices stay off this screen</p>
        </div>
        <span class="mw-inner-hero-meat" aria-hidden="true">Meat</span>
    </div>
</section>
<section class="mw-section">
    <div class="container">
        <div class="mw-trade-bar">
            <form method="GET" class="mw-trade-search">
                <input type="search" name="q" value="{{ $search }}" placeholder="Search products">
                @if($filter)<input type="hidden" name="category" value="{{ $filter }}">@endif
            </form>
            <div class="mw-trade-cats">
                <a href="{{ route('trade.home') }}" class="{{ $filter === '' ? 'is-on' : '' }}">All</a>
                @foreach($categories as $category)
                    <a href="{{ route('trade.home', ['category' => $category->slug, 'q' => $search]) }}" class="{{ $filter === $category->slug ? 'is-on' : '' }}">{{ $category->name }}</a>
                @endforeach
            </div>
            <a class="mw-btn" href="{{ route('trade.orders') }}">My orders</a>
        </div>
        @if($lastOrder)
            <form action="{{ route('trade.repeat', $lastOrder) }}" method="POST" class="mw-trade-repeat">
                @csrf
                <button type="submit">Repeat last order {{ $lastOrder->order_number }}</button>
            </form>
        @endif
        <form action="{{ route('trade.review') }}" method="POST" class="mw-panel">
            @csrf
            @php $current = null; @endphp
            @foreach($products as $product)
                @continue($search !== '' && ! str_contains(strtolower($product->name), strtolower($search)))
                @continue($filter !== '' && ! $product->categories->contains('slug', $filter))
                @php $cat = $product->categories->first()?->name ?? 'Others'; @endphp
                @if($cat !== $current)
                    @php $current = $cat; @endphp
                    <h2 class="mw-trade-cat">{{ $current }}</h2>
                @endif
                <div class="mw-trade-row">
                    <div>
                        <strong>{{ $product->name }}</strong>
                        <span>{{ $product->unit ?: 'kg' }}</span>
                        @if($product->stock_status === 'outofstock')
                            <em>Unavailable today</em>
                        @endif
                    </div>
                    <input type="number" name="qty[{{ $product->id }}]" min="0" max="9999" step="0.01" inputmode="decimal"
                        value="{{ $draft[$product->id] ?? '' }}" placeholder="0"
                        @disabled($product->stock_status === 'outofstock')>
                </div>
            @endforeach
            <div class="mw-trade-submit">
                <p>Enter quantities only. The price is added later on the invoice.</p>
                <button class="mw-btn" type="submit">Review order</button>
            </div>
        </form>
    </div>
</section>
@endsection