@extends('layouts.account')

@section('title', __('Promote'))
@section('heading', __('Promote this listing'))
@section('subheading', $listing->title)

@section('account')
    @if (session('error'))
        <x-alert type="error" class="mb-6">{{ session('error') }}</x-alert>
    @endif

    <div class="grid gap-6 lg:grid-cols-3">
        @foreach ($types as $type)
            @php($active = $running[$type->value] ?? null)

            <div class="flex flex-col rounded-2xl border border-border bg-surface p-6">
                <h2 class="font-display text-title font-bold text-text">{{ $type->label() }}</h2>

                <p class="mt-1.5 text-sm text-text-secondary">{{ $type->description() }}</p>

                <p class="mt-4 font-display text-headline font-bold text-text">
                    @if ($type->price() === 0)
                        {{ __('Free') }}
                    @else
                        {{ config('marketplace.currency.default') }} {{ number_format($type->price() / 100, 0) }}
                    @endif
                </p>

                <p class="text-sm text-text-muted">
                    {{ trans_choice('for one day|for :count days', $type->days(), ['count' => $type->days()]) }}
                </p>

                {{-- Buying the same placement twice over is money for nothing, so
                     a seller is told plainly that it extends rather than stacks. --}}
                @if ($active)
                    <p class="mt-4 rounded-lg bg-surface-muted p-3 text-sm text-text-secondary">
                        {{ __('Running until :date. Buying again adds to the end of it.', [
                            'date' => $active->ends_at->format('j M Y'),
                        ]) }}
                    </p>
                @endif

                <div class="mt-auto pt-6">
                    <form action="{{ route('account.listings.promote.store', $listing) }}" method="POST" class="space-y-3">
                        @csrf
                        <input type="hidden" name="type" value="{{ $type->value }}">

                        @if ($type->price() > 0 && count($gateways) > 1)
                            <label for="gateway-{{ $type->value }}" class="form-label">{{ __('Pay by') }}</label>

                            <select id="gateway-{{ $type->value }}" name="gateway" class="form-input">
                                @foreach ($gateways as $name => $gateway)
                                    <option value="{{ $name }}">{{ $gateway->label() }}</option>
                                @endforeach
                            </select>
                        @elseif ($type->price() > 0 && count($gateways) === 1)
                            <input type="hidden" name="gateway" value="{{ array_key_first($gateways) }}">
                        @endif

                        <button type="submit" class="btn btn-primary w-full"
                                @disabled($type->price() > 0 && $gateways === [])>
                            {{ $active ? __('Extend') : __('Buy') }}
                        </button>
                    </form>
                </div>
            </div>
        @endforeach
    </div>

    <p class="mt-8 text-sm text-text-muted">
        {{ __('Promotion starts once the payment has settled. Nothing changes on your listing before that.') }}
    </p>
@endsection