@extends('template.fgeneral')
@section('metas')
    <meta name="description" content="Sistema de gestión de información para acreditación FIMPES">
    <meta name="keywords" content="Universidad,Hermosillo,Kino">
    <title>Universidad Kino - Sistema de gestión de información para acreditación FIMPES </title>
@endsection
@section('content')
    <div class="container-fluid p-0">
        <img src="/img/fimpes/fimpes.jpg" class="d-block w-100 animate pullDown" alt="...">
    </div>

    <div class="container text-center p-4">
        <div class="col-lg-12">
            <h3 class=" text-dark animate PullDown">
                Directorio
            </h3>
            <span>
             </span>
        </div>
        <hr/>
        <div class="row p-2">

            <div class="col-lg-1 col-xs-6">
                <a href="/fimpes" class=" btn btn-link p-3 mt-1 btn-block border-0">
                    Inicio </a>
            </div>
            <div class="col-lg-2 col-xs-6">
                <a href="Directorio" class=" btn btn-link p-3 mt-1 btn-block border-0">
                    Directorio</a>
            </div>

            <div class="col-lg-3 col-xs-6">
                <div class="dropdown">
                    <button class="btn btn-link btn-block dropdown-toggle p-3 mt-1 border-0" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Documentación
                    </button>
                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">

                        <div class="btn-group">
                            <button type="button" class="btn btn-link">Documentacion de Area 2 - Promoción</button>
                            <button type="button" class="btn btn-link border-left" data-toggle="modal" data-target="#myModal">
                                <i class="fas fa-file-import" ></i>
                            </button>
                        </div>
                        <div class="dropdown-divider"></div>

                        <div class="btn-group">
                            <button type="button" class="btn btn-link">Documentacion de Area 1 - Rectoria</button>
                            <button type="button" class="btn btn-link border-left" data-toggle="modal" data-target="#myModal" style="display:none;">
                                <i class="fas fa-file-import" ></i>
                            </button>
                        </div>

                        <div class="dropdown-divider"></div>

                        <div class="btn-group">
                            <button type="button" class="btn btn-link">Documentacion de Area 2 - Servicios Escolares</button>
                            <button type="button" class="btn btn-link" style="display: none;">
                                <i class="fas fa-file-import" data-toggle="modal" data-target="#myModal"></i>
                            </button>
                        </div>


                        <div class="dropdown-divider"></div>

                        <div class="btn-group">
                            <button type="button" class="btn btn-link">Documentacion de Area 3 - Promoción</button>
                            <button type="button" class="btn btn-link" style="display: none;">
                                <i class="fas fa-file-import" data-toggle="modal" data-target="#myModal"></i>
                            </button>
                        </div>


                        <div class="dropdown-divider"></div>

                        <div class="btn-group">
                            <button type="button" class="btn btn-link">Documentacion de Area 4 - Becas</button>
                            <button type="button" class="btn btn-link" style="display: none;">
                                <i class="fas fa-file-import" data-toggle="modal" data-target="#myModal"></i>
                            </button>
                        </div>


                        <div class="dropdown-divider"></div>
                        <div class="btn-group">
                            <button type="button" class="btn btn-link">Documentacion de Area 5 - Academico</button>
                            <button type="button" class="btn btn-link" style="display: none;">
                                <i class="fas fa-file-import" data-toggle="modal" data-target="#myModal"></i>
                            </button>
                        </div>

                        <div class="dropdown-divider"></div>
                        <div class="btn-group">
                            <button type="button" class="btn btn-link">Documentacion de Area 6 - Cultural</button>
                            <button type="button" class="btn btn-link" style="display: none;">
                                <i class="fas fa-file-import" data-toggle="modal" data-target="#myModal"></i>
                            </button>
                        </div>

                        <div class="dropdown-divider"></div>
                        <div class="btn-group">
                            <button type="button" class="btn btn-link">Documentacion de Area 7 - Sistemas</button>
                            <button type="button" class="btn btn-link" style="display: none;">
                                <i class="fas fa-file-import" data-toggle="modal" data-target="#myModal"></i>
                            </button>
                        </div>

                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-xs-6">
                <a href="#" class="btn btn-link p-3  mt-1 btn-block border-0">
                    Estructura</a>
            </div>

            <div class="col-lg-3 col-xs-6">
                <a href="Actividad" class=" btn btn-link p-3 mt-1 btn-block border-0">
                    Actividad</a>
            </div>


        </div>
        <hr/>

        <div class="row">
        <div class="col-lg-3 border-right p-4">
            <img src="/img/acerca/rector.png" alt="Mtro. José Rentería Torres Rector de Universidad Kino" style="border-radius: 8px; width: 200px;" class="shadow img-fluid">
        </div>
            <div class="col-lg-9 text-left p-4">
                <h1>Mtro. José Rentería Torres</h1>
                <h6 class="text-muted">- Rector de Universidad Kino</h6>
                Teléfono: (662) 2 59 08 08<br>
                Email: rectoria@unikino.edu.mx<br>
            </div>

        </div>
        <hr>
        <div class="row">
            <div class="col-lg-3 border-right p-4">
                <img src="https://vignette.wikia.nocookie.net/doblaje/images/8/8c/200px-Ruben_Arvizu.jpg/revision/latest/top-crop/width/360/height/450?cb=20090822012910&path-prefix=es" alt="Mtro. José Rentería Torres Rector de Universidad Kino" style="border-radius: 8px; width: 200px;" class="shadow img-fluid">
            </div>
            <div class="col-lg-9 text-left p-4">
                <h1>Ing. Jesus Ruben Ochoa Arvizu</h1>
                <h6 class="text-muted">- Jefe de Sistemas</h6>
                Teléfono: (662) 2 59 08 08<br>
                Email: jrochoa@unikino.edu.mx<br>
            </div>
            <hr>
        </div>
    </div>

    <!-- The Modal -->
    <div class="modal" id="myModal">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">

                <!-- Modal Header -->
                <div class="modal-header">
                    <h4 class="modal-title">Subir archivo</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>

                <!-- Modal body -->
                <div class="modal-body">
                    Seleccione un archivo: <input type="file" name="myFile"><br><br>

                </div>

                <!-- Modal footer -->
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
                    <input class="btn btn-info" type="submit">
                </div>

            </div>
        </div>
    </div>



    <!-- The Modal para Directorio -->
    <div class="modal" id="directorio">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">

                <!-- Modal Header -->
                <div class="modal-header">
                    <h4 class="modal-title">Subir archivo</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>

                <!-- Modal body -->
                <div class="modal-body">
                    Seleccione un archivo: <input type="file" name="myFile"><br><br>
                </div>

                <!-- Modal footer -->
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
                    <input class="btn btn-info" type="submit">
                </div>

            </div>
        </div>
    </div>

    <hr>
@endsection