@extends('layouts.portal')

@section('title', __('Edit :role', ['role' => strtolower(__($settings['label']))]))

@section('content')
    <div class="portal-page">
        @include('partials.portal-header')

        <main class="module-main">
            <div class="module-heading">
                <div>
                    <p class="eyebrow"><a href="{{ route('persons.index') }}">{{ __('PERSONS') }}</a> / <a href="{{ route('persons.roles.index', $role) }}">{{ strtoupper(__($settings['plural'])) }}</a></p>
                    <h1>{{ __('Edit :role', ['role' => strtolower(__($settings['label']))]) }}</h1>
                    <p>{{ $record->person->first_name }} {{ $record->person->last_name }} · {{ __('Shared person and :role details', ['role' => strtolower(__($settings['label']))]) }}</p>
                </div>
            </div>

            <form class="form-panel" method="POST" action="{{ route('persons.roles.update', ['role' => $role, 'personId' => $record->person_id]) }}">
                @csrf
                @method('PUT')

                <h2 class="section-heading">{{ __('Person details') }}</h2>
                @include('persons.people.shared-fields', ['person' => $record->person])

                <h2 class="section-heading">{{ __(':role details', ['role' => strtolower(__($settings['label']))]) }}</h2>
                <div class="form-grid">
                    <div class="form-field">
                        <label for="{{ $settings['number_field'] }}">{{ __($settings['number_label']) }}</label>
                        <input id="{{ $settings['number_field'] }}" name="{{ $settings['number_field'] }}" value="{{ old($settings['number_field'], $record->{$settings['number_field']}) }}" maxlength="80">
                        @error($settings['number_field'])<span class="validation-error">{{ $message }}</span>@enderror
                    </div>
                    <div class="form-field">
                        <label for="is_active">{{ __('Active') }}</label>
                        <label class="toggle-switch">
                            <input type="hidden" name="is_active" value="0">
                            <input type="checkbox" id="is_active" name="is_active" value="1" data-active-label="{{ __('Active') }}" data-inactive-label="{{ __('Inactive') }}" @checked(old('is_active', $record->is_active ? '1' : '0') === '1') onchange="this.nextElementSibling.nextElementSibling.textContent = this.checked ? this.dataset.activeLabel : this.dataset.inactiveLabel">
                            <span class="toggle-track"><span class="toggle-thumb"></span></span>
                            <span class="toggle-switch-label">{{ old('is_active', $record->is_active ? '1' : '0') === '1' ? __('Active') : __('Inactive') }}</span>
                        </label>
                        @error('is_active')<span class="validation-error">{{ $message }}</span>@enderror
                    </div>
                </div>

                <div class="form-actions">
                    <a class="module-link" href="{{ route('persons.roles.index', $role) }}">{{ __('Cancel') }}</a>
                    <button class="action-button" type="submit">{{ __('Save :role', ['role' => strtolower(__($settings['label']))]) }}</button>
                </div>
            </form>
        </main>
    </div>
@endsection