@extends('backend.template.layouts.template-base')
@section('title', 'Settings - GoogleRecaptcha Settings')

@section('content')


    <section>

        <div class="page-head-title top-fixed">
            <div class="google d-flex align-items-center justify-content-between">

                <div class="d-inline-block">
                    <h2 class="text-title fw-semibold mb-0">Google Re-captcha
                    </h2>
                </div>

                <button type="button" class="button-green px-3">
                    Update Changes
                </button>

            </div>

        </div>

        <div class="card-border mt-3">

            <div class="captcha p-3 pb-0 d-flex flex-row align-items-center justify-content-between">
                <h4 class="table-head-text flex-shrink-0">Google Re-captcha</h4>
                <div class="form-check form-switch">
                    <input class="form-check-input" checked type="checkbox">
                </div>
            </div>

            <hr>
            <div class="p-3 pt-0 row g-3">
                <div class="col-12 col-md-4">
                    <label for="siteKey" class="form-label-modal">
                        Site Key <span class="color-red">*</span>
                    </label>
                    <input type="text" id="siteKey" class="form-control" placeholder="Enter site key">
                </div>
                <div class="col-12 col-md-4">
                    <label for="secretKey" class="form-label-modal">
                        Secret Key <span class="color-red">*</span>
                    </label>
                    <input type="text" id="secretKey" class="form-control" placeholder="Enter secret key">
                </div>
            </div>
        </div>


    </section>


@endsection