@extends('layouts.master')

@section('title', 'Pagina Principal - Academia Plurinacional de Estudios Constitucionales')

@section('content')
        <div id="controls-carousel" class="relative w-full" data-carousel="static">
            <!-- Carousel wrapper -->
            <div class="relative h-[500px] overflow-hidden rounded-lg md:h-[700px]">
                <!-- Item 1 -->
                <div class="hidden duration-700 ease-in-out flex-col" data-carousel-item>
                    <img src="images/slides/1.jpg" class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="slide 1">
                    <div class="absolute w-full bottom-0 bg-black  px-4 py-6 bg-opacity-60">
                        <h2 class="text-xl text-white font-bold text-center ">TCP de Bolivia realizó el Seminario Taller sobre el Manejo del Árbol Jurisprudencial</h2>
                        <p class="text-lg text-white text-center ">El Tribunal Constitucional Plurinacional (TCP) de Bolivia, a través de la Academia Plurinacional de Estudios Constitucionales (APEC), realizó el Seminario Taller denominado “Manejo del Árbol Jurisprudencial”... <a href="#" class="hover:text-tcp">Leer más</a></p>
                    </div>
                </div>
                <!-- Item 2 -->
                <div class="hidden duration-700 ease-in-out flex-col" data-carousel-item="active">
                    <img src="images/slides/2.jpg" class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="slide 2">
                    <div class="absolute w-full bottom-0 bg-black  px-4 py-6 bg-opacity-60">
                        <h2 class="text-xl text-white font-bold text-center ">EL TCP DE BOLIVIA REALIZÓ LA CONFERENCIA SOBRE ÉTICA JUDICIAL E INTERPRETACIÓN JURÍDICA</h2>
                        <p class="text-lg text-white text-center ">El Tribunal Constitucional Plurinacional (TCP) de Bolivia, a iniciativa del MSc. Paul Enrique Franco Zamora, Magistrado electo por el departamento de Chuquisaca, en coordinación con la Academia Plurinacional de Estudios Constitucionales (APEC), efectuó... <a href="#" class="hover:text-tcp">Leer más</a></p>
                    </div>
                </div>
                <!-- Item 3 -->
                <div class="hidden duration-700 ease-in-out" data-carousel-item>
                    <img src="images/slides/3.jpg" class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="slide 3">
                    <div class="absolute w-full bottom-0 bg-black  px-4 py-6 bg-opacity-60">
                        <h2 class="text-xl text-white font-bold text-center ">TCP de Bolivia y Universidad de San Francisco Xavier impulsan Diplomando en Derecho Constitucional</h2>
                        <p class="text-lg text-white text-center ">El Tribunal Constitucional Plurinacional (TCP) de Bolivia, representado por el MSc. Paul Enrique Franco Zamora, Magistrado electo por el departamento de Chuquisaca y la Universidad de San Francisco Xavier (USFX), a través de su Rector, Dr. Sergio Padilla... <a href="#" class="hover:text-tcp">Leer más</a></p>
                    </div>
                </div>
                <!-- Item 4 -->
                <div class="hidden duration-700 ease-in-out" data-carousel-item>
                    <img src="images/slides/4.jpg" class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="slide 4">
                    <div class="absolute w-full bottom-0 bg-black  px-4 py-6 bg-opacity-60">
                        <h2 class="text-xl text-white font-bold text-center ">TCP de Bolivia inició Diplomado en el municipio de Uncía y presentó la CONFERENCIA: EL DERECHO PROCESAL CONSTITUCIONAL</h2>
                        <p class="text-lg text-white text-center ">En el marco de las actividades académicas que realiza el Tribunal Constitucional Plurinacional (TCP) de Bolivia, se dio inicio al Diplomado denominado Derecho Procesal Constitucional y Argumentación Jurídica... <a href="#" class="hover:text-tcp">Leer más</a></p>
                    </div>
                </div>
                <!-- Item 5 -->
                <div class="hidden duration-700 ease-in-out" data-carousel-item>
                    <img src="images/slides/5.jpg" class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="slide 5">
                    <div class="absolute w-full bottom-0 bg-black  px-4 py-6 bg-opacity-60">
                        <h2 class="text-xl text-white font-bold text-center ">TCP DE BOLIVIA IMPARTIÓ TALLER DE EDUCACIÓN AMBIENTAL DESDE LA PERSPECTIVA DEL DERECHO A ESTUDIANTES DE LA UPEA</h2>
                        <p class="text-lg text-white text-center ">El Tribunal Constitucional Plurinacional (TCP) de Bolivia, a solicitud de laUniversidad Pública de Alto (UPEA), impartió el Seminario-Taller “Educación Ambiental desde una perspectiva del Derecho”, a estudiantes del paralelo Cuarto “H” de la mencionada... <a href="#" class="hover:text-tcp">Leer más</a></p>
                    </div>
                </div>
            </div>
            <!-- Slider indicators -->
            <div class="absolute z-30 flex -translate-x-1/2 bottom-5 left-1/2 space-x-3 rtl:space-x-reverse">
                <button type="button" class="w-3 h-3 rounded-full" aria-current="true" aria-label="Slide 1" data-carousel-slide-to="0"></button>
                <button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 2" data-carousel-slide-to="1"></button>
                <button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 3" data-carousel-slide-to="2"></button>
                <button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 4" data-carousel-slide-to="3"></button>
                <button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 5" data-carousel-slide-to="4"></button>
            </div>
            <!-- Slider controls -->
            <button type="button" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-carousel-prev>
                <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
                    <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4" />
                    </svg>
                    <span class="sr-only">Previous</span>
                </span>
            </button>
            <button type="button" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-carousel-next>
                <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
                    <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4" />
                    </svg>
                    <span class="sr-only">Next</span>
                </span>
            </button>
        </div>

        <h3 class="text-tcp text-2xl font-bold py-5">Bienvenidos(as)</h3>
        <p class="text-lg font-light italic py-3">
            Bienvenidos(as) a la Página Web de la Academia Plurinacional de Estudios Constitucionales del Tribunal Constitucional Plurinacional de Bolivia.
        </p>

        <h3 class="text-tcp text-2xl font-bold py-5">Programas Académicos</h3>
        <div class="section-container">
            <div class="grid grid-cols-3 gap-3">
                <a href="#" class="">
                    <img src="images/progacad/diplomado_oruro.jpg" alt="Diplomado Oruro" class="h-[300px] mx-auto">
                    <h3 class="text-center text-tcp font-semibold py-4">DIPLOMADO EN DERECHO CONSTITUCIONAL Y DERECHO PROCESAL CONSTITUCIONAL</h3>
                </a>
                <a href="#" class="">
                    <img src="images/progacad/diplomado_llallagua.jpg" alt="Diplomado Llallagua" class="h-[300px] mx-auto">
                    <h3 class="text-center text-tcp font-semibold py-4">DIPLOMADO EN DERECHO PROCESAL CONSTITUCIONAL Y ARGUMENTACIÓN JURÍDICA UNCÍA</h3>
                </a>
                <a href="#" class="">
                    <img src="images/progacad/diplomado_uncia.jpg" alt="Diplomado Uncia" class="h-[300px] mx-auto">
                    <h3 class="text-center text-tcp font-semibold py-4">DIPLOMADO EN DERECHO PROCESAL CONSTITUCIONAL Y ARGUMENTACIÓN JURÍDICA LLALLAGUA</h3>
                </a>
            </div>
        </div>

        <h3 class="text-tcp text-2xl font-bold py-5">Últimas Publicaciones</h3>
        <div class="section-container">
            <div class="grid grid-cols-3 gap-3">
                <a href="#" class="">
                    <img src="images/publicaciones/gaceta2018_1.jpg" alt="Diplomado Oruro" class="h-[300px] mx-auto">
                    <h3 class="text-center text-tcp font-semibold py-4">GACETA CONSTITUCIONAL PLURINACIONAL VERSION 2018</h3>
                </a>
                <a href="#" class="">
                    <img src="images/publicaciones/Constituciones1826-2009.jpg" alt="Diplomado Llallagua" class="h-[300px] mx-auto">
                    <h3 class="text-center text-tcp font-semibold py-4">LAS CONSTITUCIONES POLÍTICAS DE BOLIVIA 1826 - 2009</h3>
                </a>
                <a href="#" class="">
                    <img src="images/publicaciones/cartilla_consulta_autoridades.jpg" alt="Diplomado Uncia" class="h-[300px] mx-auto">
                    <h3 class="text-center text-tcp font-semibold py-4">CONSULTA DE AUTORIDADES INDÍGENA ORIGINARIO CAMPESINAS SOBRE LA APLICACIÓN DE SUS NORMAS JURÍDICAS A UN CASO CONCRETO</h3>
                </a>
            </div>
        </div>

        <h3 class="text-tcp text-2xl font-bold py-5">Videos de Cursos</h3>
        <div class="section-container">
            <div class="grid grid-cols-2 gap-3">
                <div>
                    <iframe class="w-full h-[300px] max-w-full border border-gray-200 rounded-lg dark:border-gray-700" src="https://www.youtube.com/embed/z43lADNK6MM?si=DAAt8iTRHfaQL7KL" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                    <h3 class="text-center text-tcp font-semibold py-4 uppercase">Ética Judicial e Interpretación Jurídica - Profesor Rodolfo Luis Vigo</h3>
                </div>
                <div>
                    <iframe class="w-full h-[300px] max-w-full border border-gray-200 rounded-lg dark:border-gray-700" src="https://www.youtube.com/embed/kzhTiCV3KIk?si=lpJGQx72f2u1IVMa" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                    <h3 class="text-center text-tcp font-semibold py-4 uppercase">Ejercicios de Ponderación en la Jurisprudencia Constitucional Colombiana</h3>
                </div>
            </div>
        </div>
@endsection