<div class="box box-warning box-solid">
    <div class="box-header with-border">
      <h3 class="box-title">Datos de la Actividad</h3>
      <div class="box-tools pull-right">
        <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
        </button>
      </div>
    </div>
    <div class="box-body">
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="actividadTITULO">Nombre de la Actividad</label>
                    <input type="text" class="form-control uppercase" name="actividadTITULO" id="actividadTITULO-{{ hash_vista }}"  required
                           value="{{ Actividad.actividadTITULO }}" placeholder="Nombre de la actividad"  />
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label for="colaboradores">Responsable</label>
                    <div id='responsable-{{ hash_vista }}'>
                        
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="fechainicio">Fecha de Inicio</label>
                    <div class="input-group date">
                        <div class="input-group-addon">
                            <i class="fa fa-calendar"></i>
                        </div>
                        <input type="text" class="form-control" name="actividadFCHINICIO" id="actividadFCHINICIO-{{ hash_vista }}" value="{{Actividad.actividadFCHINICIAL}}"  placeholder="FECHA INICIO" required>
                    </div>            
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label for="fechafinal">Fecha final</label>
                    <div class="input-group date">
                        <div class="input-group-addon">
                            <i class="fa fa-calendar"></i>
                        </div>
                        <input type="text" class="form-control" name="actividadFCHFINAL" id="actividadFCHFINAL-{{ hash_vista }}"  value="{{Actividad.actividadFCHFINAL}}"   placeholder="FECHA FINAL" required>
                    </div>    
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="lugar">Lugar o Dirección</label>
                    <input type="text" class="form-control uppercase" name="actividadLUGAR" id="lugar-{{ hash_vista }}"  
                            value="{{Actividad.actividadLUGAR}}"  placeholder="Lugar o Direción"  />
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label for="ingresos">Ingresos Esperados</label>
                    <input type="number" class="form-control uppercase" name="actividadINGRESO" id="ingresos"  
                           value="{{ Actividad.actividadINGRESOESPERADO }}" placeholder="Ingresos Esperados"  />
                </div>    
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="logrosesperados">Logros Esperados</label>
                    <textarea rows="4" cols="80" class="wysiwyg form-control " placeholder="Logros Esperados" 
                        name="actividadLOGROESPERADO" id="logrosesperados-{{ hash_vista }}" >{{Actividad.actividadLOGROSESPERADOS}}</textarea>
                </div> 
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label for="justificacion">Justificación</label>
                    <textarea rows="4"  class="wysiwyg form-control " placeholder="Justificación" 
                              name="actividadJUSTIFICACION" id="justificacion-{{ hash_vista }}" >{{Actividad.actividadJUSTIFICACION}}</textarea>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="descripcion">Descripción</label>
                    <textarea rows="4" cols="80" class="wysiwyg form-control " placeholder="Descripción de la actividad"
                              name="actividadDESCRIPCION" id="descripcion-{{ hash_vista }}" >{{Actividad.actividadDESCRIPCION}}</textarea>
                </div>
            </div>
            <div class="col-md-6">
                {{ mostrarVista( 'planeador', 'actividades/form-solicitud-personal', { 'Actividad': Actividad } ) }}
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        var dateformat = 'yyyy-mm-dd'
        
        $('#actividadFCHINICIO-{{ hash_vista }}').datepicker({
            autoclose: true,
            format: dateformat
        });
        
        $('#actividadFCHFINAL-{{ hash_vista }}').datepicker({
            autoclose: true,
            format: dateformat
        });
        
        $('#actividadFCHFINAL-{{ hash_vista }}').on('changeDate', function() {
            $('#actividadFCHINICIO-{{ hash_vista }}').datepicker('setEndDate', $('#actividadFCHFINAL-{{ hash_vista }}').datepicker('getDate'));
        });
        
        $('#actividadFCHINICIO-{{ hash_vista }}').on('changeDate', function() {
            $('#actividadFCHFINAL-{{ hash_vista }}').datepicker('setStartDate', $('#actividadFCHINICIO-{{ hash_vista }}').datepicker('getDate'));
        });

        $('.select2').select2();

        $('input[type="radio"].flat-blue').iCheck({
            radioClass: 'iradio_flat-blue'
        });

        $("#descripcion-{{hash_vista}}").wysihtml5();
        //wysihtml5.Editor("descripcion-{{hash_vista}}");
        $("#justificacion-{{hash_vista}}").wysihtml5();
        $("#logrosesperados-{{ hash_vista }}").wysihtml5();
        
        mostrarSelectCargos("responsable-{{ hash_vista }}", function(){
            seleccinarSelect("responsable-{{ hash_vista }} select", '{{ Actividad.actividadENCARGADO }}');
            $('.select2').select2();
        });
        
        
    });
    
</script>
