@extends('layouts.app')

@section('title', $user->name)

@section('content')
    <x-page-header :title="$user->name" :subtitle="$user->job_title">
        {{-- This screen's own way back. It is reached from the user list and,
             with breadcrumbs gone product-wide, had nothing else. --}}
        <a href="{{ route('users.index') }}" class="btn btn-sm px-btn-ghost">
            <i class="bi bi-arrow-left rtl-flip" aria-hidden="true"></i>
            {{ __('auth::messages.users.title') }}
        </a>

        @can('update', $user)
            <a href="{{ route('users.edit', $user) }}" class="btn btn-sm px-btn-ghost">
                <i class="bi bi-pencil"></i> {{ __('common.edit') }}
            </a>
        @endcan

        @can('delete', $user)
            <x-confirm-delete :action="route('users.destroy', $user)" :label="__('common.delete')" />
        @endcan
    </x-page-header>

    @if ($user->isLocked())
        <x-alert type="warning" :dismissible="false"
                 :message="__('auth::messages.users.locked_notice', ['time' => $user->locked_until->format('H:i')])">
            @can('update', $user)
                <form method="POST" action="{{ route('users.unlock', $user) }}" class="mt-2">
                    @csrf
                    <button type="submit" class="btn btn-sm px-btn-ghost">
                        {{ __('auth::messages.users.unlock') }}
                    </button>
                </form>
            @endcan
        </x-alert>
    @endif

    <div class="row g-3">
        <div class="col-12 col-lg-7">
            <x-px.panel :title="__('auth::messages.profile.details')">
                <dl class="px-totals mb-0">
                    <div class="px-totals__row">
                        <dt>{{ __('auth::messages.fields.email') }}</dt>
                        <dd>{{ $user->email }}</dd>
                    </div>

                    <div class="px-totals__row">
                        <dt>{{ __('auth::messages.fields.phone') }}</dt>
                        <dd>{{ $user->phone ?: '—' }}</dd>
                    </div>

                    <div class="px-totals__row">
                        <dt>{{ __('auth::messages.fields.employee_no') }}</dt>
                        <dd>{{ $user->employee_no ?: '—' }}</dd>
                    </div>

                    <div class="px-totals__row">
                        <dt>{{ __('auth::messages.fields.branch') }}</dt>
                        <dd>{{ $user->branch?->name ?? '—' }}</dd>
                    </div>

                    <div class="px-totals__row">
                        <dt>{{ __('auth::messages.fields.roles') }}</dt>
                        <dd>
                            @forelse ($user->roles as $role)
                                <span class="px-pill px-pill--grey">{{ __('roles.'.$role->name) }}</span>
                            @empty
                                {{ __('auth::messages.users.no_roles') }}
                            @endforelse
                        </dd>
                    </div>

                    {{--
                        Where this account's permissions come from.

                        Stated because the role is no longer the answer for
                        everybody: on an account with its own list the role
                        beside it is a description of the job, not of the
                        access, and reading it as access would be wrong.
                    --}}
                    <div class="px-totals__row">
                        <dt>{{ __('auth::messages.permissions.effective') }}</dt>
                        <dd>
                            @if ($user->hasOwnPermissionSet())
                                <span class="px-pill px-pill--violet">
                                    {{ __('auth::messages.permissions.own_list') }}
                                </span>
                            @else
                                <span class="px-pill px-pill--grey">
                                    {{ __('auth::messages.permissions.governed_by_roles') }}
                                </span>
                            @endif

                            <span class="px-hint">
                                {{ $user->getAllPermissions()->count() }}
                            </span>
                        </dd>
                    </div>

                    <div class="px-totals__row">
                        <dt>{{ __('auth::messages.users.last_sign_in') }}</dt>
                        <dd>
                            {{ $user->last_login_at?->format('Y-m-d H:i') ?? __('auth::messages.users.never_signed_in') }}
                            @if ($user->last_login_ip)
                                <span class="px-hint">· {{ $user->last_login_ip }}</span>
                            @endif
                        </dd>
                    </div>
                </dl>
            </x-px.panel>
        </div>

        <div class="col-12 col-lg-5">
            {{--
                Whether this person can be booked, stated rather than implied.
                The `doctor` role does not put anybody in a clinician picker —
                this record does — and a clinic with doctors on staff and an
                empty picker had, until now, nowhere to find that out.
            --}}
            <x-px.panel :title="__('auth::messages.clinician.title')" class="mb-3">
                @if ($clinicianProfile === null)
                    <p class="px-hint mb-2">{{ __('auth::messages.clinician.none') }}</p>
                @else
                    <dl class="px-totals mb-0">
                        <div class="px-totals__row">
                            <dt>{{ __('auth::messages.clinician.specialty') }}</dt>
                            <dd>{{ $clinicianProfile->specialty ?: '—' }}</dd>
                        </div>

                        <div class="px-totals__row">
                            <dt>{{ __('auth::messages.clinician.license_number') }}</dt>
                            <dd>{{ $clinicianProfile->license_number ?: '—' }}</dd>
                        </div>

                        <div class="px-totals__row">
                            <dt>{{ __('auth::messages.clinician.slot_minutes') }}</dt>
                            <dd>
                                {{ $clinicianProfile->slot_minutes
                                    ? __('auth::messages.clinician.minutes', ['count' => $clinicianProfile->slot_minutes])
                                    : __('auth::messages.clinician.clinic_default') }}
                            </dd>
                        </div>

                        <div class="px-totals__row">
                            <dt>{{ __('auth::messages.clinician.online') }}</dt>
                            <dd>
                                <span class="px-pill {{ $clinicianProfile->online_booking ? 'px-pill--green' : 'px-pill--grey' }}">
                                    {{ $clinicianProfile->online_booking ? __('common.yes') : __('common.no') }}
                                </span>
                            </dd>
                        </div>

                        <div class="px-totals__row">
                            <dt>{{ __('auth::messages.clinician.bookable') }}</dt>
                            <dd>
                                @if ($clinicianProfile->accepts_appointments && $user->status === 'active')
                                    <span class="px-pill px-pill--green">{{ __('common.yes') }}</span>
                                @else
                                    <span class="px-pill px-pill--grey">{{ __('common.no') }}</span>
                                    {{-- Two different reasons, and the fix differs. --}}
                                    <span class="d-block px-hint mt-1">
                                        {{ $clinicianProfile->accepts_appointments
                                            ? __('auth::messages.clinician.blocked_by_status')
                                            : __('auth::messages.clinician.blocked_by_profile') }}
                                    </span>
                                @endif
                            </dd>
                        </div>
                    </dl>
                @endif

                @can('update', $user)
                    <a href="{{ route('users.clinician.edit', $user) }}"
                       class="btn btn-sm px-btn-ghost mt-3">
                        <i class="bi bi-clipboard2-pulse"></i>
                        {{ $clinicianProfile === null
                            ? __('auth::messages.clinician.add')
                            : __('auth::messages.clinician.edit') }}
                    </a>
                @endcan
            </x-px.panel>

            @can('update', $user)
                <x-px.panel :title="__('auth::messages.fields.status')" class="mb-3">
                    <form method="POST" action="{{ route('users.status', $user) }}" class="d-flex gap-2">
                        @csrf
                        @method('PATCH')

                        <select name="status" class="form-select form-select-sm px-select">
                            @foreach (\App\Enums\UserStatus::cases() as $status)
                                <option value="{{ $status->value }}" @selected($user->status === $status->value)>
                                    {{ $status->label() }}
                                </option>
                            @endforeach
                        </select>

                        <button type="submit" class="btn btn-sm px-btn-ghost">
                            {{ __('common.update') }}
                        </button>
                    </form>
                </x-px.panel>
            @endcan

            @can('resetPassword', $user)
                <x-px.panel :title="__('auth::messages.users.reset_password')">
                    <form method="POST" action="{{ route('users.password', $user) }}">
                        @csrf
                        @method('PUT')

                        <x-form.input name="password" type="password"
                                      :label="__('auth::messages.fields.password')"
                                      required autocomplete="new-password" />

                        <x-form.input name="password_confirmation" type="password"
                                      :label="__('auth::messages.fields.password_confirmation')"
                                      required autocomplete="new-password" />

                        <button type="submit" class="btn btn-sm px-btn-danger-ghost">
                            {{ __('auth::messages.users.reset_password') }}
                        </button>
                    </form>
                </x-px.panel>
            @endcan
        </div>
    </div>
@endsection