@include('M_Inicio.header')
@include('M_Inicio.navbar')

<!-- Masthead-->
<header class="masthead">
    <div class="container">
        <div class="masthead-subheading">Biblioteca Juridica</div>
        <div class="masthead-heading ">Bienvenidos</div>
        
        <!-- Buscador -->
        <form action="{{ route('buscar.global') }}" method="GET">
            <div class="input-group input-group-lg mt-4">
                <input type="text" name="query" class="form-control" placeholder="Ej: Derecho Civil, Código Penal..." 
                    value="{{ request('query') }}">
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-search me-2"></i> Buscar
                </button>
            </div>
        </form>
    </div>
</header>

<!-- Catálogo -->
<!-- Catálogo -->
<section class="page-section bg-light py-5" id="portfolio">
    <div class="container">
        <div class="text-center mb-5">
            <h2 class="text-uppercase">CATÁLOGOS</h2>
            <h3 class="text-muted">Textos Recomendados</h3>
        </div>

        <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-4">
            @foreach($textos as $texto)
            <div class="col">
                <div class="card h-100 border-0 shadow-sm">
                    <div class="card-img-top text-center p-3" style="height: 300px; background-color:rgb(195, 208, 221);">
                        @if($texto->portada)
                            <img src="{{ asset($texto->portada) }}" class="img-fluid h-100" alt="{{ $texto->titulo }}" style="object-fit: contain;">
                        @else
                            <div class="d-flex align-items-center justify-content-center h-100">
                                <i class="fas fa-book fa-5x text-muted"></i>
                            </div>
                        @endif
                    </div>
                    <div class="card-body text-center">
                        <h4 class="card-title">{{ $texto->titulo }}</h4>
                        <h5 class="text-muted">{{ $texto->sub_titulo }}</h5>  
                        <p class="text-muted">Año: {{ $texto->año }}</p>      
                        @if($texto->archivo_pdf)
                            <a href="{{ asset($texto->archivo_pdf) }}" target="_blank" class="btn btn-primary mt-2">
                                Ver PDF
                            </a>
                        @else
                            <button class="btn btn-secondary mt-2" disabled>
                                PDF no disponible
                            </button>
                        @endif
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>


<!-- Sección sobre nosotros -->
<section class="page-section" id="sobre-nosotros">
    <div class="container">
        <div class="text-center">
            <h2 class="section-heading text-uppercase">Sobre Nosotros</h2>
            <h3 class="section-subheading">Conoce nuestra institución y valores fundamentales</h3>
        </div>
        <div class="row mt-5">
            <!-- Visión -->
            <div class="col-md-6 mb-5 mb-md-0">
                <div class="card h-100 border-0">
                    <div class="card-body text-center p-4 p-lg-5">
                        <div class="mb-4">
                            <i class="fas fa-eye fa-3x text-primary"></i>
                        </div>
                        <h3 class="h4 mb-3">Visión</h3>
                        <p class="mb-0">
                            Consolidarse como una entidad académica de excelencia en la formación de profesionales
                            al servicio del Estado, comprometida con la defensa legal y la promoción de una cultura
                            jurídica sólida y ética. </p>
                    </div>
                </div>
            </div>

            <!-- Misión -->
            <div class="col-md-6">
                <div class="card h-100 border-0">
                    <div class="card-body text-center p-4 p-lg-5">
                        <div class="mb-4">
                            <i class="fas fa-bullseye fa-3x text-primary"></i>
                        </div>
                        <h3 class="h4 mb-3">Misión</h3>
                        <p class="mb-0">
                            Capacitar a abogadas, abogados y profesionales interesados en la defensa de los intereses
                            del Estado,
                            promoviendo la excelencia académica en programas de posgrado y formación continua en el
                            ámbito de la Defensa Legal del Estado. </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@include('M_Inicio.footer')