@extends('layouts.pmar.theme')
@section('title', env('APP_NAME') . ' :: Castração Animal')
@section('content')
    <form class="formLogin" id="formLogin" method="post" action="{{ route('paginas.castracao.login') }}">
        <section>
            <div class="container">
                <div class="row">
                    <hr />
                    <div class="col-12">
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item">
                                    <a href="{{ route('paginas.home') }}">{{ __('Portal') }}</a>
                                </li>
                                <li class="breadcrumb-item active" aria-current="page">
                                    {{ __('Castração Animal') }}
                                </li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </section>

        <section class="cadastro-castracao py-5">
            <div class="container">
                <div class="row g-5">
                    <div class="col-lg-8 col-md-12">
                        <h2 class="mb-4 text-primary fw-bold">Castração Animal: Importância e Benefícios</h2>

                        <p>A castração é um procedimento cirúrgico simples e seguro, recomendado por veterinários como uma
                            das principais formas de cuidado responsável com os animais de estimação. Ela consiste na
                            remoção dos órgãos reprodutivos, ajudando a controlar a reprodução de cães e gatos.</p>

                        <h4 class="mt-4 mb-2 text-secondary">Por que castrar seu animal?</h4>
                        <ul class="list-unstyled ps-3">
                            <li class="mb-2"><strong>✔ Controle populacional:</strong> Reduz o número de animais abandonados
                                nas ruas e abrigos.</li>
                            <li class="mb-2"><strong>✔ Prevenção de doenças:</strong> Menor risco de câncer de mama, útero e
                                próstata.</li>
                            <li class="mb-2"><strong>✔ Melhora no comportamento:</strong> Diminui fugas, marcação de
                                território e agressividade.</li>
                            <li class="mb-2"><strong>✔ Qualidade de vida:</strong> Animais castrados vivem mais e com mais
                                saúde.</li>
                        </ul>

                        <h4 class="mt-4 mb-2 text-secondary">Quando castrar?</h4>
                        <p>O ideal é antes do primeiro cio nas fêmeas e entre 5 a 6 meses nos machos. Animais adultos também
                            podem ser castrados com segurança.</p>

                        <h4 class="mt-4 mb-2 text-secondary">Castração é um ato de amor!</h4>
                        <p>Cuidar da saúde do seu pet e ajudar a reduzir o abandono são atitudes de responsabilidade e
                            carinho. Consulte um veterinário de confiança.</p>
                    </div>

                    <div class="col-lg-4 col-md-12">
                        <div class="card shadow-lg border-0 rounded-4">
                            <div class="card-header bg-primary text-white rounded-top-4">
                                <h5 class="mb-0 text-center">Página de Acompanhamento</h5>
                            </div>
                            <div class="card-body p-4">

                                @if (session('success'))
                                    <div class="alert alert-success rounded-3 shadow-sm">{{ session('success') }}</div>
                                @endif

                                @if (session('error'))
                                    <div class="alert alert-danger rounded-3 shadow-sm">{{ session('error') }}</div>
                                @endif

                                @csrf
                                @method('post')

                                <div class="mb-3">
                                    <label for="login" class="form-label">Matrícula, CPF ou E-mail:</label>
                                    <input type="text" name="login" id="login" class="form-control rounded-3 shadow-sm"
                                        required value="{{ old('login') }}">
                                </div>

                                <div class="mb-3">
                                    <label for="password" class="form-label">Senha:</label>
                                    <div class="input-group">
                                        <input type="password" name="password" id="password"
                                            class="form-control rounded-3 shadow-sm" required value="{{ old('password') }}">
                                        <button class="btn btn-outline-secondary show-password" type="button"
                                            data-state="hidden">👀</button>
                                    </div>
                                </div>

                                <div class="form-check mb-3">
                                    <input class="form-check-input" type="checkbox" id="form2Example31" checked>
                                    <label class="form-check-label" for="form2Example31">Lembrar de mim</label>
                                </div>

                                <div class="d-grid mb-3">
                                    <button class="btn btn-primary shadow rounded-pill" type="submit"
                                        id="submitLogin">{{ __('Entrar') }}</button>
                                </div>

                                <div class="text-end mb-2">
                                    <a href="{{ route('paginas.castracao.esqueciSenha') }}"
                                        class="text-decoration-none">Esqueceu a Senha?</a>
                                </div>

                                <div class="text-center">
                                    <small>Ainda não possui cadastro? <a
                                            href="{{ route('paginas.castracao.verified') }}">Registre-se</a></small>
                                </div>

                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section>

        <div id='recaptchaLogin' data-size="invisible"></div>
    </form>

    <script>
        document.querySelector('.show-password').addEventListener('click', function () {
            const passwordInput = document.getElementById('password');
            if (passwordInput.type === 'password') {
                passwordInput.type = 'text';
                this.textContent = '😆';
            } else {
                passwordInput.type = 'password';
                this.textContent = '👀';
            }
        });
    </script>
@endsection