@extends('layout.main')

@section('title', __('strings.directory.directory'))

<!-- ======================================================= -->
@section('content')
<style>
    .row-photos {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .row-photos .photo {
        width: auto !important;
    }
    .row-photos .photo img {
        min-height: 338px;
    }
    @media screen and ( max-width: 720px ) {
        .row-photos {
            grid-template-columns: 1fr 1fr;
        }
    }
    @media screen and ( max-width: 480px ) {
        .row-photos {
            grid-template-columns: 1fr;
        }
    }
</style>
    <section id="article">


        {{-- <div class="main-photo" style="background-image: url('{{ asset('img/ficg_directorio.jpg') }}')">
            <img src="{{ asset('img/ficg_patrocinios.jpg') }}" alt="" style="max-height: 600px;">
        </div> --}}
        <div class="main-title">
            <h1>{{ __('strings.directory.directory') }}</h1>
            <h2>{{ __('strings.directory.committee') }}</h2>
        </div>
        <div class="main-content">
            <div class="blocks">
                <div class="block">
                    <h3>{{ __('strings.directory.udg') }}</h3>
                    <b>Dr. Ricardo Villanueva Lomelí</b><br>
                    {{ __('strings.directory.rector') }}<br>
                    <b>Dr. Héctor Raúl Solís Gadea</b><br>
                    {{ __('strings.directory.vicerector') }}<br>
                    <b>Mtro. Guillermo Arturo Gómez Mata</b><br>
                    {{ __('strings.directory.secgral') }}<br>
                </div>
                <div class="block">
                    <h3>{{ __('strings.directory.patron') }}</h3>
                    <b>Mtro. Guillermo Arturo Gómez Mata</b><br>
                    {{ __('strings.directory.president') }}<br>
                    <b>Universidad de Guadalajara</b> representada por el Lic. Ángel Igor Lozada Rivera Melo<br>
                    {{ __('strings.directory.secretary') }}<br>
                    <b>Mtro. Rodolfo Guzmán Salas</b><br>
                    {{ __('strings.directory.treasurer') }}<br><br>
                </div>
            </div>

            <h3 style="text-align: center;">{{ __('strings.directory.committee_ex') }}</h3>

            <div class="row-photos" style="display: flex; justify-content:center; align-items:center;">
                <div class="photo">
                    <img src="{{ asset('img/personal/mtro_guillermo.jpeg') }}" alt="">
                    <p>
                        <b>Mtro. Guillermo Arturo Gómez Mata</b>
                        {{ __('strings.directory.president') }}
                        {{-- <b>estrella.araiza@ficg.mx</b> --}}
                    </p>
                </div>
            </div>
            
            

            <div class="row-photos" style="display: flex; justify-content:center; align-items:center;">
                <div class="photo">
                    <img src="{{ asset('img/personal/Estrella_araiza.png') }}" alt="">
                    <p>
                        <b>Estrella Araiza</b>
                        {{ __('strings.directory.director') }}
                        <b>estrella.araiza@ficg.mx</b>
                    </p>
                </div>
            </div>

            {{-- <div class="row-photos">
                <div class="photo">
                    <img src="{{ asset('img/personal/Enrique_Aguilar.jpg') }}" alt="">
                    <p>
                        <b>Enrique Aguilar Espinoza</b>
                        {{ __('strings.directory.admin', ['last' => 'a']) }}
                        <b>enrique.aguilar@ficg.mx</b>
                    </p>
                </div>
                <div class="photo">
                    <img src="{{ asset('img/personal/luis_joel.jpeg') }}" alt="" style="filter: grayscale(1);">
                    <p>
                        <b>Luis Joel Torres Arreola</b>
                        {{ __('strings.directory.production') }}
                        <b>ljoel.torres@ficg.mx</b>
                    </p>
                </div>
                
                <div class="photo">
                    <img src="{{ asset('img/personal/Esmeralda_Vivas.png') }}" alt="">
                    <p>
                        <b>Esmeralda Vivas</b>
                        {{ __('strings.directory.special', ['last' => 'a']) }}
                        <b>esmeralda.vivas@ficg.mx</b>
                    </p>
                </div>
                <div class="photo">
                    <img src="{{ asset('img/personal/Pavel_cortes.png') }}" alt="">
                    <p>
                        <b>Pavel Cortés</b>
                        {{ __('strings.directory.special', ['last' => '']) }}
                        <b>pavel.cortes@ficg.mx</b>
                    </p>
                </div>
                <div class="photo">
                    <img src="{{ asset('img/personal/Rodolfo_Castillo.png') }}" alt="">
                    <p>
                        <b>Rodolfo Castillo Morales</b>
                        {{ __('strings.directory.special', ['last' => '']) }}
                        <b>fito.castillo@ficg.mx</b>
                    </p>
                </div>
                <div class="photo">
                    <img src="{{ asset('img/personal/Ximena_Urrutia.jpg') }}" alt="">
                    <p>
                        <b>Ximena Urrutia</b>
                        {{ __('strings.directory.market') }}
                        <b>ximena.urrutia@ficg.mx</b>
                    </p>
                </div>
                <div class="photo">
                    <img src="{{ asset('img/personal/Enrique_Flores.jpg') }}" alt="">
                    <p>
                        <b>Enrique Flores M.</b>
                        {{ __('strings.directory.publics') }}
                        <b>Enrique.flores@ficg.mx</b>
                    </p>
                </div>
                <div class="photo">
                    <img src="{{ asset('img/personal/Nora_Hernandez.jpeg') }}" alt="">
                    <p>
                        <b>Nora Hernández Garduño</b>
                        {{ __('strings.directory.events') }}
                        <b>nora.hernandez@ficg.mx</b>
                    </p>
                </div>
                <div class="photo">
                    <img src="{{ asset('img/personal/Roberta-Crowell.png') }}" alt="">
                    <p>
                        <b>Roberta Crowell</b>
                        {{ __('strings.directory.sponsors') }}
                        <b>roberta.crowell@ficg.mx</b>
                    </p>
                </div>
                <div class="photo">
                    <img src="{{ asset('img/personal/Wendy_Merino.jpg') }}" alt="">
                    <p>
                        <b>Wendy Merino</b>
                        {{ __('strings.directory.redcarpet') }}
                        <b>wendy.merino@ficg.mx</b>
                    </p>
                </div>
            </div> --}}
        </div>

    </section>

@endsection


<!-- ======================================================* -->

@push('styles')
    <link rel="stylesheet" href="{{ asset('css/article.min.css?v=36') }}">
@endpush

@push('scripts')
    <script>
        jQuery(function($) {

        });
    </script>
@endpush