{{--
    Broker profile — docs/wireframes-v12/view-broker.html, content region for
    content region, minus everything CR-12 §0.4 removes.

    v12's order, top to bottom: a summary card (avatar tile, name, company,
    status badge, Edit button, then a `.grid-4` of four facts), a `.grid-2` of
    two detail cards, a Referral Performance card with its own pager, and an
    Activity Log timeline.

    ## Deliberate differences from the wireframe

      * **The Commission Structure card is gone** and a **Documents** card takes
        its slot in the `.grid-2` (decision D9). The client does not handle
        broker finance ("commissions and other things not required"), and the
        three upload slots had no home on this screen otherwise — the download
        links the form deliberately does not carry live here.
      * **The Internal Rating row is gone** from Broker Details (§0.4). Nothing
        stores a rating and a five-star row nobody can set is furniture.
      * **The referral table loses three columns and gains one.** v12 draws
        Value (INR), Commission (INR) and Commission Status; the first two have
        no source and the third has no meaning without them, so the table is
        Booking ID / Customer / Project - Unit / Date / **Status** — the
        booking's own status, which keeps the table's shape and says something
        true.
      * **The referral table lists real bookings, paginated 10 to a page** with
        its own `referrals_page` parameter and a fragment that lands a page
        click back on this card. v12's pager is static mock-up.
      * **The Activity Log is real spatie rows**, newest first, capped at the
        latest twenty. v12's seven entries are mock-ups and half of them are
        about commission payments.

    Every blank is an em-dash, which is this application's blank.
--}}
@extends('layouts.app')

@section('title', __('brokers.show_title', ['name' => $broker->company_name ?? $broker->name]))

@section('breadcrumbs')
    <x-breadcrumbs :items="[
        __('brokers.title') => route('brokers.index'),
        ($broker->code ?? '—') => null,
    ]" />
@endsection

@section('content')
    @php
        $dateFormat = (string) config('nrems.date_format');

        $agreementPeriod = $broker->agreement_start_date !== null && $broker->agreement_end_date !== null
            ? $broker->agreement_start_date->format($dateFormat).' - '.$broker->agreement_end_date->format($dateFormat)
            : ($broker->agreement_start_date?->format($dateFormat) ?? $broker->agreement_end_date?->format($dateFormat) ?? '—');

        // "Rajkot, Gujarat - 360005" when all three are there, and whatever
        // subset exists otherwise — the wireframe's City row is a composite and
        // a half-filled one still reads.
        $cityLine = collect([
            trim(implode(', ', array_filter([$broker->city, $broker->state]))),
            $broker->pincode,
        ])->filter()->implode(' - ');

        $bankLine = trim(implode(' - ', array_filter([$broker->bank_name, $broker->branch])));
    @endphp

    {{-- Top summary. v12 puts this inside a `.card-body` rather than using the
         `.card-header` idiom, because the row is a portrait and not a heading. --}}
    <div class="card mb-4">
        <div class="card-body">
            <div class="d-flex justify-between align-center brk-summary-head">
                <div class="d-flex align-center gap-3">
                    <div class="brk-avatar" aria-hidden="true">{{ $broker->initials() }}</div>
                    <div>
                        <h3 class="brk-name">{{ $broker->name }}</h3>
                        <p class="text-secondary brk-company">{{ $broker->company_name ?? '—' }}</p>
                    </div>
                </div>
                <div class="d-flex align-center gap-2">
                    @include('brokers.partials.status', ['model' => $broker])

                    @can('brokers.edit')
                        <a href="{{ route('brokers.edit', $broker) }}" class="btn btn-outline btn-sm">
                            <i class="fa-solid fa-pen" aria-hidden="true"></i>{{ __('brokers.actions.edit') }}
                        </a>
                    @endcan
                </div>
            </div>

            <div class="grid-4">
                <div class="detail-item">
                    <span class="label">{{ __('brokers.show.broker_id') }}</span>
                    <span class="value">{{ $broker->code ?? '—' }}</span>
                </div>
                {{-- "RERA No", the wireframe's own label for this cell
                     (view-broker.html:97) — NOT the form's "RERA Reg No". The
                     listing calls it the same thing, so the key is shared. --}}
                <div class="detail-item">
                    <span class="label">{{ __('brokers.columns.rera_no') }}</span>
                    <span class="value">{{ $broker->rera_no ?? '—' }}</span>
                </div>
                <div class="detail-item">
                    <span class="label">{{ __('brokers.fields.contact_number') }}</span>
                    <span class="value">{{ $broker->contact_number }}</span>
                </div>
                <div class="detail-item">
                    <span class="label">{{ __('brokers.fields.email') }}</span>
                    <span class="value">{{ $broker->email ?? '—' }}</span>
                </div>
            </div>
        </div>
    </div>

    <div class="grid-2 mb-4">
        <x-card :title="__('brokers.show.details')" icon="fa-solid fa-user">
            <div class="detail-grid">
                <div class="detail-item brk-detail-item">
                    <span class="label">{{ __('brokers.fields.broker_type') }}</span>
                    <span class="value">{{ $broker->broker_type?->label() ?? '—' }}</span>
                </div>
                <div class="detail-item brk-detail-item">
                    <span class="label">{{ __('brokers.fields.pan') }}</span>
                    <span class="value">{{ $broker->pan ?? '—' }}</span>
                </div>
                <div class="detail-item brk-detail-item">
                    <span class="label">{{ __('brokers.fields.gst_number') }}</span>
                    <span class="value">{{ $broker->gst_number ?? '—' }}</span>
                </div>
                <div class="detail-item brk-detail-item">
                    <span class="label">{{ __('brokers.fields.city') }}</span>
                    <span class="value">{{ $cityLine === '' ? '—' : $cityLine }}</span>
                </div>
                <div class="detail-item brk-detail-item">
                    <span class="label">{{ __('brokers.show.address') }}</span>
                    <span class="value">{{ $broker->address_line1 ?? '—' }}</span>
                </div>
                <div class="detail-item brk-detail-item">
                    <span class="label">{{ __('brokers.show.agreement_period') }}</span>
                    <span class="value">{{ $agreementPeriod }}</span>
                </div>
                <div class="detail-item brk-detail-item">
                    <span class="label">{{ __('brokers.show.bank') }}</span>
                    <span class="value">{{ $bankLine === '' ? '—' : $bankLine }}</span>
                </div>
            </div>
        </x-card>

        {{-- Decision D9. The slot the Commission Structure card occupied, in the
             same card idiom, holding the three documents the form uploads. The
             filename is the client's own and is escaped like any other text;
             the link is a route(), so no path is ever built from a column. --}}
        <x-card :title="__('brokers.show.documents')" icon="fa-solid fa-folder-open">
            <div class="detail-grid">
                @foreach (\App\Enums\BrokerFileSlot::cases() as $slot)
                    @php
                        $storedName = $broker->getAttribute($slot->originalNameColumn());
                    @endphp
                    {{-- The DOCUMENT's name, not the form control's: this card
                         lists "GST Certificate", where the form labels its
                         picker "GST Certificate Upload". Separate keys rather
                         than a str_replace on the field label, so neither
                         wording is a derivative of the other. --}}
                    <div class="detail-item brk-detail-item">
                        <span class="label">{{ __('brokers.documents.'.$slot->value) }}</span>
                        <span class="value">
                            @if (filled($storedName))
                                {{ $storedName }}
                                <a href="{{ route('brokers.files.download', [$broker, $slot->value]) }}"
                                   class="brk-doc-link">
                                    <i class="fa-solid fa-download" aria-hidden="true"></i>{{ __('brokers.actions.download') }}
                                </a>
                            @else
                                —
                            @endif
                        </span>
                    </div>
                @endforeach
            </div>
        </x-card>
    </div>

    {{-- Referral Performance. The anchor is what the paginator's fragment
         lands on, so a page click comes back to this card rather than to the
         top of the screen. --}}
    <div class="card mb-4" id="referral-performance">
        <div class="card-header">
            <h5 class="card-title"><i class="fa-solid fa-share-nodes" aria-hidden="true"></i>{{ __('brokers.show.referrals') }}</h5>
            <span class="badge badge-primary">{{ __('brokers.show.referrals_badge', ['count' => $referralsTotal]) }}</span>
        </div>

        @if ($referrals->total() === 0)
            <div class="card-body">
                <p class="text-secondary">{{ __('brokers.show.no_referrals') }}</p>
            </div>
        @else
            <div class="table-wrapper table-responsive">
                <table class="data-table">
                    <thead>
                        <tr>
                            <th>{{ __('brokers.show.referral_columns.code') }}</th>
                            <th>{{ __('brokers.show.referral_columns.customer') }}</th>
                            <th>{{ __('brokers.show.referral_columns.unit') }}</th>
                            <th>{{ __('brokers.show.referral_columns.date') }}</th>
                            <th>{{ __('brokers.show.referral_columns.status') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($referrals as $booking)
                            @php
                                $projectUnit = trim(implode(' - ', array_filter([
                                    $booking->project?->name,
                                    $booking->unit?->unit_number,
                                ])));
                            @endphp
                            <tr>
                                <td class="fw-500">{{ $booking->code }}</td>
                                <td class="fw-600">{{ $booking->mainCustomer?->name ?? '—' }}</td>
                                <td>{{ $projectUnit === '' ? '—' : $projectUnit }}</td>
                                <td>{{ $booking->booking_date->format($dateFormat) }}</td>
                                <td>@include('bookings.partials.status-badge', ['status' => $booking->status])</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            {{-- v12's own pager strip, in v12's own markup: a `.pagination-info`
                 sentence on the left and `.pagination` boxes on the right. Hand
                 rendered rather than `$referrals->links()` because Laravel's
                 shipped views are Tailwind's and Bootstrap's, and neither draws
                 the wireframe's 36px bordered squares. Window of five, so a
                 broker with three hundred bookings does not grow a row of
                 thirty boxes. Same shape as the dashboard's Pending Tasks
                 pager, clamp included. --}}
            @php
                $lastPage = $referrals->lastPage();
                // CLAMPED, because `referrals_page` is user input and the
                // paginator does not clamp it: `?referrals_page=99` on a
                // three-page list gives currentPage() 99, so the window would
                // run from 97 to 3 and draw no numbers at all — a pager with
                // two arrows, one of them linking to page 98.
                $current = min(max($referrals->currentPage(), 1), $lastPage);
                $firstShown = max(1, $current - 2);
                $lastShown = min($lastPage, $current + 2);
            @endphp
            <div class="pagination-wrapper">
                <div class="pagination-info">
                    @if ($referrals->total() === 1)
                        {{ __('brokers.show.showing_one') }}
                    @else
                        {{ __('brokers.show.showing', [
                            'first' => $referrals->firstItem() ?? 0,
                            'last' => $referrals->lastItem() ?? 0,
                            'total' => $referrals->total(),
                        ]) }}
                    @endif
                </div>

                @if ($referrals->hasPages())
                    <nav class="pagination" aria-label="{{ __('brokers.show.pagination_label') }}">
                        {{-- `url($current - 1)` and not `previousPageUrl()`:
                             the paginator's own arrows follow its UNCLAMPED
                             currentPage, so on `?referrals_page=99` the back
                             arrow pointed at page 98 — another page past the
                             end. The clamped number is the one the whole pager
                             uses. --}}
                        @if ($current > 1)
                            <a href="{{ $referrals->url($current - 1) }}" aria-label="{{ __('brokers.show.previous') }}">
                                <i class="fa-solid fa-chevron-left" aria-hidden="true"></i>
                            </a>
                        @else
                            <span class="is-disabled" aria-hidden="true"><i class="fa-solid fa-chevron-left"></i></span>
                        @endif

                        @for ($page = $firstShown; $page <= $lastShown; $page++)
                            @if ($page === $current)
                                <span class="active" aria-current="page">{{ $page }}</span>
                            @else
                                <a href="{{ $referrals->url($page) }}">{{ $page }}</a>
                            @endif
                        @endfor

                        @if ($current < $lastPage)
                            <a href="{{ $referrals->url($current + 1) }}" aria-label="{{ __('brokers.show.next') }}">
                                <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
                            </a>
                        @else
                            <span class="is-disabled" aria-hidden="true"><i class="fa-solid fa-chevron-right"></i></span>
                        @endif
                    </nav>
                @endif
            </div>
        @endif
    </div>

    <x-card :title="__('brokers.show.activity')" icon="fa-solid fa-clock-rotate-left">
        @if ($activities === [])
            <p class="text-secondary">{{ __('brokers.show.no_activity') }}</p>
        @else
            {{-- The sentence is composed here rather than in the controller
                 because it is *wording*, and the controller hands over four
                 facts per row: the formatted time, the log's event name, the
                 description spatie wrote, and the causer's name when there was
                 one.

                 The five events are the three HasAudit writes from the model
                 event that fired plus the two BrokerFileService writes by hand
                 (its docblock says why it has to). Any value outside the five
                 degrades to the raw word rather than to a blank line — and to
                 the raw *description* when even that is empty, because a
                 timeline entry with no sentence is a dot with nothing beside
                 it. Both are escaped like everything else here. --}}
            <div class="timeline">
                @foreach ($activities as $entry)
                    @php
                        $known = ['created', 'updated', 'deleted', 'file_uploaded', 'file_replaced'];
                        $sentence = in_array($entry['event'], $known, true)
                            ? __('brokers.activity.'.$entry['event'])
                            : ucfirst(str_replace('_', ' ', $entry['event'] !== '' ? $entry['event'] : $entry['description']));
                    @endphp
                    <div class="timeline-item">
                        <div class="time">{{ $entry['time'] }}</div>
                        <div class="event">
                            <span class="fw-600">{{ $sentence }}</span>@if ($entry['causer'] !== null) {{ __('brokers.activity.by', ['name' => $entry['causer']]) }}@endif
                        </div>
                    </div>
                @endforeach
            </div>
        @endif
    </x-card>
@endsection