@php
    $securityTitle = $_securityTitle ?? 'Invitación protegida por contraseña';
    $headerTitle = $_title ?? '*Rocio';
    $securityText = $_securityText ?? 'Ingresá la contraseña para poder acceder <br> a la invitación de '.$headerTitle;
@endphp
<form method="POST">
    @csrf
    <section id="security" class="py-5">
        <div class="container d-flex justify-content-center">
            <div class="col-sm-6 text-center">
                <img src="{{ asset('img/templates/security-icon.svg') }}" alt="" class="my-5">
                <h3 class="fw-700 fs-sm-28 fs-24 text-dark">{{$securityTitle}}</h3>
                <p class="fw-500 fs-sm-21 fs-18 my-5 text-dark">{!! $securityText !!}</p>
                <div class="col-sm-7 mx-auto">
                    <input type="password" class="bg-transparent border border-3 px-4 py-3 fs-sm-15 mb-3 w-100 rounded-pill fw-600" name="password" id="password" requiered autocomplete="current-password" placeholder="Contraseña">
                    <button class="btn btn-dark rounded-pill py-3 w-100" type="submit">Ingresar</button>
                    @if($wrongPass)
                    <p class="my-3" style="color: red;">Contraseña incorrecta</p>
                    @endif
                </div>
            </div>
        </div>
    </section>
</form>