@extends('layouts.public')

@section('content')
@php
/** @var array $user */
/** @var array $methods */
$methods = $methods ?? [];
$savable = $savable ?? [];
@endphp
<div class="qm-page-head">
    <div class="container-fluid">
        <h1 class="qm-page-title">{{ t_raw('account.payment') }}</h1>
        <nav class="breadcrumb" aria-label="{{ t_raw('common.breadcrumb_aria') }}"><a href="{{ route('home') }}">{{ t_raw('common.home') }}</a><span class="mx-2" aria-hidden="true">/</span>@if (\App\Support\Auth::is('customer'))<a href="{{ route('account') }}">{{ t_raw('account.crumb') }}</a><span class="mx-2" aria-hidden="true">/</span>@endif<span class="active">{{ t_raw('account.payment') }}</span></nav>
    </div>
</div>
@php /* The page's messages belong UNDER its title band, inside the page the reader is
         looking at — not floating above it. getFlashes() consumes, so the layout's own
         call further out finds nothing and does not draw it twice. */
@endphp
<div class="container-fluid">@partial('flash')</div>

<section class="qm-section">
    <div class="container-fluid">
        <div class="row g-4">
            @php /* The customer account sidebar belongs to the customer account. An owner reaches
                     this same screen from their billing page and gets the full width instead of a
                     nav that is not theirs. */
@endphp
            @php $isCustomer = \App\Support\Auth::is('customer');
@endphp
            @if ($isCustomer)
            <div class="col-lg-3">@partial('account-nav')</div>
            @endif
            <div class="{{ $isCustomer ? 'col-lg-9' : 'col-12' }}">
                @partial('payment-methods', ['methods' => $methods, 'savable' => $savable, 'publicKey' => $publicKey ?? ''])
            </div>
        </div>
    </div>
</section>
@endsection