@{
    Layout = "~/Views/Shared/_Layout.cshtml";
    ViewBag.Title = "Oficialia de Partes";
}
<script>
    var idUsuario = @ViewBag.idUsuario;
    var idSala = @ViewBag.idSala;
    var idNumExp =@ViewBag.idNumExp;
    var token="@ViewBag.token";
</script>
<style>
    .table-wrapper-scroll-y {
        display: block;
        max-height: 100px;
        overflow-y: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    input[type=checkbox] {
        position: relative;
        cursor: pointer;
    }

        input[type=checkbox]:before {
            content: "";
            display: block;
            position: absolute;
            width: 26px;
            height: 26px;
            top: 0;
            left: 0;
            border: 2px solid #26B99A;
            border-radius: 3px;
            background-color: white;
        }

        input[type=checkbox]:checked:after {
            content: "";
            display: block;
            width: 8px;
            height: 18px;
            border: solid black;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            position: absolute;
            top: 2px;
            left: 8px;
        }
</style>
<div class="row" ng-controller="OficialiaController as vm">
    <div class="" ng-init="vm.IniciarExpediente();">
        <div class="page-title">
            <div class="title_left">
                <h3>Nuevo Expediente/Demanda</h3>
            </div>
            <div class="title_right">
                <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
                    <h2></h2>
                    <ul class="nav navbar-right panel_toolbox"></ul>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                @*Div Actores*@
                <div class="x_panel">
                    <div class="x_title">
                        <h2>Actor(es)<small></small></h2>
                        <ul class="nav navbar-right panel_toolbox"></ul>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <br />
                        <form id="demo-form2" data-parsley-validate class="form-horizontal form-label-left" ng-submit="">
                            <div class="form-group">
                                <label class="control-label col-md-2 col-sm-2 col-xs-12" for="first-name">
                                    Nombre <span class="required">*</span>
                                </label>
                                <div class="col-md-3 col-sm-3 col-xs-12">
                                    <input type="text" placeholder="Nombre o Razón Social" required="required" maxlength="100" ng-model="vm.Actor.Nombre" class="form-control col-md-7 col-xs-12">
                                </div>
                                @*<label class="control-label col-md-1 col-sm-1 col-xs-12" for="first-name">
                                        Apellido Paterno <span class="required">*</span>
                                    </label>*@
                                <div class="col-md-3 col-sm-3 col-xs-12">
                                    <input type="text" placeholder="Apellido Paterno" id="ApPaterno" maxlength="100" ng-model="vm.Actor.ApellidoPaterno" class="form-control col-md-7 col-xs-12">
                                </div>
                                @*<label class="control-label col-md-1 col-sm-1 col-xs-12" for="first-name">
                                        Apellido Materno <span class="required">*</span>
                                    </label>*@
                                <div class="col-md-3 col-sm-3 col-xs-12">
                                    <input type="text" placeholder="Apellido Materno" maxlength="100" ng-model="vm.Actor.ApellidoMaterno" class="form-control col-md-7 col-xs-12">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-2 col-sm-2 col-xs-12" for="first-name">
                                    Persona <span class="required">*</span>
                                </label>
                                <div class="col-md-3 col-sm-3 col-xs-12">
                                    <select class="select2_single form-control" ng-model="vm.Actor.IdTipoPersona" required="required">
                                        <option ng-repeat="t in vm.TipoPersona" value={{t.IdTipoPersona}}>{{t.Descripcion}}</option>
                                        @*<option>Física</option>
                                            <option>Moral</option>*@
                                    </select>
                                </div>
                                <div class="col-md-3 col-sm-3 col-xs-12">
                                    <button type="button" class="btn btn-success" ng-click="vm.AgregarActor();">Agregar</button>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-1 col-sm-1 col-xs-12">&nbsp;</div>
                                <div class="col-md-10 col-sm-10 col-xs-12">
                                    <table class="table table-bordered table-hover table-wrapper-scroll-y" ng-hide="vm.Actores.length<1">
                                        <thead>
                                            <tr>
                                                <th style="visibility:hidden">id</th>
                                                <th style="width:45%">Nombre/Razón social</th>
                                                <th style="width:20%">Apellido Paterno</th>
                                                <th style="width:20%">Apellido Materno</th>
                                                <th style="width:10%">Persona</th>
                                                <th style="width:5%"></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr ng-repeat="a in vm.Actores">
                                                <td style="visibility:hidden">{{a.Id + 1}}</td>
                                                <td>{{a.Nombre}}</td>
                                                <td>{{a.ApellidoPaterno}}</td>
                                                <td>{{a.ApellidoMaterno}}</td>
                                                <td>{{a.TipoP}}</td>
                                                <td><i ng-click="vm.EliminarActor($index);" class="fa fa-trash " style="color:red;"></i></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="col-md-1 col-sm-1 col-xs-12"></div>
                            </div>

                            <div class="ln_solid"></div>



                        </form>
                    </div>
                </div>
                @*Fin Div Actores*@
                @*Div Autoridades*@
                <div class="x_panel">
                    <div class="x_title">
                        <h2>Autoridad(es) demandada(s)<small></small></h2>
                        <ul class="nav navbar-right panel_toolbox"></ul>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <br />
                        <form id="demo-form2" data-parsley-validate class="form-horizontal form-label-left" ng-submit="vm.GuardarExpediente()">
                            <div class="form-group">
                                <label class="control-label col-md-2 col-sm-2 col-xs-12" for="first-name">
                                    Administración pública<span class="required">*</span>
                                </label>
                                <div class="col-md-8 col-sm-8 col-xs-12">
                                    <select class="select2_single form-control" ng-change="vm.BuscarDependencia()" ng-model="vm.Administracion" required="required">
                                        <option ng-repeat="a in vm.Administraciones" value={{a.Id}}>{{a.Descripcion}}</option>

                                    </select>
                                </div>
                                <div class="col-md-1 col-sm-1 col-xs-12">
                                    <button type="button" class="btn btn-success" ng-click="vm.AgregarCatalogo(1)"><span class="fa fa-plus"></span></button>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-1 col-sm-1 col-xs-12" for="first-name">
                                    Dependencia<span class="required">*</span>
                                </label>
                                <div class="col-md-3 col-sm-3 col-xs-12">
                                    @*<select class="select2_single form-control" ng-change="vm.BuscarAutoridades()" ng-model="vm.Dependencia" required="required" ng-disabled="vm.Administracion==null">
                                            <option ng-repeat="d in vm.Dependencias" value={{d.Id}}>{{d.Descripcion}}</option>
                                        </select>*@
                                    <input type="text" ng-disabled="vm.Administracion==null"
                                           ng-model="vm.Dependencia"
                                           uib-typeahead="d as d.Descripcion for d in vm.BuscarDependenciaStr($viewValue)"
                                           typeahead-loading="vm.buscandoUsuarios"
                                           typeahead-no-results="vm.noHayUsuarios"
                                           typeahead-min-length="3"
                                           typeahead-on-select="vm.BuscarAutoridades()"
                                           class="form-control" />
                                    <div ng-if="vm.buscandoUsuarios">
                                        <i class="glyphicon glyphicon-hourglass"></i>
                                        Buscando...
                                    </div>
                                    <div class="alert alert-warning" ng-if="vm.noHayUsuarios">
                                        <i class="glyphicon-warning-sign glyphicon"></i>
                                        No se encontraron resultados
                                    </div>
                                </div>
                                <div class="col-md-1 col-sm-1 col-xs-12">
                                    <button type="button" class="btn btn-success" ng-click="vm.AgregarCatalogo(2)" ng-disabled="vm.Administracion==null"><span class="fa fa-plus"></span></button>
                                </div>
                                <label class="control-label col-md-1 col-sm-1 col-xs-12" for="first-name">
                                    Autoridad<span class="required">*</span>
                                </label>
                                <div class="col-md-3 col-sm-3 col-xs-12">
                                    <select class="select2_single form-control" ng-model="vm.Autoridad.Id" required="required" ng-disabled="vm.Dependencia.Id==null">
                                        <option ng-repeat="a in vm.AutoridadCombo" value={{a.Id}}>{{a.Descripcion}}</option>
                                    </select>
                                </div>
                                <div class="col-md-1 col-sm-1 col-xs-12">
                                    <button type="button" class="btn btn-success" ng-click="vm.AgregarCatalogo(3)" ng-disabled="vm.Dependencia.Id==null"><span class="fa fa-plus"></span></button>
                                </div>
                                <div class="col-md-2 col-sm-2 col-xs-12">
                                    <button type="button" ng-click="vm.AgregarAutoridad();" class="btn btn-success">Agregar</button>
                                </div>

                            </div>
                            <div class="form-group">
                                <div class="col-md-1 col-sm-1 col-xs-12">&nbsp;</div>
                                <div class="col-md-10 col-sm-10 col-xs-12">
                                    <table class="table table-bordered table-hover table-wrapper-scroll-y" ng-hide="vm.AutoridadSelect.length<1">
                                        <thead>
                                            <tr>
                                                <th style="visibility:hidden">id</th>
                                                <th style="width:48%">Dependencia</th>
                                                <th style="width:48%">Autoridad</th>
                                                <th style="width:4%;"></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr ng-repeat="a in vm.AutoridadSelect">
                                                <td style="visibility:hidden">{{a.Id + 1}}</td>
                                                <td>{{a.Dependencia}}</td>
                                                <td>{{a.Nombre}}</td>
                                                <td><i ng-click="vm.EliminarAutoridad($index);" class="fa fa-trash " style="color:red;"></i></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="col-md-1 col-sm-1 col-xs-12"></div>
                            </div>

                            <div class="ln_solid"></div>
                            <div class="form-group" ng-hide="vm.AutoridadSelect.length<1">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">
                                    Activar para más de una autoridad
                                </label>
                                <div class="col-md-1 col-sm-1 col-xs-12">
                                    <input type="checkbox" ng-model="vm.Expediente.Otros" />
                                </div>
                                <div class="col-md-8 col-sm-8 col-xs-12">

                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                @*Fin Div Autoridades*@
                @*Div Terceros*@
                <div class="x_panel">
                    <div class="x_title">
                        <h2>Tercero(s)<small></small></h2>
                        <ul class="nav navbar-right panel_toolbox"></ul>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <br />
                        <form id="demo-form2" data-parsley-validate class="form-horizontal form-label-left" ng-submit="">
                            <div class="form-group">
                                <label class="control-label col-md-2 col-sm-2 col-xs-12" for="first-name">
                                    Nombre <span class="required">*</span>
                                </label>
                                <div class="col-md-3 col-sm-3 col-xs-12">
                                    <input type="text" placeholder="Nombre o Razón Social" required="required" maxlength="100" ng-model="vm.Tercero.Nombre" class="form-control col-md-7 col-xs-12">
                                </div>
                                @*<label class="control-label col-md-1 col-sm-1 col-xs-12" for="first-name">
                                        Apellido Paterno <span class="required">*</span>
                                    </label>*@
                                <div class="col-md-3 col-sm-3 col-xs-12">
                                    <input type="text" placeholder="Apellido Paterno" id="ApPaterno" maxlength="100" ng-model="vm.Tercero.ApellidoPaterno" class="form-control col-md-7 col-xs-12">
                                </div>
                                @*<label class="control-label col-md-1 col-sm-1 col-xs-12" for="first-name">
                                        Apellido Materno <span class="required">*</span>
                                    </label>*@
                                <div class="col-md-3 col-sm-3 col-xs-12">
                                    <input type="text" placeholder="Apellido Materno" maxlength="100" ng-model="vm.Tercero.ApellidoMaterno" class="form-control col-md-7 col-xs-12">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-2 col-sm-2 col-xs-12" for="first-name">
                                    Persona <span class="required">*</span>
                                </label>
                                <div class="col-md-3 col-sm-3 col-xs-12">
                                    <select class="select2_single form-control" ng-model="vm.Tercero.IdTipoPersona" required="required">
                                        <option ng-repeat="t in vm.TipoPersona" value={{t.IdTipoPersona}}>{{t.Descripcion}}</option>
                                        @*<option>Física</option>
                                            <option>Moral</option>*@
                                    </select>
                                </div>
                                <div class="col-md-3 col-sm-3 col-xs-12">
                                    <button type="button" class="btn btn-success" ng-click="vm.AgregarTercero();">Agregar</button>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-1 col-sm-1 col-xs-12">&nbsp;</div>
                                <div class="col-md-10 col-sm-10 col-xs-12">
                                    <table class="table table-bordered table-hover table-wrapper-scroll-y" ng-hide="vm.Terceros.length<1">
                                        <thead>
                                            <tr>
                                                <th style="visibility:hidden">id</th>
                                                <th style="width:45%">Nombre/Razón social</th>
                                                <th style="width:20%">Apellido Paterno</th>
                                                <th style="width:20%">Apellido Materno</th>
                                                <th style="width:10%">Persona</th>
                                                <th style="width:5%"></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr ng-repeat="a in vm.Terceros">
                                                <td style="visibility:hidden">{{a.Id + 1}}</td>
                                                <td>{{a.Nombre}}</td>
                                                <td>{{a.ApellidoPaterno}}</td>
                                                <td>{{a.ApellidoMaterno}}</td>
                                                <td>{{a.TipoP}}</td>
                                                <td><i ng-click="vm.EliminarTercero($index);" class="fa fa-trash " style="color:red;"></i></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="col-md-1 col-sm-1 col-xs-12"></div>
                            </div>

                            <div class="ln_solid"></div>



                        </form>
                    </div>
                </div>
                @*Fin Div terceros*@
                @*Div Datos de Juicio*@
                <div class="x_panel">
                    <div class="x_title">
                        <h2>Datos de juicio<small></small></h2>
                        <ul class="nav navbar-right panel_toolbox"></ul>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <br />
                        <form id="demo-form2" data-parsley-validate class="form-horizontal form-label-left" ng-submit="vm.GuardarExpediente()">
                            <div class="form-group">
                                <label class="control-label col-md-1 col-sm-1 col-xs-12">
                                    Tipo de procedimiento
                                </label>
                                <div class="col-md-2 col-sm-2 col-xs-12">
                                    <select class="select2_single form-control" ng-model="vm.Expediente.idTipoDemanda" ng-change="vm.BuscarMateria()">
                                        <option ng-repeat="t in vm.TipoDocs" value={{t.id}} ng-hide="t.id==4">{{t.descripcion}}</option>
                                    </select>
                                </div>
                                <label class="control-label col-md-1 col-sm-1 col-xs-12" for="first-name">
                                    Materia
                                </label>
                                <div class="col-md-2 col-sm-2 col-xs-12">
                                    <select class="select2_single form-control" ng-change="vm.BuscarActoImpugnado()" ng-model="vm.Expediente.idTipoMateria">
                                        <option ng-repeat="t in vm.TipoMateria" value={{t.Id}}>{{t.Descripcion}}</option>
                                        @*<option>Fiscal</option>
                                            <option>Especializada</option>
                                            <option>Administrativa</option>*@
                                    </select>
                                </div>
                                <label class="control-label col-md-1 col-sm-1 col-xs-12" for="first-name">
                                    Acto
                                </label>
                                <div class="col-md-3 col-sm-3 col-xs-12">
                                    <select class="select2_single form-control" ng-model="vm.Expediente.idActoImpugnado" required="required">
                                        <option ng-repeat="t in vm.ActoImpugnado" value={{t.Id}}>{{t.Descripcion}}</option>
                                    </select>
                                </div>
                                <div class="col-md-2 col-sm-2 col-xs-12">
                                    @*<button type="button" class="btn btn-success">Agregar</button>*@
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-1 col-sm-1 col-xs-12" for="first-name">
                                    Solicita suspensión<span class="required">*</span>
                                </label>
                                <div class="col-md-2 col-sm-2 col-xs-12">
                                    <select class="select2_single form-control" ng-model="vm.Expediente.Suspension" required="required">
                                        <option value=true>Si</option>
                                        <option value=false>No</option>
                                    </select>
                                </div>
                                <label class="control-label col-md-1 col-sm-1 col-xs-12" for="first-name">
                                    Posible Acumulación
                                </label>
                                <div class="col-md-2 col-sm-2 col-xs-12">
                                    <select class="select2_single form-control" ng-model="vm.Expediente.PAcumulado">
                                        <option value=true>Si</option>
                                        <option value=false>No</option>
                                    </select>
                                </div>
                                @*<label class="control-label col-md-1 col-sm-1 col-xs-12" for="first-name">
                                        Procedencia
                                    </label>
                                    <div class="col-md-2 col-sm-2 col-xs-12">
                                        <select class="select2_single form-control" ng-model="vm.Expediente.idProcedencia">
                                            <option ng-repeat="t in vm.Procedencia" value={{t.Id}}>{{t.Descripcion}}</option>
                                        </select>
                                    </div>
                                    <label class="control-label col-md-1 col-sm-1 col-xs-12" for="first-name">
                                        Copias
                                    </label>
                                    <div class="col-md-3 col-sm-3 col-xs-12">
                                        <input type="text" class="form-control numeros" maxlength="3" ng-model="vm.Expediente.Copias" />
                                    </div>*@
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-1 col-sm-1 col-xs-12" for="first-name">
                                    Acto(s) reclamado(s)
                                </label>
                                <div class="col-md-8 col-sm-8 col-xs-12">
                                    <textarea class="form-control" rows="3" ng-model="vm.Expediente.Observaciones"></textarea>
                                </div>
                            </div>

                            <div class="ln_solid"></div>


                        </form>
                    </div>
                </div>
                @*Fin div datos de juicio*@
                @*Div Anexos*@
                <div class="x_panel">
                    <div class="x_title" ng-hide="vm.Editando">
                        <h2>Documentos presentados<small></small></h2>
                        <ul class="nav navbar-right panel_toolbox"></ul>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <br />
                        <form id="demo-form2" ng-hide="vm.Editando" data-parsley-validate class="form-horizontal form-label-left" ng-submit="vm.GuardarExpediente()">
                            <div class="form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">
                                    Nombre de la persona que presenta <span class="required">*</span>
                                </label>
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    <input type="text" required="required" ng-model="vm.promocion.PersonaEntrego" maxlength="250" class="form-control col-md-7 col-xs-12 ">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-1 col-sm-1 col-xs-12">
                                    Demanda con firma autógrafa <span class="required">*</span>
                                </label>
                                <div class="col-md-1 col-sm-1 col-xs-12">
                                    <input type="text" required="required" ng-model="vm.Expediente.DocumentosOriginal" maxlength="3" class="form-control col-md-7 col-xs-12 numeros">
                                </div>
                                <label class="control-label col-md-1 col-sm-1 col-xs-12">
                                    Copias de traslado <span class="required">*</span>
                                </label>
                                <div class="col-md-1 col-sm-1 col-xs-12">
                                    <input type="text" required="required" ng-model="vm.Expediente.DocumentosCopias" class="form-control col-md-7 col-xs-12 numero-referencia">
                                </div>
                                <label class="control-label col-md-2 col-sm-2 col-xs-12">
                                    Fecha y hora de recepción <span class="required">*</span>
                                </label>
                                <div class="col-md-3 col-sm-3 col-xs-12">
                                    @*<input type="date" ng-model="vm.Expediente.FechaRadicacion" class="form-control" />*@
                                    <div class='input-group date' id='myDatepicker'>
                                        <input type='text' id="dtpRad" ng-model="vm.Expediente.FechaRadicacion" readonly="readonly" class="form-control" />
                                        <span class="input-group-addon">
                                            <span class="glyphicon glyphicon-calendar"></span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="ln_solid"></div>
                            <div class="form-group">
                                <label class="control-label col-md-12 col-sm-12 col-xs-12" style="text-align:left;font-size:large">
                                    Anexos:
                                </label>
                                <label class="control-label col-md-1 col-sm-1 col-xs-12" for="first-name">
                                    Cantidad <span class="required">*</span>
                                </label>
                                <div class="col-md-1 col-sm-1 col-xs-12">
                                    <input type="text" required="required" ng-model="vm.Anexo.Cantidad" maxlength="3" class="form-control col-md-7 col-xs-12 numeros">
                                </div>
                                <label class="control-label col-md-2 col-sm-2 col-xs-12" for="first-name">
                                    Tipo anexo <span class="required">*</span>
                                </label>
                                <div class="col-md-3 col-sm-3 col-xs-12">
                                    <select class="select2_single form-control" ng-model="vm.Anexo.idTipoAnexo" required="required">
                                        <option ng-repeat="t in vm.TipoAnexo" value={{t.Id}}>{{t.Descripcion}}</option>
                                        @*<option>Copia al carbón</option>
                                            <option>Copia certificada</option>
                                            <option>Copia para cotejo</option>
                                            <option>Copia simple</option>
                                            <option>Copia impresión</option>
                                            <option>Copia impresión con firma facsimilar</option>
                                            <option>Original</option>*@
                                    </select>
                                </div>
                                <div class="col-md-2 col-sm-2 col-xs-12">
                                    <button type="button" ng-click="vm.AgregarAnexo();" class="btn btn-success">Agregar</button>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-2 col-sm-2 col-xs-12">
                                    Observaciones
                                </label>
                                <div class="col-md-7 col-sm-7 col-xs-12">
                                    <textarea class="form-control" ng-model="vm.Anexo.Observaciones" rows="3"></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-1 col-sm-1 col-xs-12" for="first-name" ng-hide="vm.Anexos.length<1">

                                </label>
                                <div class="col-md-8 col-sm-8 col-xs-12">
                                    <table class="table table-bordered table-hover" ng-hide="vm.Anexos.length<1">
                                        <thead>
                                            <tr>
                                                <th style="visibility:hidden">id</th>
                                                <th style="width:6%">Cantidad</th>
                                                <th style="width:40%">Tipo documento</th>
                                                <th style="width:50%">Observaciones</th>
                                                <th style="width:4%;"></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr ng-repeat="a in vm.Anexos">
                                                <td style="visibility:hidden">{{a.Id + 1}}</td>
                                                <td>{{a.Cantidad}}</td>
                                                <td>{{a.TipoA}}</td>
                                                <td>{{a.Observaciones}}</td>
                                                <td><span class="fa fa-trash" ng-click="vm.EliminarAnexo($index);" style="color:red;"></span></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </form>
                        <div class="col-md-1">

                        </div>
                        <div class="col-md-7">
                            <button type="button" class="btn btn-primary" ng-click="vm.Detalles(1)" ng-hide="!vm.Editando">Detalles <span class="fa fa-search"></span></button>
                            @*<button type="button" class="btn btn-info" ng-click="vm.Detalles(2)" ng-hide="!vm.Editando">Anexos <span class="fa fa-list"></span></button>*@
                            <button type="button" class="btn btn-warning" ng-click="vm.ModalAbogados()" ng-hide="!vm.Editando"> Abogados <span class="fa fa-id-card"></span></button>
                        </div>
                        <div class="col-md-4">
                            <button type="button" class="btn btn-success" ng-click="vm.AgregarExpediente()" ng-hide="!vm.Editando">Guardar <span class="fa fa-save"></span></button>
                            <button type="button" class="btn btn-danger" ng-click="vm.AgregarExpediente()" ng-hide="vm.Editando" ng-disabled="vm.HabilitarBoton==true">Generar Acuse</button>
                        </div>
                    </div>
                </div>
                @*Fin Div Anexos*@
            </div>
        </div>

    </div>

    <div id="mdl-acumulado" modal="showModal" close="cancel()" class="modal fade modal-arriba" data-easein="expandIn" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">

        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title titulo-msj-registro">Acumular Expediente</h4>
                </div>
                <div class="modal-body">
                    <div class="col-md-12">
                        <h4 class="pregunta-confirmacion"></h4>
                        <div class="form-group row">
                            <label class="control-label col-md-2 col-sm-2 col-xs-12">
                                Expediente principal
                            </label>
                            <div class="col-md-3 col-sm-3 col-xs-12">
                                <input type="text" placeholder="Número de Expediente" ng-model="vm.NumExpediente" maxlength="20" class="form-control col-md-7 col-xs-12 ">
                            </div>
                            <div class="col-md-2 col-sm-2 col-xs-12">

                            </div>
                            <div class="col-md-5 col-sm-5 col-xs-12">
                                <button type="button" ng-click="vm.ObtenerExpAcumulador(vm.NumExpediente)" class="btn btn-primary" ng-disabled="(vm.NumExpediente == null)||(vm.NumExpediente == '')"><span class="fa fa-search-plus"> </span> Buscar</button>
                            </div>
                        </div>
                        <div ng-hide="vm.ExpedienteB==null">
                            <div class="form-group">
                                <label class="control-label col-md-6 col-sm-6 col-xs-12">
                                    Actor(es): {{vm.ExpedienteB.Actores}}
                                </label>
                                <label class="control-label col-md-6 col-sm-6 col-xs-12">
                                    Autoridad(es): {{vm.ExpedienteB.Autoridades}}
                                </label>
                            </div>
                        </div>
                        <div ng-hide="vm.ExpedienteB==null">
                            <div class="form-group">
                                <label class="control-label col-md-6 col-sm-6 col-xs-12">
                                    No. Expediente: {{vm.ExpedienteB.numExpediente}}
                                </label>
                                <label class="control-label col-md-6 col-sm-6 col-xs-12">
                                    Sala: {{vm.ExpedienteB.Area}}
                                </label>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-6 col-sm-6 col-xs-12">
                                    Procedencia: {{vm.ExpedienteB.Procedencia}}
                                </label>
                                <label class="control-label col-md-6 col-sm-6 col-xs-12">
                                    Magistrado(a): {{vm.ExpedienteB.magistrado}}
                                </label>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-6 col-sm-6 col-xs-12">
                                    Materia: {{vm.ExpedienteB.Materia}}
                                </label>
                                <label class="control-label col-md-6 col-sm-6 col-xs-12">
                                    Fecha: {{vm.ExpedienteB.FechaRadicacion.substr(6,13) | date:'dd/MM/yyyy'}}
                                </label>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-6 col-sm-6 col-xs-12">
                                    Acto impugnado: {{vm.ExpedienteB.ActoImpugnado}}
                                </label>
                                <label class="control-label col-md-6 col-sm-6 col-xs-12">
                                    Expedientes acumulados:{{vm.ExpedienteB.ExpedientesAcumulados}}
                                </label>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal"> Cancelar</button>
                    <button type="button" class="btn btn-success" ng-click="vm.GenerarAcumular();"> Acumular</button>

                </div>
            </div>
        </div>
    </div>
    <div id="mdl-Abogados" modal="showModal" close="cancel()" class="modal fade modal-arriba" data-easein="expandIn" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">

        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title titulo-msj-registro">Gestionar Abogados</h4>
                </div>
                <div class="modal-body">
                    <div class="col-md-12">
                        <h4 class="pregunta-confirmacion"></h4>
                        <div class="form-group row">
                            <label class="control-label col-md-2 col-sm-2 col-xs-12">
                                Buscar abogado
                            </label>
                            <div class="col-md-3 col-sm-3 col-xs-12">
                                <input type="text" ng-disabled="false"
                                       ng-model="vm.AbogadoSel"
                                       uib-typeahead="d as d.NombreCompleto for d in vm.BuscarAbogado($viewValue)"
                                       typeahead-loading="vm.buscandoUsuarios"
                                       typeahead-no-results="vm.noHayUsuarios"
                                       typeahead-min-length="3"
                                       typeahead-on-select="vm.ObtenerAbogados()"
                                       class="form-control" />
                                <div ng-if="vm.buscandoUsuarios">
                                    <i class="glyphicon glyphicon-hourglass"></i>
                                    Buscando...
                                </div>
                                <div class="alert alert-warning" ng-if="vm.noHayUsuarios">
                                    <i class="glyphicon-warning-sign glyphicon"></i>
                                    No se encontraron resultados
                                </div>
                            </div>
                            <div class="col-md-2 col-sm-2 col-xs-12">

                            </div>
                            <div class="col-md-5 col-sm-5 col-xs-12">
                                <button type="button" ng-click="vm.AgregarAbogado()" class="btn btn-success" ng-disabled="vm.Abogado==null"><span class="fa fa-plus"> </span> Agregar</button>
                            </div>
                        </div>
                        <div ng-hide="vm.Abogado==null">
                            <div class="form-group">
                                <div class="col-md-4 form-group">
                                    <label class="control-label">Nombre:</label>
                                    <input type="text" ng-model="vm.Abogado.Nombre" ng-required="true" ng-disabled="true" class="form-control LetrasNumerosEsp" maxlength="60" />
                                </div>
                                <div class="col-md-4 form-group">
                                    <label class="control-label">Apellido Paterno:</label>
                                    <input type="text" ng-model="vm.Abogado.ApellidoPaterno" ng-required="true" ng-disabled="true" class="form-control LetrasNumerosEsp" maxlength="60" />
                                </div>
                                <div class="col-md-4 form-group">
                                    <label class="control-label">Apellido Materno:</label>
                                    <input type="text" ng-model="vm.Abogado.ApellidoMaterno" ng-disabled="true" class="form-control LetrasNumerosEsp" maxlength="60" />
                                </div>
                            </div>
                        </div>
                        <div ng-hide="vm.Abogados.length==0">
                            <div class="col-md-1 col-sm-1 col-xs-12">&nbsp;</div>
                            <div class="col-md-10 col-sm-10 col-xs-12">
                                <table class="table table-bordered table-hover table-wrapper-scroll-y" ng-hide="vm.Abogados.length==0">
                                    <thead>
                                        <tr>
                                            <th style="visibility:hidden">id</th>
                                            <th style="width:45%">Nombre</th>
                                            <th style="width:20%">Apellido Paterno</th>
                                            <th style="width:20%">Apellido Materno</th>
                                            <th style="width:10%">Cédula</th>
                                            <th style="width:5%"></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr ng-repeat="a in vm.Abogados">
                                            <td style="visibility:hidden">{{a.Id + 1}}</td>
                                            <td>{{a.Nombre}}</td>
                                            <td>{{a.ApellidoPaterno}}</td>
                                            <td>{{a.ApellidoMaterno}}</td>
                                            <td>{{a.Cedula}}</td>
                                            <td><i ng-click="vm.EliminarAbogado($index);" class="fa fa-trash " style="color:red;"></i></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal"> Cancelar</button>
                    <button type="button" class="btn btn-success" ng-click="vm.AsignarAbogadoExpediente();"> Guardar</button>

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

@section scripts{
    <script src="~/Scripts/app/controladores/Oficialia/OficialiaController.js"></script>
    <script src="~/Scripts/app/factory/Oficialia/OficiliaFactory.js"></script>
    <script src="~/Scripts/app/factory/ReexpedicionFactory.js"></script>
    <script src="~/Scripts/angular-base64-upload.js"></script>
    <script src="~/Scripts/app/controladores/Oficialia/ModalCatalogosController.js"></script>
    <script src="~/Scripts/app/controladores/Oficialia/ModalDetallesController.js"></script>
}