@extends('layouts.app')
@section('title', 'My listings')

@section('content')
@php($input = 'mt-1 w-full rounded border border-slate-300 px-3 py-2 text-sm')
<div class="grid gap-6 lg:grid-cols-[1fr_400px]">
    <section>
        <h1 class="text-xl font-bold">My listings</h1>
        <div class="mt-4 space-y-3">
            @forelse ($listings as $l)
                <div class="flex flex-wrap items-center justify-between gap-3 rounded-lg border border-slate-200 bg-white p-4 text-sm">
                    <div>
                        <a href="{{ route('marketplace.show', $l) }}" class="font-semibold hover:text-crimson">{{ $l->title }}</a>
                        <p class="text-xs text-slate-500">{{ $l->productLabel() }} · {{ number_format($l->available_mt) }} MT · MOQ {{ number_format($l->moq_mt) }} MT · {{ $l->incoterm }}
                            · {{ $l->price_usd_per_mt ? 'USD '.number_format($l->price_usd_per_mt, 2).'/MT' : 'Price on RFQ' }}</p>
                    </div>
                    <form method="POST" action="{{ route('listings.status', $l) }}" class="flex items-center gap-2">
                        @csrf
                        <select name="status" class="rounded border border-slate-300 px-2 py-1 text-xs">
                            @foreach (['active', 'paused', 'sold_out'] as $s)<option value="{{ $s }}" @selected($l->status === $s)>{{ str_replace('_', ' ', $s) }}</option>@endforeach
                        </select>
                        <button class="rounded bg-slate-900 px-2 py-1 text-xs font-semibold text-white">Save</button>
                    </form>
                </div>
            @empty
                <p class="rounded-lg border border-dashed border-slate-300 bg-white p-8 text-center text-sm text-slate-500">No listings yet. Publish your first offer.</p>
            @endforelse
        </div>
    </section>

    <aside class="h-fit rounded-lg border border-slate-200 bg-white p-5">
        <h2 class="text-lg font-bold">New listing</h2>
        <form method="POST" action="{{ route('listings.store') }}" class="mt-3 grid grid-cols-2 gap-3 text-sm">
            @csrf
            <label class="col-span-2">Product
                <select name="product" class="{{ $input }}" required>
                    @foreach (config('drixem.products') as $key => $label)<option value="{{ $key }}" @selected(old('product') === $key)>{{ $label }}</option>@endforeach
                </select>
            </label>
            <label class="col-span-2">Title <input type="text" name="title" value="{{ old('title') }}" placeholder="CPO, FFA 5% max, prompt shipment" class="{{ $input }}" required></label>
            <label>Grade <input type="text" name="grade" value="{{ old('grade') }}" class="{{ $input }}"></label>
            <label>FFA % <input type="number" step="0.01" name="ffa_pct" value="{{ old('ffa_pct') }}" class="{{ $input }}"></label>
            <label>M&amp;I % <input type="number" step="0.01" name="moisture_impurities_pct" value="{{ old('moisture_impurities_pct') }}" class="{{ $input }}"></label>
            <label>Iodine Value <input type="number" step="0.01" name="iodine_value" value="{{ old('iodine_value') }}" class="{{ $input }}"></label>
            <label>Origin
                <select name="origin_country" class="{{ $input }}" required>
                    @foreach (config('drixem.origins') as $key => $label)<option value="{{ $key }}" @selected(old('origin_country') === $key)>{{ $label }}</option>@endforeach
                </select>
            </label>
            <label>Loading port <input type="text" name="loading_port" value="{{ old('loading_port') }}" class="{{ $input }}"></label>
            <label>Available (MT) <input type="number" step="0.01" name="available_mt" value="{{ old('available_mt') }}" class="{{ $input }}" required></label>
            <label>MOQ (MT) <input type="number" step="0.01" name="moq_mt" value="{{ old('moq_mt') }}" class="{{ $input }}" required></label>
            <label>Incoterm
                <select name="incoterm" class="{{ $input }}" required>
                    @foreach (config('drixem.incoterms') as $term)<option @selected(old('incoterm') === $term)>{{ $term }}</option>@endforeach
                </select>
            </label>
            <label>Packaging <input type="text" name="packaging" value="{{ old('packaging') }}" placeholder="Bulk / flexitank" class="{{ $input }}"></label>
            <label>Price USD/MT <input type="number" step="0.01" name="price_usd_per_mt" value="{{ old('price_usd_per_mt') }}" placeholder="Blank = on RFQ" class="{{ $input }}"></label>
            <label>Valid until <input type="date" name="price_valid_until" value="{{ old('price_valid_until') }}" class="{{ $input }}"></label>
            <fieldset class="col-span-2 flex flex-wrap gap-x-4 gap-y-1">
                @foreach (['cert_rspo' => 'RSPO', 'cert_mspo' => 'MSPO', 'cert_ispo' => 'ISPO', 'cert_halal' => 'JAKIM Halal'] as $name => $label)
                    <label><input type="checkbox" name="{{ $name }}" value="1"> {{ $label }}</label>
                @endforeach
                @if (config('drixem.exim_financing_enabled'))
                    <label><input type="checkbox" name="financing_exim_available" value="1"> Exim Bank financing accepted</label>
                @endif
            </fieldset>
            <button class="col-span-2 rounded bg-crimson px-4 py-3 font-semibold text-white hover:bg-crimson-dark">Publish listing</button>
        </form>
    </aside>
</div>
@endsection