@props(['client'])

@php
    $statusOptions = ['Pending', 'Unverified', 'Verified'];
@endphp

<dialog id="update-client-dialog" class="vpm-dialog vpm-dialog--trader-form vpm-dialog--account-status" aria-labelledby="update-client-dialog-title">
    <form method="POST" action="{{ route('admin.clients.update-status', $client) }}" 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-client-dialog-title" class="vpm-dialog__title">Update account status</h2>
                </header>

                <div class="vpm-dialog__fields vpm-dialog__fields--status">
                    <label class="vpm-field vpm-dialog__status-field">
                        <span class="vpm-field__label">Email</span>
                        <select
                            name="email_status"
                            class="vpm-select vpm-dialog__status-select"
                            @disabled($client->adminEmailStatusLocked())
                            @if ($client->adminEmailStatusLocked()) aria-disabled="true" @endif
                        >
                            @foreach ($statusOptions as $option)
                                <option
                                    value="{{ $option }}"
                                    @selected(old('email_status', $client->emailVerificationShortLabel()) === $option)
                                >
                                    {{ $option }}
                                </option>
                            @endforeach
                        </select>
                    </label>

                    <label class="vpm-field vpm-dialog__status-field">
                        <span class="vpm-field__label">Identity</span>
                        <select name="identity_status" class="vpm-select vpm-dialog__status-select">
                            @foreach ($statusOptions as $option)
                                <option
                                    value="{{ $option }}"
                                    @selected(old('identity_status', $client->identityVerificationShortLabel()) === $option)
                                >
                                    {{ $option }}
                                </option>
                            @endforeach
                        </select>
                    </label>

                    <label class="vpm-field vpm-dialog__status-field">
                        <span class="vpm-field__label">Address</span>
                        <select name="address_status" class="vpm-select vpm-dialog__status-select">
                            @foreach ($statusOptions as $option)
                                <option
                                    value="{{ $option }}"
                                    @selected(old('address_status', $client->addressVerificationShortLabel()) === $option)
                                >
                                    {{ $option }}
                                </option>
                            @endforeach
                        </select>
                    </label>
                </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>