@extends('layouts.account')

@section('title', __('Offers'))
@section('heading', __('Offers'))
@section('subheading', __('Negotiations you are part of, on either side.'))

@section('account')
    @if ($negotiations->isEmpty())
        <x-empty-state icon="tag"
                       :title="__('No offers yet')"
                       :message="__('Make an offer on a property and the negotiation appears here.')">
            <x-button :href="route('properties.index')" class="mt-5" arrow>{{ __('Browse properties') }}</x-button>
        </x-empty-state>
    @else
        <div class="space-y-4">
            @foreach ($negotiations as $negotiation)
                @php($yourTurn = $negotiation->awaitingReplyFrom($user))

                <a href="{{ route('account.offers.show', $negotiation) }}"
                   class="flex flex-wrap items-start justify-between gap-4 rounded-xl border border-border bg-surface p-5 transition hover:shadow-card">
                    <div class="min-w-0">
                        <div class="flex flex-wrap items-center gap-2">
                            <x-badge :variant="$negotiation->status->badgeVariant()">
                                {{ $negotiation->status->label() }}
                            </x-badge>

                            @if ($yourTurn)
                                <x-badge variant="brand">{{ __('Your turn') }}</x-badge>
                            @endif
                        </div>

                        <p class="mt-2 truncate font-display text-base font-semibold text-text">
                            {{ $negotiation->listing?->title ?? __('A listing') }}
                        </p>

                        <p class="mt-1 text-sm text-text-secondary">
                            {{ $negotiation->isSeller($user)
                                ? __('From :name', ['name' => $negotiation->buyer?->name])
                                : __('With :name', ['name' => $negotiation->seller?->name]) }}
                        </p>
                    </div>

                    <div class="text-right">
                        <p class="font-display text-lg font-bold text-text">{{ $negotiation->formattedLatest() }}</p>

                        @if ($negotiation->listing?->price)
                            <p class="mt-0.5 text-xs text-text-muted">
                                {{ __('Asking :price', ['price' => $negotiation->listing->formattedPrice()]) }}
                            </p>
                        @endif

                        <p class="mt-1 text-xs text-text-muted">{{ $negotiation->latest_offer_at?->diffForHumans() }}</p>
                    </div>
                </a>
            @endforeach
        </div>

        <div class="mt-8">{{ $negotiations->links() }}</div>
    @endif
@endsection