@extends('layouts.admin_settings')

@section('content')
    <header class="w-full my-3">
        <h1 class="text-2xl font-bold text-white">API Key</h1>
        {{-- <p class="text-sm">
            <a class="flex text-sm items-center text-blue-600 underline"
                href="https://communitycad.app/docs/settings-page">Learn More
                <svg class="w-4 h-4 ml-2" fill="none" stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"
                        stroke-linecap="round" stroke-linejoin="round" />
                </svg>
            </a>
        </p> --}}
    </header>
    <div class="card">
        <div class="pill p-3">
            <p class="mb-3">If you do not have an API key below you must generate it. This needs to be kept private. You
                can regenerate
                it any time by clicking on the green button below. <span class="text-red-500 font-bold">It may take a second
                    to update. Press F5 and do not click
                    the button agian to refresh the page.</span></p>
            <a class="new-button-md" href="{{ route('admin.settings.generate_api_key') }}">Generate/Regenerate API Key</a>
        </div>
        <form action="{{ route('admin.settings.update') }}" id="mdeditor" method="POST">
            @csrf
            <div class="pill p-3">
                <p class="text-lg font-semibold">API Key</p>
                <p></p>
                <input class="text-input bg-slate-500" name="api_key" readonly type="text"
                    value="{{ old('api_key', get_setting('api_key')) }}">
            </div>
        </form>
    </div>
@endsection