@extends('template.general')
@section('metas')
<meta name="description" content="Promover y potenciar sus habilidades y capacidades personales en beneficio de una formación integral">
<meta name="keywords" content="Academias,Arte,Cultura,Deporte,Universidad,Hermosillo,Kino">
<title>Universidad Kino - Academias - Arte, Cultura y Deporte </title>
@endsection
@section('content')
<form method="post" action="./Inscripciones">
    @csrf

    <div class="container-fluid p-0">
        <img src="/img/cik/cik_top.jpg" class="d-block w-100 animate stretchRight" alt="...">
    </div>
    <div class="container text-center p-4">
        <div class="col-lg-12">
            <h3 class=" text-dark animate stretchRight">
                Academias <span class="font-weight-light">- Arte, Cultura y Deporte -</span>
            </h3>

            <span>
                Nuestro objetivo es brindar un servicio permanente de formación integral a los estudiantes de Universidad Kino para
                Promover y potenciar sus habilidades y capacidades personales en beneficio de una formación integral.
            </span>
        </div>
    </div>
    @if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
    @endif

    <div class="container-fluid bg-light">
        <div class="container pt-4">
            <div class="row">

                <div class="col-lg-4 mt-2">
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="matricula">Matricula</span>
                        </div>
                        <input type="text" class="form-control" id="basic-url" aria-describedby="matricula" name="matricula" value="{{old('matricula')}}">
                    </div>

                </div>
                <div class="col-lg-4 mt-2">
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="apellido">Apellido(s)</span>
                        </div>
                        <input type="text" class="form-control" id="basic-url" aria-describedby="apellido" name="apellido" value="{{old('apellido')}}">
                    </div>
                </div>
                <div class="col-lg-4 mt-2">
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="nombre">Nombre(s)</span>
                        </div>
                        <input type="text" class="form-control" id="basic-url" aria-describedby="nombre" name="nombre" value="{{old('nombre')}}">
                    </div>
                </div>


            </div>


            <div class="row mt-2">
                <div class="col-lg-4 mt-2">
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="email">Correo Electrónico</span>
                        </div>
                        <input type="email" class="form-control" id="basic-url" aria-describedby="email" name="email" value="{{old('email')}}">
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="input-group mt-2">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="celular">Celular</span>
                        </div>
                        <input type="text" class="form-control" id="basic-url" aria-describedby="celular" name="celular" value="{{old('celular')}}">
                    </div>
                </div>

                <div class="col-lg-4 mt-2">
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="semestre">Semestre</span>
                        </div>
                        <input type="number" class="form-control" id="basic-url" aria-describedby="semestre" name="semestre" value="{{old('semestre')}}">
                    </div>
                </div>

                <div class="col-lg-12 mt-3">
                    <div class="btn-group" role="group" aria-label="Basic example">
                        <button type="button" class="btn btn-success" onclick="validabec(0)"><input type="checkbox" id="bec" name="bec" onchange="validabec(0)">Becado</button>
                        <button type="button" class="btn btn-danger" onclick="validabec(1)"><input type="checkbox" id="nb" name="nb" onchange="validabec(1)">No Becado</button>
                    </div>
                </div>


            </div>

            <div class="row pt-2">
                <div class="col-lg-4 mt-2">
                    <div class="dropdown">
                        Modallidad
                        <button class="btn btn-secondary dropdown-toggle btn-block" type="button" id="dropModalidad" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            [Selecione Modalidad]
                        </button>
                        <input type="hidden" name="modalidad" id="modalidad" value="{{old('modalidad')}}">
                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                            <a class="dropdown-item modalidad" onclick="cambiaModalidad('Ejecutiva')">Ejeutiva</a>
                            <a class="dropdown-item modalidad" onclick="cambiaModalidad('Escolarizada')">Escolarizada</a>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 mt-2">
                    <div class="dropdown">
                        Sección
                        <button class="btn btn-secondary dropdown-toggle btn-block" type="button" id="dropSeccion" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            [Selecione Sección]
                        </button>


                        <input type="hidden" name="seccion" id="seccion" value="{{old('seccion')}}">
                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                            <a class="dropdown-item modalidad" onclick="cambiaSecion('Licenciatura en Contador Público')"> Licenciatura en Contador Público</a>
                            <a class="dropdown-item modalidad" onclick="cambiaSecion('Licenciatura en Administración de Empresas')"> Licenciatura en Administración de Empresas</a>
                            <a class="dropdown-item modalidad" onclick="cambiaSecion('Licenciatura en Ciencias de la Educación')"> Licenciatura en Ciencias de la Educación</a>
                            <a class="dropdown-item modalidad" onclick="cambiaSecion('Licenciatura en Comercio Internacional')"> Licenciatura en Comercio Internacional</a>
                            <a class="dropdown-item modalidad" onclick="cambiaSecion('Ingeniería en Sistemas Computacionales')"> Ingeniería en Sistemas Computacionales</a>
                            <a class="dropdown-item modalidad" onclick="cambiaSecion('Ingeniería en Sistemas Hidráulicos')"> Ingeniería en Sistemas Hidráulicos</a>
                            <a class="dropdown-item modalidad" onclick="cambiaSecion('Ingeniería en Mecatrónica')"> Ingeniería en Mecatrónica</a>
                            <a class="dropdown-item modalidad" onclick="cambiaSecion('Licenciatura en Psicología')"> Licenciatura en Psicología</a>
                            <a class="dropdown-item modalidad" onclick="cambiaSecion('Ingeniería Industrial en Calidad')"> Ingeniería Industrial en Calidad</a>
                            <a class="dropdown-item modalidad" onclick="cambiaSecion('Ingeniería en Diseño Gráfico Digital')"> Ingeniería en Diseño Gráfico Digital</a>
                            <a class="dropdown-item modalidad" onclick="cambiaSecion('Ingeniería en Negocios')"> Ingeniería en Negocios</a>
                            <a class="dropdown-item modalidad" onclick="cambiaSecion('Licenciatura en Derecho')"> Licenciatura en Derecho</a>
                            <a class="dropdown-item modalidad" onclick="cambiaSecion('Licienciatura en Puericultura y Desarrollo Infantil')"> Licienciatura en Puericultura y Desarrollo Infantil</a>
                            <a class="dropdown-item modalidad" onclick="cambiaSecion('Licenciatura en Periodismo y Comunicación Social')"> Licenciatura en Periodismo y Comunicación Social</a>
                            <a class="dropdown-item modalidad" onclick="cambiaSecion('Licenciatura en Nutrición')"> Licenciatura en Nutrición</a>
                            <a class="dropdown-item modalidad" onclick="cambiaSecion('Licenciatura en Enfermería')"> Licenciatura en Enfermería</a>
                            <a class="dropdown-item modalidad" onclick="cambiaSecion('Maestría en Desarrollo Humano y Organizacional')"> Maestría en Desarrollo Humano y Organizacional</a>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 mt-2">
                    <div class="dropdown">
                        Extracurricular
                        <button class="btn btn-secondary dropdown-toggle btn-block" type="button" id="dropExtra" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            [Selecione Extracurricular]
                        </button>

                        <input type="hidden" name="extracurricular" id="extracurricular" value="{{old('extracurricular')}}">
                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                            @foreach($para as $row)
                                @if($row['espacio']==1)
                                    <a class="dropdown-item modalidad" onclick="cambiaExtracurricular('{{$row['clase']}}')">{{$row['clase']}}</a>
                                @endif
                            @endforeach

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

                <div class="col-lg-12 pt-4 pb-4">
                <button class="btn-lg btn-success form-control btn-block">Enviar</button>
                </div>


            </div>

        </div> <!-- container principal -->
    </div> <!-- container - fluid principal -->

</form>
<script>
    function cambiaModalidad(valor) {
        $("#modalidad").val(valor);
        $("#dropModalidad").text(valor);
    }

    function cambiaSecion(valor) {
        $("#seccion").val(valor);
        $("#dropSeccion").text(valor);
    }

    function cambiaExtracurricular(valor) {
        $("#extracurricular").val(valor);
        $("#dropExtra").text(valor);
    }

    function validabec(i) {
        if (i == 0) {
            $("#bec").prop("checked", true);
            $("#nb").prop("checked", false);
        } else {
            $("#bec").prop("checked", false);
            $("#nb").prop("checked", true);
        }
    }
    $(document).ready(function() {

        $("#dropModalidad").text('{{old('modalidad')==""?' [Seleccione Modalidad]':old('modalidad')}}');
        $("#dropSeccion").text('{{old('seccion')==""?' [Seleccione Seccion]':old('seccion')}}');
        $("#dropExtra").text('{{old('extracurricular')==""?' [Seleccione Extracurricular]':old('extracurricular')}}');

        {!!old("bec") == "on" ? "$('#bec').attr('checked','checked');" : ''!!}
        {!!old("nb") == "on" ? "$('#nb').attr('checked','checked');" : ''!!}

    });
</script>

@endsection