@props([
    'admin',
    'platformValues' => [],
    'formFields' => [],
    'cardTierFields' => [],
])

<dialog id="update-admin-account-dialog" class="vpm-dialog vpm-dialog--trader-form vpm-dialog--long-form" aria-labelledby="update-admin-account-dialog-title">
    <form method="POST" action="{{ route('admin.account.update') }}" class="vpm-dialog__panel">
        @csrf
        @method('PUT')

        <button type="button" class="vpm-dialog__close vpm-dialog__close--corner" data-vpm-dialog-close aria-label="Close">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
                <path d="M18 6 6 18"/><path d="m6 6 12 12"/>
            </svg>
        </button>

        <div class="vpm-dialog__scroll">
            <div class="vpm-dialog__content">
                <header class="vpm-dialog__header vpm-dialog__header--form">
                    <h2 id="update-admin-account-dialog-title" class="vpm-dialog__title">Update your account</h2>
                </header>

                <div class="vpm-dialog__fields">
                    <x-vpm.auth-field
                        name="name"
                        label="Name"
                        :value="old('name', $admin->name)"
                        autocomplete="name"
                        required
                    />
                    <x-vpm.auth-field
                        name="email"
                        label="Email"
                        type="email"
                        :value="old('email', $admin->email)"
                        autocomplete="email"
                        required
                    />
                    <x-vpm.auth-field
                        name="password"
                        label="Password"
                        type="password"
                        autocomplete="new-password"
                        toggle
                    />

                    @foreach ($formFields as $field)
                        @php
                            $value = old(
                                $field['name'],
                                \App\Support\AdminAccountStats::formValue(
                                    $field['name'],
                                    $platformValues[$field['name']] ?? 0
                                )
                            );
                        @endphp
                        <x-vpm.auth-field
                            :name="$field['name']"
                            :label="$field['label']"
                            type="number"
                            :value="$value"
                            :step="$field['type'] === 'decimal' ? '0.01' : '1'"
                            min="0"
                            required
                        />
                    @endforeach

                    @foreach ($cardTierFields as $field)
                        <x-vpm.auth-field
                            :name="$field['name']"
                            :label="$field['label']"
                            type="number"
                            :value="old($field['name'], $field['value'])"
                            min="0"
                            step="1"
                            required
                        />
                    @endforeach
                </div>
            </div>
        </div>

        <footer class="vpm-dialog__footer vpm-dialog__footer--form">
            <x-vpm.button type="button" variant="secondary" data-vpm-dialog-close>Cancel</x-vpm.button>
            <x-vpm.button type="submit" variant="primary">Update</x-vpm.button>
        </footer>
    </form>
</dialog>