@{
    ViewData["Title"] = "Home Page";
}

<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Starter Page</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#">Home</a></li>
                        <li class="breadcrumb-item active">Starter Page</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->
    <!-- Main content -->
    <div class="content">
        <div class="container-fluid">
            <div class="row">
                <!-- /.col-md-6 -->
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Empleados</h3>
                        </div>
                        <!-- /.card-header -->
                        <div class="card-body">
                            <div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
                                <div class="row">

                                    <a class="btn btn-sm btn-success float-left" asp-action="Agregar"><i class="fas fa-plus"></i> Agregar Empleado</a>

                                    <div class="col-sm-12">                                          
                                        <table id="example1" class="table table-bordered table-striped dataTable dtr-inline" aria-describedby="example1_info">                  
                                            <thead>
                                                <tr>
                                                    @*  <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1">IdPersona</th>
                                                        <th class="sorting sorting_desc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" aria-sort="descending">IdTipoIdentificacion</th>*@
                                                    <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1">NoIdentificacion</th>
                                                    <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1">Nombre</th>
                                                    <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1">PrimerApellido</th>
                                                    <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1">SegundoApellido</th>
                                                    <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1">FechaNacimiento</th>
                                                    @* <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1">IdPaisNacionalidad</th>
                                                        <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1">IdEstadoCivil</th>
                                                        <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1">IdEstado</th>*@
                                                    <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1">Acciones</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach (var funcionario in Model)
                                                {
                                                    <tr class="odd">
                                                        @*<td class="dtr-control" tabindex="0">@funcionario.IdPersona</td>
                                                          <td class="sorting_1">@funcionario.IdTipoIdentificacion</td>*@
                                                        <td class="">@funcionario.NoIdentificacion</td>
                                                        <td class="">@funcionario.Nombre</td>
                                                        <td class="">@funcionario.PrimerApellido</td>
                                                        <td class="">@funcionario.SegundoApellido</td>
                                                        <td class="">@funcionario.FechaNacimiento</td>
                                                        @*<td class="">@funcionario.IdPaisNacionalidad</td>
                                                            <td class="">@funcionario.IdEstadoCivil</td>
                                                            <td class="">@funcionario.IdEstado</td>*@
                                                        <td>
                                                            <a class="btn btn-sm bg-danger">
                                                                <i class="fas fa-trash"></i>
                                                            </a>
                                                            <a class="btn btn-sm bg-info">
                                                                <i class="fas fa-pen"></i>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                }
                                            </tbody>
                                            <tfoot>
                                                <tr>
                                                    @*<th rowspan="1" colspan="1">IdPersona</th>
                                                        <th rowspan="1" colspan="1">IdTipoIdentificacion</th>*@
                                                    <th rowspan="1" colspan="1">NoIdentificacion</th>
                                                    <th rowspan="1" colspan="1">Nombre</th>
                                                    <th rowspan="1" colspan="1">PrimerApellido</th>
                                                    <th rowspan="1" colspan="1">SegundoApellido</th>
                                                    <th rowspan="1" colspan="1">FechaNacimiento</th>
                                                    @*<th rowspan="1" colspan="1">IdPaisNacionalidad</th>
                                                        <th rowspan="1" colspan="1">IdEstadoCivil</th>
                                                        <th rowspan="1" colspan="1">IdEstado</th>*@
                                                    <th rowspan="1" colspan="1">Acciones</th>
                                                </tr>
                                            </tfoot>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- /.card-body -->
                    </div>
                </div>
                <!-- /.col-md-6 -->
            </div>
            <!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content -->
</div>
<!-- /.content-wrapper -->