<div class="row">
    <div class="col-md-12">
        <div class="container-fluid">
            <form method="POST" id="form-Reporte-Avance-{{ hash_vista }}" enctype="multipart/form-data" onsubmit="return false;">
                <div class="row">
                    <div class="col-md-12">
                        <div class="pull-right">
                            <button type="button" class="btn btn-default" onclick="cargarDescripcionActividad_{{hash_padre}}('{{PlanOperacion.actividadID}}','{{TipoPlanID}}')" style="text-transform: uppercase;">Atras</button>
                            <button type="submit" class="btn btn-primary bg-aqua">Guardar</button>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="tipoTareaReporte">Operación</label>
                            <input class="form-control" type="text" readonly value="{{PlanOperacion.planOperacionCODIGO}}">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="fechaTareaReporte">Fecha</label>
                            <div class="input-group date">
                              <div class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                              </div>
                              <input type="text" class="form-control pull-right" name="operacionAvanceFCHAVANCE" id="fechaTareaReporte-{{ hash_vista }}" placeholder="AAAA-MM-DD" required>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="tareasEstados">Estado</label>
                            <select class="form-control select2-{{ hash_vista }}" name="estadoOperacionID" id="estadoOperacionID" required>
                                {% for operacionEstado in PlanesOperacionesEstados  %}
                                    {% set seleccion = '' %}
                                           {% if PlanOperacion.estadoOperacionID == operacionEstado.estadoOperacionID %}
                                               {% set seleccion = 'selected' %}  
                                           {% endif %}
                                    <option value="{{operacionEstado.estadoOperacionID}}"  {{seleccion}}> {{operacionEstado.estadoOperacionTITULO}}</option>
                                {% endfor %}
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="costoTareaReporte">Costo</label>
                            <div class="input-group date">
                                <div class="input-group-addon">
                                    <i class="fa fa-money"></i>
                                </div>
                                <input type="number" name="operacionAvanceEJECUTADO" class="form-control" id="operacionAvanceEJECUTADO" placeholder="Costo" value="1" min="1"  required>
                            </div>
                            <small class="text-danger">Digite el valor sin punto.</small>
                        </div>
                    </div>
                    <!--div class="col-md-12">
                        <div class="form-group">
                            <label for="observacionesTareaReporte">Observaciones</label>
                            <textarea class="form-control" rows="5" name="observacionesTareaReporte" id="observacionesTareaReporte-{{ hash_vista }}" ></textarea>
                        </div>
                    </div-->
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="logradoTareaReporte">Logrado</label>
                            <textarea class="form-control" rows="5" name="operacionAvanceLOGRADO" id="logradoTareaReporte-{{ hash_vista }}" required></textarea>
                        </div>
                    </div>
                    <!--div class="col-md-12">
                        <div class="form-group" id="cargaArchivo">
                            <label for="fecha">Adjuntar Soporte</label>
                            <input type="file" class="file" required multiple data-preview-file-type="any" data-upload-url="prueba()" id="fileTareaReporte-{{ hash_vista }}" name="fileTareaReporte[]">
                        </div>
                    </div-->
                </div>
                <input type="hidden" name="planOperacionID" value="{{PlanOperacion.planOperacionID}}" >
                <input type="hidden" name="actividadID" value="{{PlanOperacion.actividadID}}" >
                <input type="hidden" name="tipoPlanID" value="{{PlanOperacion.tipoPlanID}}" >
            </form>
        </div>
    </div>
</div>

<script type="text/javascript">

    $(document).ready(function() {
        var dateformat = 'yyyy-mm-dd';
        $('.select2-{{ hash_vista }}').select2();
        //$('#observacionesTareaReporte-{{ hash_vista }}').wysihtml5();
        $('#logradoTareaReporte-{{ hash_vista }}').wysihtml5({
            "events":      {
                "load": function () {
                     $('#logradoTareaReporte-{{ hash_vista }}').addClass('nicehide');
                }
            }
        });
        $("#fileTareaReporte-{{ hash_vista }}").fileinput();
        $('#fechaTareaReporte-{{ hash_vista }}').datepicker({
          autoclose: true,
          format: dateformat,
          todayHighlight: true
        });
        
        $("#form-Reporte-Avance-{{ hash_vista }}").submit(function(event){
            ejecutarOperacion(
                    "planeador",
                    "PlanesOperaciones",
                    "guardarAvance",
                    $("#form-Reporte-Avance-{{ hash_vista }}").serialize(), function(){
                        cargarDescripcionActividad_{{hash_padre}}('{{PlanOperacion.actividadID}}','{{TipoPlanID}}');
                    }
            );
            event.preventDefault();
        });
        /*$("#form-Reporte-Avance-{{ hash_vista }}").submit(function(event){
            ejecutarOperacion(
                    "planeador",
                    "PlanesOperaciones",
                    "verificarAvance",
                     $("#form-Reporte-Avance-{{ hash_vista }}").serialize(), function(){
                        ejecutarOperacion(
                                "planeador",
                                "PlanesOperaciones",
                                "guardarAvance",
                                $("#form-Reporte-Avance-{{ hash_vista }}").serialize(), function(){
                                    cargarDescripcionActividad_{{hash_padre}}('{{PlanOperacion.actividadID}}','{{TipoPlanID}}');
                                }
                        );
                    });
            event.preventDefault();
        });*/
    });
    
</script>