<script type="text/javascript">

    $(document).ready(function () {

        $('#sub_form').validate(
            {

                rules: {

                    visitasxmes: {

                        required: true

                    }
                },

                focusCleanup: false,


                highlight: function (label) {

                    $(label).closest('.control-group').removeClass('success').addClass('error');

                },

                success: function (label) {

                    label

                        .text('OK!').addClass('valid')

                        .closest('.control-group').addClass('success');

                },

                errorPlacement: function (error, element) {

                    error.appendTo(element.parents('.controls'));

                }

            });

        <?php if(isset($idPaciente) && isset($idLocalidad)): ?>
        $('.cancel').click(function () {
            $("#profesionales").load("<?php echo base_url('admin/' . $dir . '/sub_index/' . $idPaciente . '/' . $idLocalidad)?>");
            return false;
        });
        <?php endif; ?>

        $('#eliminar').click(function () {

            if (!confirm('Eliminar imagen?')) {

                return false

            }

        });

        $('.form').eq(0).find('input').eq(0).focus();

        $("form#sub_form").submit(function (event) {

            event.preventDefault();

            //grab all form data

            var formData = new FormData($(this)[0]);


            $.ajax({

                url: "<?php echo base_url('admin/' . $dir . '/sub_update')?>",

                type: 'POST',

                data: formData,

                async: true,

                cache: false,

                contentType: false,

                processData: false,

                success: function (returndata) {

                    $("#profesionales").html(returndata);

                }

            });

            return false;

        });

        <?php if(isset($row->id) && $row->id != 0): ?>
            $("#idProfesional").attr('disabled', true);
            $("#idEspecialidad").attr('disabled', true);
        <?php else: ?>
            $("#idProfesional").attr('disabled', true);
        <?php endif; ?>


        $("#idEspecialidad").change(function () {
            especialidad = $(this).val();
            localidad = <?php echo isset($idLocalidad) ? $idLocalidad : 0 ?>;
            paciente = <?php echo isset($idPaciente) ? $idPaciente : 0 ?>;
            filtro = <?php echo isset($filtro) ? $filtro : 0; ?>;
            $("#idProfesional").removeAttr('disabled');
            $("#idProfesional").load("<?php echo base_url('admin/pacientes/filtrarProfesionalXEspecialidadYLocalidad')?>" + "/" + especialidad + "/" + localidad + "/" + paciente + "/" + filtro).show();
        });

        $("#idProfesional").change(function () {
            var honorario = $('option:selected',this).data("honorario");
            $('#honorarios').val(honorario);
        });

        $('select').select2({
            placeholder: "Seleccione"
        });
    });
</script>

<form action="" id="sub_form" method="POST" enctype="multipart/form-data" class="form-horizontal"

      novalidate="novalidate">

    <input type="hidden" id="id" name="id" value="<?php echo (isset($row->id)) ? $row->id : "0"; ?>"/>
    <?php echo isset($message) ? $message : ''; ?>
    <input type="hidden" id="idPaciente" name="idPaciente" value="<?php echo isset($idPaciente) ? $idPaciente : 0; ?>"/>
    <input type="hidden" id="idLocalidad" name="idLocalidad" value="<?php echo isset($idLocalidad) ? $idLocalidad : 0; ?>"/>


    <div id="page-title" class="clearfix">

        <span style="font-size:24px;font-weight:bold;float:left;margin-top:5px;"><?php echo $dir4; ?></span>

        <div class="item-content" style="float:right;">

            <button type="submit" class="btn btn-inverse">Guardar</button>

            <button class="btn cancel">Cancelar</button>

        </div>

    </div>


    <div class="row">

        <div class="span12">

            <div id="validation" class="widget highlight widget-form">


                <div class="widget-content">


                    <fieldset>

                        <div class="control-group">

                            <label class="control-label" for="idEspecialidad">Especialidad</label>

                            <?php $idEspecialidad = (isset($row->idEspecialidad)) ? $row->idEspecialidad : FALSE; ?>

                            <div class="controls">

                                <select id="idEspecialidad">

                                    <?php

                                    if (!isset($row->idEspecialidad)) { ?>

                                        <option value="">Seleccione</option>

                                    <?php } ?>

                                    <?php

                                    if ($especialidades) {

                                        foreach ($especialidades as $especialidad) {

                                            $val = ($idEspecialidad == $especialidad->id) ? TRUE : ''; ?>

                                            <option

                                                value="<?php echo $especialidad->id ?>" <?php if ($val == TRUE || (isset($_POST['idEspecialidad']) && $_POST['idEspecialidad'] == $especialidad->id)) {

                                                echo "selected";

                                            } ?> ><?php echo $especialidad->nombre ?></option>

                                            <?php

                                        }

                                    }

                                    ?>

                                </select>

                            </div>

                        </div>


                        <div class="control-group">

                            <label class="control-label" for="idProfesional">Profesional</label>

                            <?php $idProfesional = (isset($row->idProfesional)) ? $row->idProfesional : FALSE; ?>

                            <div class="controls">

                                <select id="idProfesional" name="idProfesional">

                                    <?php

                                    if (!isset($row->idProfesional)) { ?>

                                        <option value="">Seleccione</option>

                                    <?php } ?>

                                    <?php

                                    if ($profesionales) {

                                        foreach ($profesionales as $profesional) {

                                            $val = ($idProfesional == $profesional->id) ? TRUE : ''; ?>

                                            <option

                                                value="<?php echo $profesional->id ?>" <?php if ($val == TRUE || (isset($_POST['idProfesional']) && $_POST['idProfesional'] == $profesional->id)) {

                                                echo "selected";

                                            } ?> data-honorario="<php echo $profesional->honorarios; ?>" ><?php echo $profesional->nombreCompleto ?></option>

                                            <?php

                                        }

                                    }

                                    ?>

                                </select>

                            </div>

                        </div>

                        <div class="control-group">

                            <label class="control-label" for="visitasxmes">Visitas por mes</label>

                            <div class="controls">

                                <?php $visitasxmes = (isset($row->visitasxmes)) ? $row->visitasxmes : '1'; ?>

                                <input type="number" class="input-small" name="visitasxmes" id="visitasxmes"

                                       value="<?php echo set_value('visitasxmes', $visitasxmes); ?>">

                            </div>

                        </div>

                        <div class="control-group">

                            <label class="control-label" for="honorarios">Honorarios por visita</label>

                            <div class="controls">

                                <?php $honorarios = (isset($row->honorarios)) ? $row->honorarios : ''; ?>

                                <input type="text" class="input-small" name="honorarios" id="honorarios"

                                       value="<?php echo set_value('honorarios', $honorarios); ?>">

                            </div>

                        </div>

                        <div class="form-actions">

                            <button type="submit" id="sub_guardar" class="btn btn-inverse">Guardar</button>

                            <button class="btn cancel">Cancelar</button>

                        </div>

                    </fieldset>

                </div>

            </div>

        </div>

    </div>

</form>