@extends('layouts.app')

@section('title', __('Edit User - Admin'))

@php
    $actor = auth()->user();
    $isOwnAccount = (int) $actor?->id === (int) $user->id;
    $isProtectedSuperAdministrator = (bool) $user->role?->is_super_admin;
    $actorIsSuperAdministrator = (bool) $actor?->role?->is_super_admin;
    $roleIsLocked = $isOwnAccount || $isProtectedSuperAdministrator;
    $banIsLocked = $isOwnAccount || $isProtectedSuperAdministrator;

    $selectedRoleId = (string) old('role_id', $user->role_id);
    $emailIsVerified = (bool) old('email_status', $user->email_status);
    $userIsBanned = (bool) old('banned', $user->banned);
    $userIsAffiliate = (bool) old('is_affiliate', $user->is_affiliate);
    $vacationModeIsEnabled = (bool) old('vacation_mode', $user->vacation_mode);
@endphp

@section('content')
<div class="container-fluid px-4">
    <div class="d-flex flex-wrap align-items-center justify-content-between gap-3 mb-4">
        <div>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-1">
                    <li class="breadcrumb-item">
                        <a href="{{ route('admin.dashboard') }}">{{ __('Dashboard') }}</a>
                    </li>
                    <li class="breadcrumb-item">
                        <a href="{{ route('admin.users.index') }}">{{ __('Users') }}</a>
                    </li>
                    <li class="breadcrumb-item">
                        <a href="{{ route('admin.users.show', $user) }}">
                            {{ $user->username }}
                        </a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">
                        {{ __('Edit') }}
                    </li>
                </ol>
            </nav>

            <h1 class="h3 mb-1 fw-bold">{{ __('Edit User') }}</h1>
            <p class="text-muted mb-0">
                {{ __('Update :user’s account, profile, and marketplace permissions.', ['user' => $user->username]) }}
            </p>
        </div>

        <div class="d-flex flex-wrap gap-2">
            <a href="{{ route('admin.users.show', $user) }}" class="btn btn-outline-primary">
                <i class="fas fa-eye me-1"></i>
                {{ __('View User') }}
            </a>
            <a href="{{ route('admin.users.index') }}" class="btn btn-outline-secondary">
                <i class="fas fa-arrow-left me-1"></i>
                {{ __('Back to Users') }}
            </a>
        </div>
    </div>

    @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <i class="fas fa-exclamation-circle me-2"></i>
            {{ session('error') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="{{ __('Close') }}"></button>
        </div>
    @endif

    @if($errors->any())
        <div class="alert alert-danger" role="alert">
            <div class="fw-bold mb-2">
                <i class="fas fa-exclamation-triangle me-1"></i>
                {{ __('Please correct the following:') }}
            </div>
            <ul class="mb-0">
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    @if($roleIsLocked || $banIsLocked)
        <div class="alert alert-info" role="alert">
            <i class="fas fa-shield-alt me-2"></i>
            @if($isProtectedSuperAdministrator)
                {{ __('This is a protected Super Administrator account. Its role cannot be changed and it cannot be banned here.') }}
            @else
                {{ __('You are editing your own account. You cannot change your own role or ban your own account.') }}
            @endif
        </div>
    @endif

    <form
        action="{{ route('admin.users.update', $user) }}"
        method="POST"
        autocomplete="off"
        id="editUserForm"
    >
        @csrf
        @method('PUT')

        <div class="row g-4">
            <div class="col-xl-8">
                <div class="card border-0 shadow-sm">
                    <div class="card-header bg-white border-0 py-3">
                        <h5 class="mb-0 fw-bold">
                            <i class="fas fa-user text-primary me-2"></i>
                            {{ __('Account Information') }}
                        </h5>
                    </div>

                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label for="username" class="form-label">
                                    {{ __('Username') }} <span class="text-danger">*</span>
                                </label>
                                <input
                                    type="text"
                                    id="username"
                                    name="username"
                                    class="form-control @error('username') is-invalid @enderror"
                                    value="{{ old('username', $user->username) }}"
                                    minlength="3"
                                    maxlength="255"
                                    required
                                    autofocus
                                >
                                @error('username')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label for="email" class="form-label">
                                    {{ __('Email Address') }} <span class="text-danger">*</span>
                                </label>
                                <input
                                    type="email"
                                    id="email"
                                    name="email"
                                    class="form-control @error('email') is-invalid @enderror"
                                    value="{{ old('email', $user->email) }}"
                                    maxlength="255"
                                    required
                                >
                                @error('email')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label for="first_name" class="form-label">{{ __('First Name') }}</label>
                                <input
                                    type="text"
                                    id="first_name"
                                    name="first_name"
                                    class="form-control @error('first_name') is-invalid @enderror"
                                    value="{{ old('first_name', $user->first_name) }}"
                                    maxlength="100"
                                    autocomplete="given-name"
                                >
                                @error('first_name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label for="last_name" class="form-label">{{ __('Last Name') }}</label>
                                <input
                                    type="text"
                                    id="last_name"
                                    name="last_name"
                                    class="form-control @error('last_name') is-invalid @enderror"
                                    value="{{ old('last_name', $user->last_name) }}"
                                    maxlength="100"
                                    autocomplete="family-name"
                                >
                                @error('last_name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label for="phone_number" class="form-label">{{ __('Phone Number') }}</label>
                                <input
                                    type="text"
                                    id="phone_number"
                                    name="phone_number"
                                    class="form-control @error('phone_number') is-invalid @enderror"
                                    value="{{ old('phone_number', $user->phone_number) }}"
                                    maxlength="50"
                                    autocomplete="tel"
                                >
                                @error('phone_number')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label for="role_id" class="form-label">
                                    {{ __('Role') }} <span class="text-danger">*</span>
                                </label>

                                @if($roleIsLocked)
                                    <input type="hidden" name="role_id" value="{{ $user->role_id }}">
                                @endif

                                <select
                                    id="role_id"
                                    name="{{ $roleIsLocked ? '' : 'role_id' }}"
                                    class="form-select @error('role_id') is-invalid @enderror"
                                    @disabled($roleIsLocked)
                                    required
                                >
                                    <option value="">{{ __('Select a role') }}</option>
                                    @foreach($roles as $role)
                                        @if(! $role->is_super_admin || $actorIsSuperAdministrator || (int) $role->id === (int) $user->role_id)
                                            <option
                                                value="{{ $role->id }}"
                                                @selected($selectedRoleId === (string) $role->id)
                                            >
                                                {{ $role->display_name }}
                                            </option>
                                        @endif
                                    @endforeach
                                </select>
                                @error('role_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror

                                @if($roleIsLocked)
                                    <div class="form-text">{{ __('This role is protected and cannot be changed here.') }}</div>
                                @endif
                            </div>

                            <div class="col-12">
                                <label for="about_me" class="form-label">{{ __('About User') }}</label>
                                <textarea
                                    id="about_me"
                                    name="about_me"
                                    rows="4"
                                    maxlength="5000"
                                    class="form-control @error('about_me') is-invalid @enderror"
                                    placeholder="{{ __('Profile biography or administrative notes about this user.') }}"
                                >{{ old('about_me', $user->about_me) }}</textarea>
                                @error('about_me')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card border-0 shadow-sm mt-4">
                    <div class="card-header bg-white border-0 py-3">
                        <h5 class="mb-0 fw-bold">
                            <i class="fas fa-map-marker-alt text-primary me-2"></i>
                            {{ __('Contact Address') }}
                        </h5>
                    </div>

                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-md-4">
                                <label for="country_name" class="form-label">{{ __('Country') }}</label>
                                <input
                                    type="text"
                                    id="country_name"
                                    name="country_name"
                                    class="form-control @error('country_name') is-invalid @enderror"
                                    value="{{ old('country_name', $user->country_name) }}"
                                    maxlength="100"
                                    autocomplete="country-name"
                                >
                                @error('country_name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-4">
                                <label for="state_name" class="form-label">{{ __('State/Province/Region') }}</label>
                                <input
                                    type="text"
                                    id="state_name"
                                    name="state_name"
                                    class="form-control @error('state_name') is-invalid @enderror"
                                    value="{{ old('state_name', $user->state_name) }}"
                                    maxlength="150"
                                    autocomplete="address-level1"
                                >
                                @error('state_name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-4">
                                <label for="city_name" class="form-label">{{ __('City/Town') }}</label>
                                <input
                                    type="text"
                                    id="city_name"
                                    name="city_name"
                                    class="form-control @error('city_name') is-invalid @enderror"
                                    value="{{ old('city_name', $user->city_name) }}"
                                    maxlength="150"
                                    autocomplete="address-level2"
                                >
                                @error('city_name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label for="zip_code" class="form-label">{{ __('Postal Code') }}</label>
                                <input
                                    type="text"
                                    id="zip_code"
                                    name="zip_code"
                                    class="form-control @error('zip_code') is-invalid @enderror"
                                    value="{{ old('zip_code', $user->zip_code) }}"
                                    maxlength="50"
                                    autocomplete="postal-code"
                                >
                                @error('zip_code')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-12">
                                <label for="address" class="form-label">{{ __('Address') }}</label>
                                <textarea
                                    id="address"
                                    name="address"
                                    rows="3"
                                    maxlength="500"
                                    class="form-control @error('address') is-invalid @enderror"
                                    autocomplete="street-address"
                                >{{ old('address', $user->address) }}</textarea>
                                @error('address')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card border-0 shadow-sm mt-4">
                    <div class="card-header bg-white border-0 py-3">
                        <h5 class="mb-0 fw-bold">
                            <i class="fas fa-key text-primary me-2"></i>
                            {{ __('Change Password') }}
                        </h5>
                    </div>

                    <div class="card-body">
                        <p class="text-muted small">
                            {{ __('Leave both fields empty to keep the current password.') }}
                        </p>

                        <div class="row g-3">
                            <div class="col-md-6">
                                <label for="password" class="form-label">{{ __('New Password') }}</label>
                                <input
                                    type="password"
                                    id="password"
                                    name="password"
                                    class="form-control @error('password') is-invalid @enderror"
                                    minlength="12"
                                    autocomplete="new-password"
                                >
                                @error('password')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <div class="form-text">
                                    {{ __('At least 12 characters with uppercase, lowercase, number, and symbol.') }}
                                </div>
                            </div>

                            <div class="col-md-6">
                                <label for="password_confirmation" class="form-label">{{ __('Confirm New Password') }}</label>
                                <input
                                    type="password"
                                    id="password_confirmation"
                                    name="password_confirmation"
                                    class="form-control"
                                    minlength="12"
                                    autocomplete="new-password"
                                >
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-4">
                <div class="card border-0 shadow-sm">
                    <div class="card-header bg-white border-0 py-3">
                        <h5 class="mb-0 fw-bold">
                            <i class="fas fa-shield-alt text-primary me-2"></i>
                            {{ __('Account Status') }}
                        </h5>
                    </div>

                    <div class="card-body">
                        <input type="hidden" name="email_status" value="0">
                        <div class="form-check form-switch mb-4">
                            <input
                                type="checkbox"
                                id="email_status"
                                name="email_status"
                                value="1"
                                class="form-check-input @error('email_status') is-invalid @enderror"
                                @checked($emailIsVerified)
                            >
                            <label for="email_status" class="form-check-label fw-semibold">
                                {{ __('Email verified') }}
                            </label>
                            @error('email_status')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <div class="form-text">
                                {{ __('Disabling this also clears the email verification date.') }}
                            </div>
                        </div>

                        @if($banIsLocked)
                            <input type="hidden" name="banned" value="{{ (int) $user->banned }}">
                        @else
                            <input type="hidden" name="banned" value="0">
                        @endif

                        <div class="form-check form-switch">
                            <input
                                type="checkbox"
                                id="banned"
                                name="{{ $banIsLocked ? '' : 'banned' }}"
                                value="1"
                                class="form-check-input @error('banned') is-invalid @enderror"
                                @checked($userIsBanned)
                                @disabled($banIsLocked)
                            >
                            <label for="banned" class="form-check-label fw-semibold text-danger">
                                {{ __('Ban this account') }}
                            </label>
                            @error('banned')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <div class="form-text">
                                {{ __('A banned user cannot use the account normally.') }}
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card border-0 shadow-sm mt-4">
                    <div class="card-header bg-white border-0 py-3">
                        <h5 class="mb-0 fw-bold">
                            <i class="fas fa-store text-primary me-2"></i>
                            {{ __('Marketplace Settings') }}
                        </h5>
                    </div>

                    <div class="card-body">
                        <input type="hidden" name="is_affiliate" value="0">
                        <div class="form-check form-switch mb-3">
                            <input
                                type="checkbox"
                                id="is_affiliate"
                                name="is_affiliate"
                                value="1"
                                class="form-check-input @error('is_affiliate') is-invalid @enderror"
                                @checked($userIsAffiliate)
                            >
                            <label for="is_affiliate" class="form-check-label fw-semibold">
                                {{ __('Affiliate account') }}
                            </label>
                            @error('is_affiliate')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-4">
                            <label for="affiliate_commission_rate" class="form-label">
                                {{ __('Affiliate Commission Rate') }}
                            </label>
                            <div class="input-group">
                                <input
                                    type="number"
                                    id="affiliate_commission_rate"
                                    name="affiliate_commission_rate"
                                    class="form-control @error('affiliate_commission_rate') is-invalid @enderror"
                                    value="{{ old('affiliate_commission_rate', $user->affiliate_commission_rate) }}"
                                    min="0"
                                    max="100"
                                    step="0.01"
                                    inputmode="decimal"
                                >
                                <span class="input-group-text">%</span>
                                @error('affiliate_commission_rate')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-text">
                                {{ __('Enter a value from 0 to 100, or leave it empty to retain the stored value.') }}
                            </div>
                        </div>

                        <input type="hidden" name="vacation_mode" value="0">
                        <div class="form-check form-switch">
                            <input
                                type="checkbox"
                                id="vacation_mode"
                                name="vacation_mode"
                                value="1"
                                class="form-check-input @error('vacation_mode') is-invalid @enderror"
                                @checked($vacationModeIsEnabled)
                            >
                            <label for="vacation_mode" class="form-check-label fw-semibold">
                                {{ __('Vacation mode') }}
                            </label>
                            @error('vacation_mode')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <div class="form-text">
                                {{ __('Use this for seller accounts that are temporarily unavailable.') }}
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card border-0 shadow-sm mt-4">
                    <div class="card-body small">
                        <dl class="row mb-0">
                            <dt class="col-5 text-muted">{{ __('User ID') }}</dt>
                            <dd class="col-7 text-end fw-semibold">#{{ $user->id }}</dd>

                            <dt class="col-5 text-muted">{{ __('Created') }}</dt>
                            <dd class="col-7 text-end fw-semibold">
                                {{ $user->created_at?->format('M d, Y H:i') ?? __('N/A') }}
                            </dd>

                            <dt class="col-5 text-muted">{{ __('Updated') }}</dt>
                            <dd class="col-7 text-end fw-semibold mb-0">
                                {{ $user->updated_at?->format('M d, Y H:i') ?? __('N/A') }}
                            </dd>
                        </dl>
                    </div>
                </div>

                <div class="d-grid gap-2 mt-4">
                    <button type="submit" class="btn btn-primary btn-lg" id="saveUserButton">
                        <i class="fas fa-save me-2"></i>
                        {{ __('Save Changes') }}
                    </button>
                    <a href="{{ route('admin.users.show', $user) }}" class="btn btn-outline-secondary">
                        {{ __('Cancel') }}
                    </a>
                </div>
            </div>
        </div>
    </form>
</div>
@endsection

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function () {
    const form = document.getElementById('editUserForm');
    const submitButton = document.getElementById('saveUserButton');

    if (!form || !submitButton) {
        return;
    }

    form.addEventListener('submit', function () {
        if (!form.checkValidity()) {
            return;
        }

        submitButton.disabled = true;
        submitButton.innerHTML =
            '<span class="spinner-border spinner-border-sm me-2" aria-hidden="true"></span>'
            + @json(__('Saving...'));
    });
});
</script>
@endpush