@extends('Dashboard.master_page')



@section('data')




    <div class="intro-y box mt-5">
        <div class="flex flex-col sm:flex-row items-center p-5 border-b border-gray-200">
            <h2 class="font-medium text-base mr-auto">
                Enter The Secret Key
            </h2>
        </div>
        <form action="{{ route('GoogleFactorUpdateSave') }}" method="post">
            @csrf
            <div class="p-5" id="input-sizing">
                <div class="preview">
                    <input type="text" name="secret" class="input input--sm w-full border" placeholder="Secret Key">
                    <button type="submit" class="button bg-theme-1 text-white mt-5">Send</button>
                </div>
                <div class="source-code hidden">
                    <button id="button" data-target="#copy-input-sizing" class="copy-code button button--sm border flex items-center text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file w-4 h-4 mr-2"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline></svg> Copy example code </button>
                    <div class="overflow-y-auto h-64 mt-3">
                        <pre class="source-preview" id="copy-input-sizing"> <code class="text-xs p-0 rounded-md html pl-5 pt-8 pb-4 -mb-10 -mt-10 hljs xml"> <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"input input--sm w-full border"</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">"Input small"</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"input w-full border mt-2"</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">"Input normal"</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"input input--lg w-full border mt-2"</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">"Input large"</span>&gt;</span></code> <textarea style="margin-left: 1000000px;" class="fixed w-1 h-1"></textarea></pre>
                    </div>
                </div>
            </div>
        </form>
    </div>



    @stop