<div class="row">
    <div class="col-md-6">
        <div class="form-group">
            <div class="form-group">
                <label for="actividadID">Seleccione la Actividad:</label>
                <select class="form-control select2" id="actividadID" name="actividadID" style="width: 100%;">
                    <option>NINGUNA</option>
                    {% if PlanesActividades %}
                        {% for actividad in PlanesActividades %}
                            <option value="{{actividad.actividadID}}" >{{actividad.actividadTITULO}}</option>
                        {% endfor %}
                    {% endif %}
                </select>
            </div>
        </div>
    </div>
     <div class="col-md-6">
        <div class="form-group">
            <div class="form-group">
                <label for="tipoOperacionID">Seleccione el Tipo de Operación:</label>
                <select class="form-control select2" id="tipoOperacionID" name="tipoOperacionID" style="width: 100%;">
                    <option>NINGUNO</option>
                    {% if PlanesOperacionesTipos %}
                        {% for tipoOperacion in PlanesOperacionesTipos %}
                            <option value="{{tipoOperacion.tipoOperacionID}}" >{{tipoOperacion.tipoOperacionTITULO}}</option>
                        {% endfor %}
                    {% endif %}
                </select>
            </div>
        </div>
    </div>
</div>
<div class="row">
     <div class="form-group col-md-6">
        <div class="form-group">
            <label for="operacionPredefinidaID">Seleccione la Operación Predefinida:</label>
            <select class="form-control select2" id="operacionPredefinidaID" name="operacionPredefinidaID" style="width: 100%;">
                <option>NINGUNA</option>
                {% if PlanesOperacionesPredefinidas %}
                    {% for operacionPredefinida in PlanesOperacionesPredefinidas %}
                        <option value="{{operacionPredefinida.operacionPredefinidaID}}" >{{operacionPredefinida.operacionPredefinidaTITULO}}</option>
                    {% endfor %}
                {% endif %}
            </select>
        </div>
    </div>
    <div class="form-group col-md-6">
        <label for="planOperacionCODIGO">Código de la Operación:</label>
        <input type="text" class="form-control uppercase" name="planOperacionCODIGO" id="planOperacionCODIGO"  readonly=""
               value="{{ PlanesOperaciones.planOperacionCODIGO }}" placeholder="Código de la Operación"  />
    </div>
</div>
<div class="row">
    <div class="form-group col-md-12">
        <label for="planOperacionDESCRIPCION">Descripción de la Operación:</label>
        <textarea rows="5" cols="80" maxlength="140" class="wysiwyg form-control " placeholder="Descripción de la Operación" 
                  name="planOperacionDESCRIPCION" id="planOperacionDESCRIPCION-{{ hash_vista }}" 
                  >{{ PlanesOperaciones.planOperacionDESCRIPCION }}</textarea>
    </div>
</div>

<div class="row">
    <div class="form-group col-md-6">
        <label for="planOperacionFCHINICIO">Fecha de Inicio de la Operación:</label>
        <div class="input-group">
            <div class="input-group-addon">
                <i class="fa fa-calendar"></i>
            </div>
            <input value="{{PlanesOperaciones.planOperacionFCHINICIO}}" required type="text" class="form-control tipoFecha" id="planOperacionFCHINICIO" name="planOperacionFCHINICIO">
        </div>
    </div>
    <div class="form-group col-md-6">
       <label for="planOperacionFCHFINAL">Fecha de Finalización de la Operación:</label>
        <div class="input-group">
            <div class="input-group-addon">
                <i class="fa fa-calendar"></i>
            </div>
            <input value="{{PlanesOperaciones.planOperacionFCHFINAL}}" required type="text" class="form-control tipoFecha" id="planOperacionFCHFINAL" name="planOperacionFCHFINAL">
        </div>
    </div>
     <div class="form-group col-md-6">
        <label for="planOperacionPRESUPUESTADO">Presupuesto para la Operación:</label>
        <input type="text" class="form-control uppercase" name="planOperacionPRESUPUESTADO" id="planOperacionPRESUPUESTADO" 
               value="{{ PlanesOperaciones.planOperacionPRESUPUESTADO }}" placeholder="Presupuesto de la Operación"  />
    </div>
    <div class="form-group col-md-6">
        <label for="estadoOperacionID">Estado de la Operación:</label>
        <select class="form-control select2" id="estadoOperacionID" name="estadoOperacionID" style="width: 100%;">
            <option>NINGUNO</option>
            {% if PlanesOperacionesEstados %}
                {% for estadoOperacion in PlanesOperacionesEstados %}
                    <option value="{{estadoOperacion.estadoOperacionID}}" >{{estadoOperacion.estadoOperacionTITULO}}</option>
                {% endfor %}
            {% endif %}
        </select>
    </div>
    <div class="form-group col-md-6">
        <label for="camaraFuncionID">Seleccione la Función de Ley de la Operación:</label>
        <select class="form-control select2" id="camaraFuncionID" name="camaraFuncionID" style="width: 100%;">
            <option>NINGUNA</option>
            {% if CamaraFuncionesLey %}
                {% for funcionLey in CamaraFuncionesLey %}
                    <option value="{{funcionLey.camaraFuncionID}}" >{{funcionLey.camaraFuncionTITULO}}</option>
                {% endfor %}
            {% endif %}
        </select>
    </div>
    <div class="form-group col-md-6">
        <label for="tipoPlanID">Seleccione el Tipo de Plan de la Operación:</label>
        <select class="form-control select2" id="tipoPlanID" name="tipoPlanID" style="width: 100%;">
            <option>NINGUNO</option>
            {% if TiposPlanes %}
                {% for tipoPlan in TiposPlanes %}
                    <option value="{{tipoPlan.tipoPlanID}}" >{{tipoPlan.tipoPlanTITULO}}</option>
                {% endfor %}
            {% endif %}
        </select>
    </div>
    <div class="form-group col-md-6">
        <label for="tipoGastoID">Seleccione el Tipo de Gasto de la Operación:</label>
        <select class="form-control select2" id="tipoGastoID" name="tipoGastoID" style="width: 100%;">
            <option>NINGUNO</option>
            {% if TiposGastos %}
                {% for tipoGasto in TiposGastos %}
                    <option value="{{tipoGasto.tipoGastoID}}" >{{tipoGasto.tipoGastoTITULO}}</option>
                {% endfor %}
            {% endif %}
        </select>
    </div>
    <div class="form-group col-md-6">
        <label for="rubroID">Seleccione el Rubro de la Operación:</label>
        <select class="form-control select2" id="rubroID" name="rubroID" style="width: 100%;">
            <option>NINGUNO</option>
            {% if Rubros %}
                {% for rubro in Rubros %}
                    <option value="{{rubro.rubroID}}" >{{rubro.rubroTITULO}}</option>
                {% endfor %}
            {% endif %}
        </select>
    </div>
    <div class="form-group col-md-6">
        <label for="centroCostosID">Seleccione el Centro de Costos de la Operación:</label>
        <select class="form-control select2" id="centroCostosID" name="centroCostosID" style="width: 100%;">
            <option>NINGUNO</option>
            {% if CentrosCostos %}
                {% for centroCosto in CentrosCostos %}
                    <option value="{{centroCosto.centroCostosID}}" >{{centroCosto.centroCostosTITULO}}</option>
                {% endfor %}
            {% endif %}
        </select>
    </div>
    <div class="form-group col-md-6">
        <label for="claseOperacionID">Seleccione la Clase de Operación:</label>
        <select class="form-control select2" id="claseOperacionID" name="claseOperacionID" style="width: 100%;">
            <option>NINGUNO</option>
            {% if PlanesOperacionesClases %}
                {% for claseOperacion in PlanesOperacionesClases %}
                    <option value="{{claseOperacion.claseOperacionID}}" >{{claseOperacion.claseOperacionTITULO}}</option>
                {% endfor %}
            {% endif %}
        </select>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function () {
        $("#planOperacionDESCRIPCION-{{hash_vista}}").wysihtml5();
        $("#planOperacionDESCRIPCION1-{{hash_vista}}").wysihtml5();
         
        $(".tipoFecha").datepicker({
           autoclose: true
          });
          
        $('.select2').select2();
    });
        
</script>