@php
// Per-field error map stashed by the controller on a failed submit, read raw so it can be
// indexed by field name — the same shape contact.php and the sign-up form use.
$fieldErrors = \App\Support\Session::old('__errors', []);
$fieldErrors = is_array($fieldErrors) ? $fieldErrors : [];
$err = static function (string $f) use ($fieldErrors, $__env): string {
    return isset($fieldErrors[$f][0]) ? (string) $fieldErrors[$f][0] : '';
};
@endphp
@php
/**
 * Vendor → Branches: consolidated view of every venue this owner runs, with recent takings per
 * branch, a switch action that re-points the whole dashboard, light grouping, and an "Add branch"
 * flow that registers another venue through the same pending → admin-approval path as the first one.
 *
 * @var array $branches @var array $stats @var array $groups @var array $cuisines @var int $activeRid
 */
use App\Support\Auth;

$isOwner    = Auth::is('vendor');
$totalSales = 0.0;
$totalOrders = 0;
foreach ($branches as $b) {
    $s = $stats[(int) $b['id']] ?? null;
    $totalSales += (float) ($s['sales'] ?? 0);
    $totalOrders += (int) ($s['orders'] ?? 0);
}
@endphp
@php /* Add branch sits in the card head, not the page subhead. This is a Settings PANEL now,
         and the subhead belongs to the Settings page as a whole — a button pushed there would
         hang over every other tab. Same placement as "Add tier" on the zones panel. */
@endphp
<div class="qm-card">
    <div class="qm-ops-head">
        <h2 class="mb-0">{{ t_raw('vendor.branches.list_heading') }}</h2>
        @if ($isOwner)
        <button type="button" class="qm-btn qm-btn-outline qm-btn-sm" data-bs-toggle="modal" data-bs-target="#branchModal"><i class="fas fa-plus me-1" aria-hidden="true"></i> {{ t_raw('vendor.branches.btn_add') }}</button>
        @endif
    </div>
    <div class="table-responsive">
        <table class="qm-table">
            <thead><tr>
                <th>{{ t_raw('vendor.branches.col_branch') }}</th>
                <th>{{ t_raw('vendor.branches.col_group') }}</th>
                <th class="text-end">{{ t_raw('vendor.branches.col_today_sales') }}</th>
                <th class="text-end">{{ t_raw('vendor.branches.col_today_orders') }}</th>
                <th class="text-end">{{ t_raw('common.actions') }}</th>
            </tr></thead>
            <tbody>
            @foreach ($branches as $b)
@php $bid = (int) $b['id']; $s = $stats[$bid] ?? null; $st = (string) ($b['status'] ?? 'approved'); @endphp
                <tr>
                    <td>
                        @php /* THE VENUE, READ THE WAY THE PRODUCT READS A VENUE — the same
                                 .qm-tbl-id anatomy every restaurant table uses: its mark, then its
                                 name with the city under it. An estate of five "Pizza Palace ..."
                                 rows is told apart by the logo long before the words are read.
                                 No state label here: the action column names it once, where it
                                 also explains why there is or is not a button to press. */
@endphp
                        <div class="qm-tbl-id">
                            {!! restaurant_brandmark($b, 'md') !!}
                            <div class="qm-tbl-id-text"><strong>{{ $b['name'] }}</strong>@if (!empty($b['city']))<small>{{ (string) $b['city'] }}</small>@endif</div>
                        </div>
                    </td>
                    <td>
                        <form method="post" action="{{ route('vendor.branches.assign') }}" class="d-inline-block">
                            @csrf<input type="hidden" name="restaurant_id" value="{{ $bid }}">
                            <select class="form-select form-select-sm" name="group_id" onchange="this.form.submit()">
                                <option value="0">{{ t_raw('vendor.branches.no_group') }}</option>
                                @foreach ($groups as $g)<option value="{{ (int) $g['id'] }}"{{ (int) ($b['group_id'] ?? 0) === (int) $g['id'] ? ' selected' : '' }}>{{ $g['name'] }}</option>@endforeach
                            </select>
                        </form>
                    </td>
                    <td class="text-end">{{ money((float) ($s['sales'] ?? 0)) }}</td>
                    <td class="text-end">{{ (int) ($s['orders'] ?? 0) }}</td>
                    <td class="text-end">
                        @php /* THE ACTION COLUMN SAYS WHAT YOU CAN DO, so it must not offer
                                 something that cannot be done. The dashboard only follows an owner
                                 into an APPROVED venue -- a pending or suspended one would meet
                                 them with the standing wall, which carries no switcher to get back
                                 -- so switchBranch() turns those clicks away. Offering "Switch to"
                                 anyway meant pressing it did nothing, with no way to tell whether
                                 the click had missed or the product had. The venue's own state is
                                 named here instead, and the button returns the moment it is
                                 approved. */
@endphp
                        @if ($bid === $activeRid)<span class="qm-btn qm-btn-sm qm-btn-state qm-btn-state--green">{{ t_raw('vendor.branches.current_label') }}</span>
                        @elseif ($st !== 'approved')<span class="qm-btn qm-btn-sm qm-btn-state qm-btn-state--amber">{{ status_label('restaurant', $st) }}</span>
                        @else
                        <form method="post" action="{{ route('vendor.branches.switch') }}" class="d-inline">
                            @csrf<input type="hidden" name="restaurant_id" value="{{ $bid }}">
                            <button type="submit" class="qm-btn qm-btn-outline qm-btn-sm">{{ t_raw('vendor.branches.switch_btn') }}</button>
                        </form>
                        @endif
                    </td>
                </tr>
            @endforeach
            </tbody>
            <tfoot><tr>
                <th>{{ t_raw('vendor.branches.total_label') }}</th>
                <th></th>
                <th class="text-end">{{ money($totalSales) }}</th>
                <th class="text-end">{{ (int) $totalOrders }}</th>
                <th></th>
            </tr></tfoot>
        </table>
    </div>
</div>

<div class="qm-card mt-3">
    <div class="qm-ops-head">
        <h2 class="mb-0">{{ t_raw('vendor.branches.groups_heading') }}</h2>
        @if ($isOwner)<button type="button" class="qm-btn qm-btn-sm ms-auto" data-bs-toggle="modal" data-bs-target="#groupModal" data-group-add><i class="fas fa-plus me-1" aria-hidden="true"></i> {{ t_raw('vendor.branches.create_group_btn') }}</button>@endif
    </div>
    <div class="table-responsive">
        <table class="qm-table">
            <thead><tr>
                <th>{{ t_raw('vendor.branches.groups_col_name') }}</th>
                <th class="text-end">{{ t_raw('vendor.branches.groups_col_branches') }}</th>
                @if ($isOwner)<th class="text-end">{{ t_raw('common.actions') }}</th>@endif
            </tr></thead>
            <tbody>
            @if ($groups)
@foreach ($groups as $g)
                <tr>
                    <td><strong>{{ $g['name'] }}</strong></td>
                    <td class="text-end"><span class="qm-pill qm-pill-grey">{{ (int) ($g['branch_count'] ?? 0) }}</span></td>
                    @if ($isOwner)
                    <td class="qm-actions-cell">
                        @partial('row-actions', ['inline' => 0, 'actions' => [
                            ['label' => t_raw('vendor.branches.rename'), 'icon' => 'fa-pen', 'attrs' => [
                                'data-bs-toggle' => 'modal', 'data-bs-target' => '#groupModal', 'data-group-edit' => '1',
                                'data-id' => (string) (int) $g['id'], 'data-name' => (string) $g['name'],
                            ]],
                            ['label' => t_raw('common.delete'), 'icon' => 'fa-trash-alt', 'danger' => true, 'form' => [
                                'action' => '/vendor/branches/group-delete', 'fields' => ['id' => (int) $g['id']],
                                'confirm' => t_raw('vendor.branches.confirm_delete_group'),
                            ]],
                        ]])
                    </td>
                    @endif
                </tr>
            @endforeach
@else
                @partial('table-empty', ['colspan' => $isOwner ? 3 : 2, 'icon' => 'fa-layer-group', 'msg' => t_raw('vendor.branches.no_groups')])
            @endif
            </tbody>
        </table>
    </div>
</div>

@if ($isOwner)
<div class="modal fade" id="branchModal" tabindex="-1" aria-labelledby="branchModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg">
        <form class="modal-content" method="post" action="{{ route('vendor.branches.create') }}">
            @csrf
            <div class="modal-header">
                <h2 class="modal-title h5" id="branchModalLabel">{{ t_raw('vendor.branches.btn_add') }}</h2>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ t_raw('common.close') }}"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <label class="form-label" for="br-name">{{ t_raw('vendor.branches.f_name') }}</label>
                    <input type="text" class="form-control{!! $err('rest_name') ? ' is-invalid' : '' !!}" id="br-name" name="rest_name" maxlength="150" value="{{ old('rest_name') }}" placeholder="{{ t_raw('auth.restaurant_name_placeholder') }}" required {!! $err('rest_name') ? 'aria-invalid="true" aria-describedby="br-rest_name-err"' : '' !!}>
                    <p class="qm-field-error" id="br-rest_name-err"{!! $err('rest_name') ? '' : ' hidden' !!}>{!! $err('rest_name') !!}</p>
                </div>
                <div class="qm-form-grid">
                    <div class="mb-3">
                        <label class="form-label" for="br-address">{{ t_raw('vendor.settings.address_label') }}</label>
                        <input type="text" class="form-control{!! $err('address') ? ' is-invalid' : '' !!}" id="br-address" name="address" maxlength="190" value="{{ old('address') }}" autocomplete="street-address" placeholder="{{ t_raw('vendor.settings.address_placeholder') }}" required {!! $err('address') ? 'aria-invalid="true" aria-describedby="br-address-err"' : '' !!}>
                        <p class="qm-field-error" id="br-address-err"{!! $err('address') ? '' : ' hidden' !!}>{!! $err('address') !!}</p>
                    </div>
                    <div class="mb-3">
                        <label class="form-label" for="br-city">{{ t_raw('common.city') }}</label>
                        <input type="text" class="form-control{!! $err('city') ? ' is-invalid' : '' !!}" id="br-city" name="city" maxlength="100" value="{{ old('city') }}" autocomplete="address-level2" placeholder="{{ t_raw('auth.city_placeholder') }}" required {!! $err('city') ? 'aria-invalid="true" aria-describedby="br-city-err"' : '' !!}>
                        <p class="qm-field-error" id="br-city-err"{!! $err('city') ? '' : ' hidden' !!}>{!! $err('city') !!}</p>
                    </div>
                </div>
                <div class="qm-form-grid">
                    <div class="mb-3">
                        <label class="form-label" for="br-state">{{ t_raw('vendor.settings.state_label') }}</label>
                        <input type="text" class="form-control{!! $err('state') ? ' is-invalid' : '' !!}" id="br-state" name="state" maxlength="100" value="{{ old('state') }}" autocomplete="address-level1" placeholder="{{ t_raw('vendor.settings.state_placeholder') }}" required {!! $err('state') ? 'aria-invalid="true" aria-describedby="br-state-err"' : '' !!}>
                        <p class="qm-field-error" id="br-state-err"{!! $err('state') ? '' : ' hidden' !!}>{!! $err('state') !!}</p>
                    </div>
                    <div class="mb-3">
                        <label class="form-label" for="br-postcode">{{ t_raw('vendor.settings.postcode_label') }}</label>
                        <input type="text" class="form-control{!! $err('postcode') ? ' is-invalid' : '' !!}" id="br-postcode" name="postcode" maxlength="20" value="{{ old('postcode') }}" autocomplete="postal-code" placeholder="{{ t_raw('common.placeholder_postcode') }}" required {!! $err('postcode') ? 'aria-invalid="true" aria-describedby="br-postcode-err"' : '' !!}>
                        <p class="qm-field-error" id="br-postcode-err"{!! $err('postcode') ? '' : ' hidden' !!}>{!! $err('postcode') !!}</p>
                    </div>
                </div>
                <div class="qm-form-grid">
                    <div class="mb-3">
                        <label class="form-label" for="br-cuisine">{{ t_raw('common.cuisine') }} <span class="text-muted">{{ t_raw('common.optional') }}</span></label>
                        <select class="form-select" id="br-cuisine" name="cuisine_id">
                            <option value="">{{ t_raw('auth.select_cuisine_placeholder') }}</option>
                            @foreach ($cuisines as $c)<option value="{{ (int) $c['id'] }}"{{ (string) old('cuisine_id') === (string) $c['id'] ? ' selected' : '' }}>{{ $c['name'] }}</option>@endforeach
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label" for="br-phone">{{ t_raw('common.phone') }}</label>
                        <input type="tel" class="form-control{!! $err('phone') ? ' is-invalid' : '' !!}" id="br-phone" name="phone" maxlength="40" value="{{ old('phone') }}" inputmode="tel" autocomplete="tel" pattern="[0-9 ()+\-]{6,}" placeholder="{{ t_raw('auth.phone_placeholder') }}" required {!! $err('phone') ? 'aria-invalid="true" aria-describedby="br-phone-err"' : '' !!}>
                        <p class="qm-field-error" id="br-phone-err"{!! $err('phone') ? '' : ' hidden' !!}>{!! $err('phone') !!}</p>
                    </div>
                </div>
                <div class="qm-form-grid">
                    <div class="mb-3">
                        <label class="form-label" for="br-email">{{ t_raw('common.email') }} <span class="text-muted">{{ t_raw('common.optional') }}</span></label>
                        <input type="email" class="form-control{!! $err('email') ? ' is-invalid' : '' !!}" id="br-email" name="email" maxlength="190" value="{{ old('email') }}" autocomplete="email" {!! $err('email') ? 'aria-invalid="true" aria-describedby="br-email-err"' : '' !!}>
                        <p class="qm-field-error" id="br-email-err"{!! $err('email') ? '' : ' hidden' !!}>{!! $err('email') !!}</p>
                    </div>
                    <div class="mb-3">
                        <label class="form-label" for="br-group">{{ t_raw('vendor.branches.col_group') }} <span class="text-muted">{{ t_raw('common.optional') }}</span></label>
                        <select class="form-select" id="br-group" name="group_id">
                            <option value="0">{{ t_raw('vendor.branches.no_group') }}</option>
                            @foreach ($groups as $g)<option value="{{ (int) $g['id'] }}">{{ $g['name'] }}</option>@endforeach
                        </select>
                    </div>
                </div>
                @php /* WHAT THE BRANCH RUNS ON, AND WHAT IT COSTS - asked here because this is the
                         only screen on which the decision is made. A branch used to be given the
                         oldest venue's plan without being asked, and with no term behind it, so the
                         first time the owner opened it they met the account-locked wall instead of
                         a dashboard. The first venue was opened by choosing a plan at signup; the
                         second is opened the same way.

                         The price sits on each option rather than in a separate note, so the choice
                         and its cost are read together, and the line below names the card it will
                         be taken from - which is the whole of the payment step. There is no gateway
                         page: the owner already pays this platform, and being sent away to choose a
                         provider they chose long ago is the step this removes. */
@endphp
                @php $plans = $plans ?? []; $payCards = $payCards ?? [];
@endphp
                @if ($plans)
                <div class="mb-3">
                    <label class="form-label">{{ t_raw('vendor.branches.f_plan') }}</label>
                    @php /* THE TIERS, READ THE WAY THEY ARE READ AT SIGNUP - the same .qm-plan card
                             in the same two-column modal grid the vendor-signup chooser uses. The
                             first venue was opened by choosing from these; the second is opened by
                             choosing from the same ones, so an owner is never asked to compare
                             tiers in a control that hides the comparison.
                             The card is a <label> and the control inside it is a radio, because
                             this form submits once: choosing the tier and registering the branch
                             are one act, not a page each. */
@endphp
                    @php
                    $brAnnual = \App\Models\Subscription::annualEnabled()
                        && array_filter($plans, static fn (array $q): bool => \App\Models\Subscription::sellsAnnually($q)) !== [];
@endphp
                    @if ($brAnnual)
                    <div class="qm-cycle-toggle qm-cycle-toggle--d2 mb-2" data-br-cycle-toggle role="group" aria-label="{{ t_raw('admin.plans.field_billing_cycle') }}">
                        <button type="button" class="is-active" data-cycle="monthly" aria-pressed="true">{{ t_raw('partner.cycle_toggle_monthly') }}</button>
                        <button type="button" data-cycle="yearly" aria-pressed="false">{{ t_raw('partner.cycle_toggle_annual') }}@if (\App\Models\Subscription::annualDiscountPercent() > 0) <span class="qm-cycle-save">{{ t_raw('partner.annual_save_badge', [':pct' => rtrim(rtrim(number_format(\App\Models\Subscription::annualDiscountPercent(), 1), '0'), '.')]) }}</span>@endif</button>
                    </div>
                    <input type="hidden" name="cycle_choice" value="monthly" data-br-cycle-input>
                    @endif
                    <div class="row g-3">
                        @php $firstPlan = true;
@endphp
                        @foreach ($plans as $p)
                        @php
                            $pFree   = (float) $p['price'] <= 0;
                            $pGross  = \App\Services\Invoice::grossFor((float) $p['price']);
                            $pAnnual = $brAnnual && \App\Models\Subscription::sellsAnnually($p);
                            $pGrossYr = $pAnnual ? \App\Services\Invoice::grossFor(\App\Models\Subscription::priceFor($p, 'yearly')) : 0.0;
                            $checked = (string) old('plan_id') !== '' ? (string) old('plan_id') === (string) $p['id'] : $firstPlan;
                            $firstPlan = false;
@endphp
                        <div class="col-md-6">
                            <label class="qm-plan h-100{{ $checked ? ' is-popular' : '' }}" data-tier="{{ (string) ($p['slug'] ?? '') }}">
                                <h3 class="qm-plan-name">{{ (string) $p['name'] }}</h3>
                                <div class="qm-plan-price">
                                    @if ($pFree)
                                    <span class="qm-plan-amount">{{ t_raw('common.free') }}</span>
                                    @else
                                    <span class="qm-plan-amount"{!! $pAnnual ? ' data-monthly="' . e(money($pGross)) . '" data-yearly="' . e(money($pGrossYr)) . '"' : '' !!}>{{ money($pGross) }}</span><span class="qm-plan-cycle"{!! $pAnnual ? ' data-monthly="' . e(t_raw('vendor.billing.cycle_monthly_suffix')) . '" data-yearly="' . e(t_raw('vendor.billing.cycle_yearly_suffix')) . '"' : '' !!}>{{ t_raw('vendor.billing.cycle_' . (string) ($p['billing_cycle'] ?? 'monthly') . '_suffix') }}</span>
                                    @endif
                                </div>
                                @php /* WHAT THE PRICE ABOVE IS MADE OF. The tile quotes the gross,
                                         as every price in the product does; where the platform adds
                                         tax on top, this says so — the same sentence the plan page
                                         puts under its own tiers. */
@endphp
                                @php $pTax = \App\Services\Invoice::taxOn($pGross);
@endphp
                                @if (!$pFree && ($pTax['mode'] ?? 'none') !== 'none' && (float) ($pTax['amount'] ?? 0) > 0)
                                <p class="qm-hint text-muted mb-1">{{ t_raw('vendor.plans.price_tax_added', [
                                    ':label' => \App\Services\Invoice::taxLineLabel($pTax),
                                    ':total' => money($pGross),
                                ]) }}</p>
                                @endif
                                <p class="qm-hint text-muted mb-0">{{ t_raw('vendor.plans.change_plan_terms', [
                                    ':commission' => (string) (float) $p['commission_percent'],
                                    ':items' => (int) $p['max_menu_items'] > 0 ? number_format((int) $p['max_menu_items']) : t_raw('admin.plans.unlimited'),
                                ]) }}</p>
                                <div class="mt-auto pt-3">
                                    <span class="qm-pay-label"><input class="form-check-input me-2" type="radio" name="plan_id" value="{{ (int) $p['id'] }}"{{ $checked ? ' checked' : '' }} required>{{ t_raw('common.select') }}</span>
                                </div>
                            </label>
                        </div>
                        @endforeach
                    </div>
                    @if ($brAnnual)
                    <script>
                    (function () {
                        var wrap = document.querySelector('[data-br-cycle-toggle]');
                        var input = document.querySelector('[data-br-cycle-input]');
                        if (!wrap || !input) { return; }
                        wrap.addEventListener('click', function (e) {
                            var btn = e.target.closest('button[data-cycle]');
                            if (!btn) { return; }
                            var cycle = btn.getAttribute('data-cycle');
                            wrap.querySelectorAll('button[data-cycle]').forEach(function (b) {
                                var on = b === btn;
                                b.classList.toggle('is-active', on);
                                b.setAttribute('aria-pressed', on ? 'true' : 'false');
                            });
                            input.value = cycle;
                            var form = wrap.closest('form') || document;
                            form.querySelectorAll('.qm-plan-amount[data-yearly], .qm-plan-cycle[data-yearly]').forEach(function (el) {
                                el.textContent = el.getAttribute(cycle === 'yearly' ? 'data-yearly' : 'data-monthly');
                            });
                        });
                    })();
                    </script>
                    @endif
                </div>

                @php /* WHERE THE MONEY IS TAKEN — on the checkout every other purchase uses.
                         This offered the owner's saved cards and said "charged when you submit",
                         which stopped being true the moment a recurring tier began needing an
                         AGREEMENT rather than a one-off charge: the card named here was never the
                         one billed, and the picker showed no Stripe or PayPal at all while the
                         placement and plan checkouts showed both. One checkout for every vendor
                         payment is the whole point; the branch goes there too. */
@endphp
                <p class="qm-hint text-muted">{{ t_raw('vendor.branches.pay_next_step') }}</p>
                @endif
            </div>
            <div class="modal-footer">
                <button type="button" class="qm-btn qm-btn-outline" data-bs-dismiss="modal">{{ t_raw('common.cancel') }}</button>
                <button type="submit" class="qm-btn">{{ t_raw('vendor.branches.submit') }}</button>
            </div>
        </form>
    </div>
</div>
@if (request()->query('add') === '1')
<script>document.addEventListener('DOMContentLoaded', function () { var m = document.getElementById('branchModal'); if (m && window.bootstrap) { bootstrap.Modal.getOrCreateInstance(m).show(); } });</script>
@endif

<div class="modal fade" id="groupModal" tabindex="-1" aria-labelledby="groupModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <form class="modal-content" method="post" action="{{ route('vendor.branches.group-save') }}">
            @csrf
            <input type="hidden" name="id" id="grp-id" value="">
            <div class="modal-header">
                <h2 class="modal-title h5" id="groupModalLabel" data-add-title="{{ t_raw('vendor.branches.create_group_btn') }}" data-edit-title="{{ t_raw('vendor.branches.rename_group_title') }}">{{ t_raw('vendor.branches.create_group_btn') }}</h2>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ t_raw('common.close') }}"></button>
            </div>
            <div class="modal-body">
                <div class="mb-0">
                    <label class="form-label" for="grp-name">{{ t_raw('vendor.branches.groups_col_name') }}</label>
                    <input type="text" class="form-control" id="grp-name" name="name" maxlength="80" placeholder="{{ t_raw('vendor.branches.group_name_ph') }}" required>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="qm-btn qm-btn-outline" data-bs-dismiss="modal">{{ t_raw('common.cancel') }}</button>
                <button type="submit" class="qm-btn">{{ t_raw('common.save') }}</button>
            </div>
        </form>
    </div>
</div>
<script>
(function () {
    var modal = document.getElementById('groupModal');
    if (!modal) { return; }
    var title = document.getElementById('groupModalLabel');
    function setv(sel, v) { var el = modal.querySelector(sel); if (el) { el.value = v; } }
    document.addEventListener('click', function (e) {
        var add = e.target.closest('[data-group-add]');
        if (add) { title.textContent = title.getAttribute('data-add-title'); setv('#grp-id', ''); setv('#grp-name', ''); return; }
        var edit = e.target.closest('[data-group-edit]');
        if (!edit) { return; }
        title.textContent = title.getAttribute('data-edit-title');
        setv('#grp-id', edit.getAttribute('data-id') || '');
        setv('#grp-name', edit.getAttribute('data-name') || '');
    });
})();
</script>
@endif