@extends('layouts.app')
@section('title', 'RFQs')

@section('content')
@php($input = 'mt-1 w-full rounded border border-slate-300 px-2 py-1.5 text-sm')
<div class="flex items-center justify-between">
    <h1 class="text-xl font-bold">{{ $user->role === 'buyer' ? 'My RFQs' : 'RFQs matched to you' }}</h1>
    @if ($user->role === 'buyer')
        <a href="{{ route('marketplace.index') }}" class="rounded bg-crimson px-3 py-2 text-sm font-semibold text-white">+ New RFQ</a>
    @endif
</div>

<div class="mt-4 space-y-4">
@forelse ($rfqs as $rfq)
    <article class="rounded-lg border border-slate-200 bg-white p-4 text-sm">
        <div class="flex flex-wrap items-start justify-between gap-2">
            <div>
                <h2 class="font-semibold">RFQ #{{ $rfq->id }} · {{ number_format($rfq->volume_mt) }} MT {{ $rfq->productLabel() }}</h2>
                <p class="text-xs text-slate-500">
                    {{ $rfq->incoterm }} {{ $rfq->destination_port }} ({{ $rfq->destination_country }})
                    · {{ $rfq->delivery_from->format('d M') }} – {{ $rfq->delivery_to->format('d M Y') }}
                    · {{ config('drixem.payment_methods.'.$rfq->payment_method) }}
                    @if ($rfq->max_ffa_pct) · FFA ≤ {{ $rfq->max_ffa_pct }}% @endif
                </p>
            </div>
            <span class="rounded-full bg-slate-100 px-2 py-0.5 text-xs font-semibold uppercase">{{ $rfq->status }}</span>
        </div>
        @if ($rfq->notes)<p class="mt-2 text-slate-600">{{ $rfq->notes }}</p>@endif

        @if ($user->role === 'buyer')
            <p class="mt-2 text-xs text-slate-500">Sent to {{ $rfq->matches_count }} verified supplier(s).</p>
            @foreach ($rfq->quotes as $quote)
                <div class="mt-3 flex flex-wrap items-center justify-between gap-3 rounded border border-slate-200 bg-slate-50 p-3">
                    <div>
                        <p class="font-semibold">✔ {{ $quote->seller->company_name }}
                            <span class="font-normal text-slate-500">· USD {{ number_format($quote->price_usd_per_mt, 2) }}/MT {{ $quote->incoterm }} · {{ number_format($quote->volume_mt) }} MT</span></p>
                        <p class="text-xs text-slate-500">Valid until {{ $quote->valid_until->format('d M Y') }}
                            @if ($quote->payment_terms) · {{ $quote->payment_terms }} @endif
                            @if ($quote->loading_port) · ex {{ $quote->loading_port }} @endif</p>
                        @if ($quote->notes)<p class="mt-1 text-xs">{{ $quote->notes }}</p>@endif
                    </div>
                    @if ($quote->status === 'submitted' && $rfq->isOpen())
                        <form method="POST" action="{{ route('quotes.accept', $quote) }}">@csrf
                            <button class="rounded bg-crimson px-3 py-2 font-semibold text-white">Accept &amp; open deal room</button>
                        </form>
                    @elseif ($quote->dealRoom)
                        <a href="{{ route('deals.show', $quote->dealRoom) }}" class="rounded border border-slate-900 px-3 py-2 font-semibold">Open deal room</a>
                    @else
                        <span class="text-xs uppercase text-slate-500">{{ $quote->status }}</span>
                    @endif
                </div>
            @endforeach
        @else
            @php($mine = $rfq->quotes->first())
            @if ($mine && $mine->status !== 'submitted')
                <p class="mt-3 text-xs font-semibold uppercase text-slate-500">Your quote: {{ $mine->status }}</p>
            @elseif ($rfq->isOpen())
                <form method="POST" action="{{ route('quotes.store', $rfq) }}" class="mt-3 grid grid-cols-2 gap-3 rounded border border-slate-200 bg-slate-50 p-3 md:grid-cols-4">
                    @csrf
                    <label>Your price USD/MT <input type="number" step="0.01" name="price_usd_per_mt" value="{{ $mine?->price_usd_per_mt }}" class="{{ $input }}" required></label>
                    <label>Volume (MT) <input type="number" step="0.01" name="volume_mt" value="{{ $mine?->volume_mt ?? $rfq->volume_mt }}" class="{{ $input }}" required></label>
                    <label>Incoterm
                        <select name="incoterm" class="{{ $input }}">
                            @foreach (config('drixem.incoterms') as $term)<option @selected(($mine?->incoterm ?? $rfq->incoterm) === $term)>{{ $term }}</option>@endforeach
                        </select>
                    </label>
                    <label>Valid until <input type="date" name="valid_until" value="{{ $mine?->valid_until?->toDateString() }}" class="{{ $input }}" required></label>
                    <label>Loading port <input type="text" name="loading_port" value="{{ $mine?->loading_port }}" class="{{ $input }}"></label>
                    <label>Shipment from <input type="date" name="shipment_from" value="{{ $mine?->shipment_from?->toDateString() }}" class="{{ $input }}"></label>
                    <label>Shipment to <input type="date" name="shipment_to" value="{{ $mine?->shipment_to?->toDateString() }}" class="{{ $input }}"></label>
                    <label>Payment terms <input type="text" name="payment_terms" value="{{ $mine?->payment_terms }}" placeholder="LC at sight" class="{{ $input }}"></label>
                    <label class="col-span-2 md:col-span-3">Notes <input type="text" name="notes" value="{{ $mine?->notes }}" class="{{ $input }}"></label>
                    <button class="col-span-2 self-end rounded bg-crimson px-3 py-2 font-semibold text-white md:col-span-1">{{ $mine ? 'Update quote' : 'Submit quote' }}</button>
                </form>
            @endif
        @endif
    </article>
@empty
    <p class="rounded-lg border border-dashed border-slate-300 bg-white p-8 text-center text-sm text-slate-500">
        {{ $user->role === 'buyer' ? 'No RFQs yet. Raise one from the marketplace.' : 'No matched RFQs yet. Keep your listings up to date to get matched.' }}
    </p>
@endforelse
</div>
<div class="mt-6">{{ $rfqs->links() }}</div>
@endsection