@extends('layouts.app')
@section('title', 'Preguntas frecuentes')
@section('content')

<header class="bg-pink">
    <!-- nav -->
    <nav class="container-fluid navbar navbar-expand-md navbar-dark">
        <div class="container-fluid p-3">
            <a href="/" class="navbar-brand">
                <img src="./img/Logos (SVG)/LOGO-FUNDACIÓN-LASO-NEGATIVO.svg" class="header-logo scale-on-hover">
            </a>

                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navmenu" aria-controls="navmenu" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

            <div class="collapse navbar-collapse px-5" id="navmenu">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item">
                        <a href="/" class="nav-link border-hover fw-bold link-light">Inicio</a>
                    </li>
                    <li class="nav-item">
                        <a href="{{ route('about_us') }}" class="nav-link border-hover fw-bold link-light">Nosotros</a>
                    </li>
                    <li class="nav-item">
                        <a href="{{ route('campaigns') }}" class="nav-link border-hover fw-bold link-light">Campañas</a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link active dropdown-toggle border-hover border-active fw-bold link-light" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                            Contacto
                        </a>
                        <ul class="bg-pink dropdown-menu reveal-on-hover--content shadow-lg" aria-labelledby="navbarDropdown">
                            <li><a class="dropdown-item" href="{{ route('contacts') }}">Contactanos</a></li>
                            <li><a class="dropdown-item" href="{{ route('questions') }}">Preguntas Frecuentes</a></li>
                        </ul>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle border-hover fw-bold link-light" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                            Mi Cuenta
                        </a>
                        <ul class="bg-pink dropdown-menu reveal-on-hover--content shadow-lg" aria-labelledby="navbarDropdown">
                            @auth
                                                            @if(Auth::user()->center_id >= 1)
                            <li><a class="dropdown-item" href="{{ route('center') }}">Citas</a></li>
                            @else
                            <li><a class="dropdown-item" href="{{ route('dashboard') }}">Cuenta</a></li>
                            @endif
                                <li><a class="dropdown-item" href="{{ route('logout') }}">Salir</a></li>
                            @else
                                <li><a class="dropdown-item" href="{{ route('register') }}">Registro</a></li>
                                <li><a class="dropdown-item" href="{{ route('login') }}">Iniciar Sesion</a></li>
                            @endauth
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</header>

<section class="p-5">
    <div class="container">
        <div class="text-center mb-5">
            <h1>PREGUNTAS FRECUENTES</h1>
            <h5>Saber más sobre la donación de sangre y saber cómo puede ayudar a las personas.</h5>
        </div>
        <div class="accordion accordion-flush" id="accordionFlushExample">
            <!-- first item -->
            <div class="accordion-item">
                <h2 class="accordion-header" id="flush1">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush1-collapse" aria-expanded="false" aria-controls="flush-collapseEigth">
                        <span class="text-danger fw-bold">
                            ¿Qué es la Sangre?
                        </span>
                    </button>
                </h2>
                <div id="flush1-collapse" class="accordion-collapse collapse" aria-labelledby="flush1" data-bs-parent="#accordionFlushExample">
                    <div class="accordion-body">
                        <p>El líquido que da vida. La sangre es un líquido viscoso de color rojo que esta compuesto de: Células (Eritrocitos, Leucocitos, Trombocitos) y Solución coloidal (Plasma sanguíneo).</p>
                        <p>La sangre circula por un sistema cerrado pero permeable al agua y los electrolitos del plasma disueltos en ella este sistema de tubos cerrados, son denominados vasos sanguíneos. Esta actúa manteniendo la composición adecuada y casi constante de los líquidos corporales, los que permiten la nutrición, el crecimiento y la función de las células del organismo.</p>
                    </div>
                </div>
            </div>
            <!--  -->
            <!--  -->
            <div class="accordion-item">
                <h2 class="accordion-header" id="flush2">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush2-collapse" aria-expanded="false" aria-controls="flush-collapseEigth">
                        <span class="text-danger fw-bold">
                            ¿Cuáles tipos de sangre existen?
                        </span>
                    </button>
                </h2>
                <div id="flush2-collapse" class="accordion-collapse collapse" aria-labelledby="flush2" data-bs-parent="#accordionFlushExample">
                    <div class="accordion-body">
                        <h2 class="fs-5 fw-normal">Los tipos de sangre son: </h2>
                        <ol>
                            <li>O-</li>
                            <li>O+</li>
                            <li>A-</li>
                            <li>A+</li>
                            <li>B-</li>
                            <li>B+</li>
                            <li>AB-</li>
                            <li>AB+</li>
                        </ol>
                        <p>Puedes ampliar mas este temas en los siguientes enlaces:</p>
                        <ul>
                            <li>
                                <a href="http://www.sld.cu/galerias/pdf/sitios/histologia/sangre_y_tejido_hematopoyetico.pdf" target="_blank" class="link-danger">SANGRE Y TEJIDO HEMATOPOYETICO</a>
                            </li>
                            <li>
                                <a href="http://www.sld.cu/galerias/pdf/sitios/histologia/sangre_y_tejido_hematopoyetico.pdf" target="_blank" class="link-danger">LA SANGRE</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--  -->
            <!--  -->
            <div class="accordion-item">
                <h2 class="accordion-header" id="flush3">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush3-collapse" aria-expanded="false" aria-controls="flush-collapseEigth">
                        <span class="text-danger fw-bold">
                            ¿Cuantas personas se benefician de una unidad de sangre?
                        </span>
                    </button>
                </h2>
                <div id="flush3-collapse" class="accordion-collapse collapse" aria-labelledby="flush3" data-bs-parent="#accordionFlushExample">
                    <div class="accordion-body">
                        <p>Se pueden beneficiar hasta 3 personas.</p>
                    </div>
                </div>
            </div>
            <!--  -->
            <!--  -->
            <div class="accordion-item">
                <h2 class="accordion-header" id="flush4">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush4-collapse" aria-expanded="false" aria-controls="flush-collapseOne">
                        <span class="text-danger fw-bold">
                            ¿Cuántas veces puedo donar?
                        </span>
                    </button>
                </h2>
                <div id="flush4-collapse" class="accordion-collapse collapse" aria-labelledby="flush4" data-bs-parent="#accordionFlushExample">
                    <div class="accordion-body">
                        Los hombres pueden donar hasta 4 veces al año y las mujeres pueden donar 3 veces al año si
                        cumplen con las condiciones requeridas.
                    </div>
                </div>
            </div>
            <!-- -->
            <!-- -->
            <div class="accordion-item">
                <h2 class="accordion-header" id="flush5">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush5-collapse" aria-expanded="false" aria-controls="flush-collapseThree">
                        <span class="text-danger fw-bold">
                            ¿Dónde puedo donar sangre?
                        </span>
                    </button>
                </h2>
                <div id="flush5-collapse" class="accordion-collapse collapse" aria-labelledby="flush5" data-bs-parent="#accordionFlushExample">
                    <div class="accordion-body">En la Cruz Roja Dominicana.</div>
                </div>
            </div>
            <!--  -->
            <!--  -->
            <div class="accordion-item">
                <h2 class="accordion-header" id="flush6">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush6-collapse" aria-expanded="false" aria-controls="flush-collapseFive">
                        <span class="text-danger fw-bold">
                            ¿Si dono sangre se debilita mi organismo?
                        </span>
                    </button>
                </h2>
                <div id="flush6-collapse" class="accordion-collapse collapse" aria-labelledby="flush6" data-bs-parent="#accordionFlushExample">
                    <div class="accordion-body">No, el cuerpo se recupera muy rápidamente tras una donación de sangre.</div>
                </div>
            </div>
            <!--  -->
            <!--  -->
            <div class="accordion-item">
                <h2 class="accordion-header" id="flush7">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush7-collapse" aria-expanded="false" aria-controls="flush-collapseSix">
                        <span class="text-danger fw-bold">
                            ¿Es cierto, que sí dono sangre me expongo a adquirir una enfermedad?
                        </span>
                    </button>
                </h2>
                <div id="flush7-collapse" class="accordion-collapse collapse" aria-labelledby="flush7" data-bs-parent="#accordionFlushExample">
                    <div class="accordion-body">No, debido a que todos los materiales que se utilizan en la donación son estériles y no reutilizables.</div>
                </div>
            </div>
            <!--  -->
            <!--  -->
            <div class="accordion-item">
                <h2 class="accordion-header" id="flush8">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush8-collapse" aria-expanded="false" aria-controls="flush-collapseSeven">
                        <span class='fw-bold text-danger'>
                            ¿Puede una persona diabética donar sangre?
                        </span>
                    </button>
                </h2>
                <div id="flush8-collapse" class="accordion-collapse collapse" aria-labelledby="flush8" data-bs-parent="#accordionFlushExample">
                    <div class="accordion-body">Si, cualquier paciente diabético que siga un tratamiento y esté estable y con buenos controles puede ser donante.</div>
                </div>
            </div>
            <!--  -->
            <!--  -->
            <div class="accordion-item">
                <h2 class="accordion-header" id="flush9">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush9-collapse" aria-expanded="false" aria-controls="flush-collapseSeven">
                        <span class='fw-bold text-danger'>
                            ¿Si fumo cigarrillos puedo donar?
                        </span>
                    </button>
                </h2>
                <div id="flush9-collapse" class="accordion-collapse collapse" aria-labelledby="flush9" data-bs-parent="#accordionFlushExample">
                    <div class="accordion-body">Si y debes esperar 4 horas para volver a fumar.</div>
                </div>
            </div>
            <!--  -->
            <!--  -->
            <div class="accordion-item">
                <h2 class="accordion-header" id="flush10">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush10-collapse" aria-expanded="false" aria-controls="flush-collapseSeven">
                        <span class='fw-bold text-danger'>
                            ¿Cuál es la edad mínima para donar?
                        </span>
                    </button>
                </h2>
                <div id="flush10-collapse" class="accordion-collapse collapse" aria-labelledby="flush10" data-bs-parent="#accordionFlushExample">
                    <div class="accordion-body">Desde 18 hasta 65 años, a partir de los 16 años pueden donar con el
                        consentimiento de los padres y/o tutor legal.</div>
                </div>
            </div>
            <!--  -->
            <!--  -->
            <div class="accordion-item">
                <h2 class="accordion-header" id="flush11">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush11-collapse" aria-expanded="false" aria-controls="flush-collapseSeven">
                        <span class='fw-bold text-danger'>
                            ¿Puedo donar si tengo tatuajes o piercings?
                        </span>
                    </button>
                </h2>
                <div id="flush11-collapse" class="accordion-collapse collapse" aria-labelledby="flush11" data-bs-parent="#accordionFlushExample">
                    <div class="accordion-body">Claro que sí, siempre y cuando haya transcurrido un año del ultimo
                        tatuaje o piercing.</div>
                </div>
            </div>
            <!--  -->
            <!--  -->
            <div class="accordion-item">
                <h2 class="accordion-header" id="flush12">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush12-collapse" aria-expanded="false" aria-controls="flush-collapseSeven">
                        <span class='fw-bold text-danger'>
                            ¿Puedo donar durante el periodo menstrual?
                        </span>
                    </button>
                </h2>
                <div id="flush12-collapse" class="accordion-collapse collapse" aria-labelledby="flush12" data-bs-parent="#accordionFlushExample">
                    <div class="accordion-body">Sí, pero teniendo en cuenta tener un ciclo menstrual normal, sin
                        presentar un sangrado excesivo que impacte los niveles dehemoglobina y hematocrito. Para ello se te realizarán pruebas para
                        calificarte como apta para la donación.</div>
                </div>
            </div>
            <!--  -->
            <!--  -->
            <div class="accordion-item">
                <h2 class="accordion-header" id="flush13">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush13-collapse" aria-expanded="false" aria-controls="flush-collapseTen">
                        <span class="text-danger fw-bold">
                            ¿Duele el proceso de extracción?
                        </span>
                    </button>
                </h2>
                <div id="flush13-collapse" class="accordion-collapse collapse" aria-labelledby="flush13" data-bs-parent="#accordionFlushExample">
                    <div class="accordion-body">
                        Es una mínima molestia. Tanto el material de extracción como el personal sanitario están especialmente preparados para causar el menor daño.
                    </div>
                </div>
            </div>


            {{-- <div class="accordion-item">
                <h2 class="accordion-header" id="flush-headingTwo">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
                        <span class="text-danger fw-bold">
                            ¿Quienes pueden donar Sangre?
                        </span>
                    </button>
                </h2>
                <div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlushExample">
                    <div class="accordion-body">
                        <ul>
                            <li>Gozar de buen estado de salud física</li>
                            <li>Tener entre 18 y 65 años</li>
                            <li>Peso mínimo 110 libras</li>
                            <li>Un ayuno de dos horas para donar sangre y de cuatro horas para donar plaquetas</li>
                            <li>No haber padecido de Hepatitis tipo B, C, VIH-SIDA, Sífilis, etc.</li>
                            <li>No haber recibido trasplantes de órganos.</li>
                            <li>No padecer epilepsia, tuberculosis, enfermedades severas del corazón o cáncer.</li>
                            <li>No estar embarazadas o lactando.</li>
                            <li>No haberse realizado tatuajes, perforaciones, acupuntura en los últimos 12 meses.</li>
                            <li>No haber tenido cirugía, accidente mayor, toxoplasmosis o meningitis, En caso de
                                mujeres, no haber tenido parto, cesárea o aborto, en los últimos 6 meses.</li>
                            <li>No haber consumido bebidas alcohólicas en las últimas 24 horas.</li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--  -->
            
            <div class="accordion-item">
                <h2 class="accordion-header" id="flush-Nine">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseNine" aria-expanded="false" aria-controls="flush-collapseNine">
                        <span class="text-danger fw-bold">
                            ¿Tipos de sangre?
                        </span>
                    </button>
                </h2>
                <div id="flush-collapseNine" class="accordion-collapse collapse" aria-labelledby="flush-Nine" data-bs-parent="#accordionFlushExample">
                    <div class="accordion-body">
                        <h2 class="fs-5 fw-normal">Los tipos de sangre son: </h2>
                        <ol>
                            <li>O-</li>
                            <li>O+</li>
                            <li>A-</li>
                            <li>A+</li>
                            <li>B-</li>
                            <li>B+</li>
                            <li>AB-</li>
                            <li>AB+</li>
                        </ol>
                        <p>Puedes ampliar mas este temas en los siguientes enlaces:</p>
                        <ul>
                            <li>
                                <a href="http://www.sld.cu/galerias/pdf/sitios/histologia/sangre_y_tejido_hematopoyetico.pdf" target="_blank" class="link-danger">SANGRE Y TEJIDO HEMATOPOYETICO</a>
                            </li>
                            <li>
                                <a href="http://www.sld.cu/galerias/pdf/sitios/histologia/sangre_y_tejido_hematopoyetico.pdf" target="_blank" class="link-danger">LA SANGRE</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--  -->
            <!--  -->
            
            <!--  --> --}}
        </div>
    </div>
</section>
<div class="p-0 p-md-5">
</div>

@endsection

@section('javascript')

@endsection