@section ButtonOption {

    <button type="button" class="btn btn-default btn-sm" id="btnVolver" onclick="location.href =  '@string.Concat(Url.Action("Index", "Mantenimiento", null), ViewBag.QueryEncripted)'">
        <strong>&nbsp;<i class="fa fa-reply"></i>&nbsp;Volver al Módulo de Mantenimiento</strong>
    </button>
}

<input type="hidden" id="hiddenId" value="true">
<form id="formCatalogo" class="form-horizontal" role="form">
    <h3><i class="fa fa-briefcase"></i>&nbsp; Area Responsable</h3>
    <div class="panel panel-success">

        <div class="panel-body">
            <div class="row">
                <div class="col-md-8">
                    <table id="TableItems" class="display">
                        <thead>
                            <tr>
                                <th></th>
                                <th class="col-sm-1">ID</th>
                                <th class="col-sm-4">Descripción</th>
                                <th></th>
                            </tr>
                        </thead>
                    </table>
                    <div id="ucItemsIcon" style="display:none;">
                        <div class="text-[$state_color]">
                            <i class="fa [$icon] fa-2x"></i>
                        </div>
                    </div>
                    <div id="ucItemsCatalogo" style="display:none;">

                        <div class="btn-group">
                            <button type="button" class="btn btn-info dropdown-toggle btn-xs" data-toggle="dropdown">
                                <i class="fa fa-wrench"></i> &nbsp;Opciones <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="javascript: EditarItem([$CodItem]);"><i class="fa fa-wrench"></i>&nbsp;Editar</a></li>
                                <li><a href="javascript: toggleEnabledItem([$CodItem],[$value]);"><i class="fa [$icon]"></i>&nbsp;[$opcion]</a></li>
                            </ul>
                        </div>

                    </div>
                </div>

                <div class="col-md-4">
                    <div class="panel panel-success">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <i class="fa fa-bars"></i>&nbsp;&nbsp;<label id="lbTituloAccion">Ingresar Nueva Area Responsable</label>
                            </h4>
                        </div>
                        <div class="panel-body">

                            @*Descripción*@
                            @UltimusHelper.TextArea("Descripcion", "Descripción", false, "8", "5")

                            <div class="form-group">
                                <label class="col-md-4"></label>
                                <div class="col-md-4 ">
                                    @UltimusHelper.Button("Limpiar", "btn btn-default btn-sm pull-right", "fa fa-eraser", "Limpiar", false)
                                </div>
                                <div class="col-md-4 ">
                                    @UltimusHelper.Button("Insertar", "btn btn-default btn-sm pull-right", "fa fa-upload", "Insertar", false)
                                    @UltimusHelper.Button("Guardar", "btn btn-default btn-sm pull-right", "fa fa-floppy-o", "Guardar", false)
                                </div>

                            </div>

                        </div>

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

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

@section scripts{

    @Scripts.Render("~/Scripts/Ultimus-AreaResponsable")

}