@model PruebaAzureAD.Models.PersonaViewModel

@{
    List<EstadoViewModel> estados = ViewBag.Estados;
    List<TipoIdentificacionViewModel> tipos = ViewBag.Tipos;
    List<PaisViewModel> paises = ViewBag.Paises;
    List<EstadoCivilViewModel> estadosCiviles = ViewBag.EstadosCiviles;
    //List<ProvinciaViewModel> provincias = ViewBag.Provincias;
    //List<CantonViewModel> cantones = ViewBag.Cantones;
    //List<DistritoViewModel> distritos = ViewBag.Distritos;
    List<UniversidadViewModel> universidades = ViewBag.Universidades;
    List<GradoAcademicoViewModel> gradosAcademicos = ViewBag.GradosAcademicos;
    List<EmpresaViewModel> empresas = ViewBag.Empresas;
    List<PuestoViewModel> puestos = ViewBag.Puestos;
    List<TipoNombramientoViewModel> nombramientos = ViewBag.TipoNombramiento;
}

<div class="wrapper">
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0">Empleados</h1>
                    </div><!-- /.col -->
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-right">
                            <li class="breadcrumb-item"><a href="#">Home</a></li>
                            <li class="breadcrumb-item active">Agregar Empleado</li>
                        </ol>
                    </div>
                </div>
            </div><!-- /.container-fluid -->
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="container-fluid">
                <!-- SELECT2 EXAMPLE -->
                <div class="card card-default">
                    <div class="card-body">
                        <h5>PERSONA</h5>
                        <form method="post">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="idTipoIdentificacion">Tipo de Identificación</label>
                                        <select asp-for="IdTipoIdentificacion" class="custom-select">
                                            <option>-- SELECCIONE --</option>
                                            @foreach (var item in tipos)
                                            {
                                                <option value="@item.IdTipoIdentificacion">@item.Descripcion</option>
                                            }
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label for="Identificacion">Nº Identificación</label>
                                        <input asp-for="NoIdentificacion" type="text" class="form-control" id="Identificacion" placeholder="Ingrese la Identificación" />
                                    </div>
                                    <div class="form-group">
                                        <label for="Nombre">Nombre</label>
                                        <input asp-for="Nombre" type="text" class="form-control" id="Nombre" placeholder="Ingrese el Nombre" />
                                    </div>
                                    <div class="form-group">
                                        <label for="PrimerApellido">Primer Apellido</label>
                                        <input asp-for="PrimerApellido" type="text" class="form-control" id="PrimerApellido" placeholder="Ingrese el Primer Apellido" />
                                    </div>
                                    <div class="form-group">
                                        <label for="SegundoApelldio">Segundo Apellido</label>
                                        <input asp-for="SegundoApellido" type="text" class="form-control" id="SegundoApelldio" placeholder="Ingrese el Segundo Apelldio" />
                                    </div>
                                    <div class="form-group">
                                        <label for="FechaNacimiento">Fecha de Nacimiento</label>
                                        <input asp-for="FechaNacimiento" id="FechaNacimiento" class="form-control" type="date" />
                                    </div>
                                    <div class="form-group">
                                        <label for="Nacionalidad">País Nacionalidad</label>
                                        <select asp-for="IdPaisNacionalidad" class="custom-select">
                                            <option>-- SELECCIONE --</option>
                                            @foreach (var item in paises)
                                            {
                                                <option value="@item.IdPais">@item.Descripcion</option>
                                            }
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label for="EstadoCivil">Estado Civil</label>
                                        <select asp-for="IdEstadoCivil" class="custom-select">
                                            <option>-- SELECCIONE --</option>
                                            @foreach (var item in estadosCiviles)
                                            {
                                                <option value="@item.IdEstadoCivil">@item.Descripcion</option>
                                            }
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label for="Direccion">Dirección Exacta</label>
                                        <textarea asp-for="Direccion" id="Direccion" class="form-control" placeholder="Ingrese la Dirección" style="resize:none"></textarea>
                                    </div>
                                    <div class="form-group">
                                        <label for="Correo">Correo</label>
                                        <input asp-for="Correo" type="text" class="form-control" id="Correo" placeholder="Ingrese el Correo" />
                                    </div>
                                    <div class="form-group">
                                        <label for="IdUniversidad">Universidad</label>
                                        <select asp-for="IdUniversidad" class="custom-select">
                                            <option>-- SELECCIONE --</option>
                                            @foreach (var item in universidades)
                                            {
                                                <option value="@item.IdUniversidad">@item.Descripcion</option>
                                            }
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label for="IdGradoAcademico">Grado Academico</label>
                                        <select asp-for="IdGradoAcademico" class="custom-select">
                                            <option>-- SELECCIONE --</option>
                                            @foreach (var item in gradosAcademicos)
                                            {
                                                <option value="@item.IdGradoAcademico">@item.Descripcion</option>
                                            }
                                        </select>
                                    </div>
                                </div>
                                <!-- /.col -->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="Titulo">Titulo</label>
                                        <input asp-for="Titulo" type="text" class="form-control" id="Titulo" placeholder="Ingrese el Titulo" />
                                    </div>
                                    <div class="form-group">
                                        <label for="IdEmpresa">Empresa</label>
                                        <select asp-for="IdEmpresa" class="custom-select">
                                            <option>-- SELECCIONE --</option>
                                            @foreach (var item in empresas)
                                            {
                                                <option value="@item.IdEmpresa">@item.Nombre</option>
                                            }
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label for="IdPuesto">Puesto</label>
                                        <select asp-for="IdPuesto" class="custom-select">
                                            <option>-- SELECCIONE --</option>
                                            @foreach (var item in puestos)
                                            {
                                                <option value="@item.IdPuesto">@item.Descripcion</option>
                                            }
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label for="IdTipoNombramiento">Tipo Nombramiento</label>
                                        <select asp-for="IdTipoNombramiento" class="custom-select">
                                            <option>-- SELECCIONE --</option>
                                            @foreach (var item in nombramientos)
                                            {
                                                <option value="@item.IdTipoNombramiento">@item.Descripcion</option>
                                            }
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label for="FechaIngreso">Fecha de Ingreso</label>
                                        <input asp-for="FechaIngreso" id="FechaIngreso" class="form-control" type="date" />
                                    </div>
                                    <div class="form-group">
                                        <label for="FechaAscenso">Fecha de Ascenso</label>
                                        <input asp-for="FechaAscenso" id="FechaAscenso" class="form-control" type="date" />
                                    </div>
                                    <div class="form-group">
                                        <label for="FechaSalida">Fecha de Salida</label>
                                        <input asp-for="FechaSalida" id="FechaSalida" class="form-control" type="date" />
                                    </div>
                                    <div class="form-group">
                                        <label for="SalarioBruto">Salario Bruto</label>
                                        <input asp-for="SalarioBruto" type="text" class="form-control" id="SalarioBruto" placeholder="Ingrese el Salario Bruto" />
                                    </div>
                                    <div class="form-group">
                                        <label for="TelefonoPrincipal">Telefono Principal</label>
                                        <input asp-for="TelefonoPrincipal" type="text" class="form-control" id="TelefonoPrincipal" placeholder="Ingrese el Telefono Principal" />
                                    </div>
                                    <div class="form-group">
                                        <label for="TelefonoSecundario">Telefono Secundario</label>
                                        <input asp-for="TelefonoSecundario" type="text" class="form-control" id="TelefonoSecundario" placeholder="Ingrese el Telefono Secundario" />
                                    </div>
                                    <div class="form-group">
                                        <label for="IdEstado">Estado</label>
                                        <select asp-for="IdEstado" class="custom-select">
                                            <option>-- SELECCIONE --</option>
                                            @foreach (var item in estados)
                                            {
                                                <option value="@item.IdEstado">@item.Descripcion</option>
                                            }
                                        </select>
                                    </div>
                                    <!-- /.form-group -->
                                </div>
                                <!-- /.col -->
                            </div>
                            <!-- /.row -->

                            <div class="row">
                                <div class="col-12 col-sm-6">
                                    <!-- /.form-group -->
                                </div>
                                <!-- /.col -->
                                <div class="col-12 col-sm-6">
                                    <!-- /.form-group -->
                                </div>
                                <!-- /.col -->
                            </div>
                            <button type="submit" class="btn btn-success" asp-action="Agregar">Guardar</button>
                        </form>
                        <!-- /.row -->
                    </div>
                    <!-- /.card-body -->
                </div>
                <!-- /.card -->
            </div>
            <!-- /.container-fluid -->
        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->
</div>
<!-- ./wrapper -->