<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="{{ url_for('static', filename='estilo.css') }}" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-sanitize.js"></script>
<script src="{{ url_for('static', filename='forma.js') }}"></script>
<script>
forma.value("accion", "{{accion}}").value("tipo", "{{tipo}}").value("id", "{{id}}").value("user_type", "{{user_type}}");
</script>
<script>
</script>
</head>
<body ng-app="forma" ng-controller="FormController">
<div class="container-fluid">
<div class="header">
<div class="row">
<div class="col-1">
<div class="boton logo">
Logo
</div>
</div>
<div class="col-2">
</div>
<div class="col-6">
<p>{% raw %}{{accion}} {{titulo}} {% endraw %}
</p>
</div>
<div class="col-2" style="visibility:visible">
<a href="" class="boton usuario">Carlos J Corrada Bravo</a>
</div>
<div class="col-1">
<a href="https://cdcc.uprrp.edu" class="boton logout">logout</a>
</div>
</div>
</div>
<div class="container" align="center">
<!-- <form class="form" action="/procesaUser" method="POST"> -->
<form class="form-inline" action="/{{user_type}}/procesaUser" method="POST">
{% raw %}
<div class="row">
<div class="col-md-6">
<span ng-repeat="entrada in entradas.col1">
<div class="form-group">
<label for="{{entrada.name}}" class="boton labelForma">
{{entrada.label}}
</label>
<span ng-if="entrada.type=='select'">
<select ng-disabled="entrada.disabled" tabindex="{{entrada.tabindex}}" name="{{entrada.name}}" id="{{entrada.name}}" class="form-control-inline" style="width: 250px;height: 48px;"
ng-options="opcion.label for opcion in entrada.options track by opcion.id"
ng-model="entrada.value"
ng-required="true" required
></select>
</span>
<span ng-if="entrada.type=='checkbox'">
<input ng-disabled="entrada.disabled" tabindex="{{entrada.tabindex}}" class="form-control-inline" type="{{entrada.type}}" name="{{entrada.name}}" id="{{entrada.name}}" value="1" ng-checked="{{entrada.value}}" style="width: 250px;height: 48px;align:left;">
</span>
<span ng-if="entrada.type=='tel'">
<input ng-disabled="entrada.disabled" tabindex="{{entrada.tabindex}}" class="form-control-inline" type="tel" placeholder="787-123-4567" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" ng-required="entrada.require" id="{{entrada.name}}" name="{{entrada.name}}" value="{{entrada.value}}" style="width: 250px;height: 48px;align:left;">
</span>
<span ng-if="entrada.type=='date'">
<input ng-disabled="entrada.disabled" tabindex="{{entrada.tabindex}}" class="form-control-inline" type="date" placeholder="yyyy-MM-dd" pattern="\d{4}-\d{1,2}-\d{1,2}" ng-required="entrada.require" id="{{entrada.name}}" name="{{entrada.name}}" value="{{entrada.value}}" style="width: 250px;height: 48px;align:left;">
</span>
<span ng-if="entrada.type!='select' && entrada.type!='checkbox' && entrada.type!='tel' && entrada.type!='date'">
<input ng-disabled="entrada.disabled" tabindex="{{entrada.tabindex}}" ng-required="entrada.require" class="form-control-inline" type="{{entrada.type}}" id="{{entrada.name}}" name="{{entrada.name}}" value="{{entrada.value}}" style="width: 250px;height: 48px;align:left;">
</span>
</div>
</span>
</div>
<div class="col-md-6">
<span ng-repeat="entrada in entradas.col2">
<div class="form-group">
<label for="{{entrada.name}}" class="boton labelForma">
{{entrada.label}}
</label>
<span ng-if="entrada.type=='select'">
<select ng-disabled="entrada.disabled" tabindex="{{entrada.tabindex}}" name="{{entrada.name}}" id="{{entrada.name}}" class="form-control-inline" style="width: 250px;height: 48px;"
ng-options="opcion.label for opcion in entrada.options track by opcion.id"
ng-model="entrada.value"
ng-required="true" required
></select>
</span>
<span ng-if="entrada.type=='checkbox'">
<input ng-disabled="entrada.disabled" tabindex="{{entrada.tabindex}}" class="form-control-inline" type="{{entrada.type}}" name="{{entrada.name}}" id="{{entrada.name}}" value="1" ng-checked="{{entrada.value}}" style="width: 250px;height: 48px;align:left;">
</span>
<span ng-if="entrada.type=='tel'">
<input ng-disabled="entrada.disabled" tabindex="{{entrada.tabindex}}" class="form-control-inline" type="tel" placeholder="787-123-4567" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" ng-required="entrada.require" id="{{entrada.name}}" name="{{entrada.name}}" value="{{entrada.value}}" style="width: 250px;height: 48px;align:left;">
</span>
<span ng-if="entrada.type=='date'">
<input ng-disabled="entrada.disabled" tabindex="{{entrada.tabindex}}" class="form-control-inline" type="date" placeholder="yyyy-MM-dd" pattern="\d{4}-\d{1,2}-\d{1,2}" ng-required="entrada.require" id="{{entrada.name}}" name="{{entrada.name}}" value="{{entrada.value}}" style="width: 250px;height: 48px;align:left;">
</span>
<span ng-if="entrada.type!='select' && entrada.type!='checkbox' && entrada.type!='tel' && entrada.type!='date'">
<input ng-disabled="entrada.disabled" tabindex="{{entrada.tabindex}}" ng-required="entrada.require" class="form-control-inline" type="{{entrada.type}}" id="{{entrada.name}}" name="{{entrada.name}}" value="{{entrada.value}}" style="width: 250px;height: 48px;align:left;">
</span>
</div>
</span>
</div>
</div>
{% endraw %}
<input type="hidden" name="id" value="{{id}}">
<input type="hidden" name="accion" value="{{accion}}">
<input type="hidden" name="tipo" value="{{tipo}}">
{% raw %}
<div class="modal-body row">
<div class="col-md-12" align="center">
<span ng-if="abled">
<input class="boton labelForma" type="submit">
</span>
</div>
</div>
{% endraw %}
</form>
</div>
</body>
</html>