@extends('layouts.master')

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

@section('content')
    <h2 class="font-bold text-3xl text-tcp py-4 inline-flex">
        <svg class="w-9 h-9 mr-3 text-tcp" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16.153 19 21 12l-4.847-7H3l4.848 7L3 19h13.153Z"/>
        </svg>
        AUTORIDADES
    </h2>
    <div class="section-autoridades flex justify-center">
        <div class="grid grid-cols-1 text-center">
            <div class="max-w-sm bg-gray-50 border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
                <a href="#">
                    <img class="rounded-t-lg" src="images/FOTO_OFICIAL.jpg" alt="PRESIDENTE TCP" />
                </a>
                <div class="p-5">
                    <a href="#">
                        <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Gonzalo Miguel Hurtado Zamorano</h5>
                    </a>
                    <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Presidente <br />TRIBUNAL CONSTITUCIONAL PLURINACIONAL</p>
                    {{-- <a href="#" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
                        Read more
                        <svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
                        </svg>
                    </a> --}}
                </div>
            </div>

            <div class="max-w-sm bg-gray-50 border mt-10 border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
                <a href="#">
                    <img class="rounded-t-lg mx-auto" src="/docs/images/blog/image-1.jpg" alt="" />
                </a>
                <div class="p-5">
                    <a href="#">
                        <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Gonzalo Miguel Hurtado Zamorano</h5>
                    </a>
                    <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Magistrado Director <br />ACADEMIA PLURINACIONAL DE ESTUDIOS CONSTITUCIONALES</p>
                    {{-- <a href="#" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
                        Read more
                        <svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
                        </svg>
                    </a> --}}
                </div>
            </div>

            <div class="max-w-sm bg-gray-50 border mt-10 border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
                <a href="#">
                    <img class="rounded-t-lg mx-auto" src="images/gery_rojas.jpeg" alt="Gery Rojas" />
                </a>
                <div class="p-5">
                    <a href="#">
                        <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Gery Rojas Antezana</h5>
                    </a>
                    <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Director <br />ACADEMIA PLURINACIONAL DE ESTUDIOS CONSTITUCIONALES</p>
                    {{-- <a href="#" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
                        Read more
                        <svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
                        </svg>
                    </a> --}}
                </div>
            </div>
        </div>

    </div>
    <div class="section-autoridadesacad flex justify-center">
        <div class="grid grid-cols-2 gap-4 text-center">
            <div class="max-w-sm bg-gray-50 border mt-10 border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
                <a href="#">
                    <img class="rounded-t-lg mx-auto" src="images/humerez.jpg" alt="Rosario Humerez" />
                </a>
                <div class="p-5">
                    <a href="#">
                        <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Maria del Rosario Humerez Barja</h5>
                    </a>
                    <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Jefa de Investigación <br />ACADEMIA PLURINACIONAL DE ESTUDIOS CONSTITUCIONALES</p>
                    {{-- <a href="#" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
                        Read more
                        <svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
                        </svg>
                    </a> --}}
                </div>
            </div>

            <div class="max-w-sm bg-gray-50 border mt-10 border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
                <a href="#">
                    <img class="rounded-t-lg mx-auto" src="images/pacheco.jpg" alt="Fernando Pacheco" />
                </a>
                <div class="p-5">
                    <a href="#">
                        <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Fernando Pacheco Edmundo Carvajal</h5>
                    </a>
                    <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Jefe de Gestion Académica <br />ACADEMIA PLURINACIONAL DE ESTUDIOS CONSTITUCIONALES</p>
                    {{-- <a href="#" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
                        Read more
                        <svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
                        </svg>
                    </a> --}}
                </div>
            </div>
        </div>
    </div>
@endsection