<?php Yii::app()->clientScript->registerScriptFile(Yii::app()->request->baseUrl.'/js/modelos_contabilizacion.js', CClientScript::POS_END); ?>
<h3 style="text-align: center">Modelos de contabilización</h3>
<div style="display: flex;">
    <div style="flex: 1;"></div>
    <div>
        <div class="btn-toolbar" style="margin: 0;">
            <div class="btn-group">
                <button class="btn btn-success" id="nueva_categoria" title="Crear nueva categoria" data-url-categoria="<?= CHtml::normalizeUrl(array('categoria')) ?>">
                    <i class="icon-plus icon-white"></i>
                </button>
            </div>
            <div class="btn-group">
                <button class="btn" id="contraer_todo" title="Contraer todo" data-url-contraer-todo="<?= CHtml::normalizeUrl(array('contraerTodas')) ?>">
                    <i class="icon-resize-small"></i>
                </button>
                <!-- <button class="btn" id="expandir_todo">
                    <i class="icon-resize-full"></i> Expandir todo
                </button> -->
            </div>
        </div>
    </div>
</div>
<br>

<div id="categorias">
    <?= $this->renderPartial('_categorias', [
        'categorias' => $categorias,
        'modelEscenario' => $modelEscenario,
    ]) ?>
</div>

<!-- Modal con los comportamientos -->
<div id="modal_comportamientos" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 id="myModalLabel">Comportamiento de <span id="nombre_categoria"></span></h4>
    </div>
    <div class="modal-body">
        <div
            id="modal_comportamientos_body"
            data-url-comportamientos="<?= CHtml::normalizeUrl(array('comportamientos')) ?>"
            data-url-add-variable="<?= CHtml::normalizeUrl(array('addVariable')) ?>"
            data-url-remover-variable="<?= CHtml::normalizeUrl(array('removerVariable')) ?>"
        ></div>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Cerrar</button>
    </div>
</div>

<!-- Modal nueva categoria -->
<div id="modal_categorias" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 id="myModalLabel">Nueva categoria</h4>
    </div>
    <div class="modal-body">
        <div
            id="modal_categorias_body"
            data-url-categorias="<?= CHtml::normalizeUrl(array('categorias')) ?>"
            data-url-categoria="<?= CHtml::normalizeUrl(array('crearCategoria')) ?>"
        >

        </div>
    </div>
    <div class="modal-footer">
        <button class="btn btn-primary" id="btn_nueva_categoria">Guardar</button>
        <button class="btn" data-dismiss="modal" aria-hidden="true">Cerrar</button>
    </div>
</div>

<!-- Modal actualizar categoria -->
<div id="modal_actualizar_categorias" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 id="myModalLabel">Actualizar categoria</h4>
    </div>
    <div class="modal-body">
        <div
            id="modal_actualizar_categorias_body"
            data-url-actualizar-categoria="<?= CHtml::normalizeUrl(array('actualizarCategoria')) ?>"
            data-url-update-categoria="<?= CHtml::normalizeUrl(array('updateCategoria')) ?>"
        >
        </div>
    </div>
    <div class="modal-footer">
        <button class="btn btn-primary" id="btn_actualizar_categoria">Guardar</button>
        <button class="btn" data-dismiss="modal" aria-hidden="true">Cerrar</button>
    </div>
</div>

<!-- Modal ver escenarios -->
<div id="modal_escenario" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 id="myModalLabel">Información del escenario</h4>
    </div>
    <div class="modal-body">
        <div id="modal_escenario_body"
              data-url-escenario="<?= CHtml::normalizeUrl(array('escenario')) ?>"
        >
        </div>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Cerrar</button>
    </div>
</div>

<!-- Modal actualizar escenarios -->
<div id="modal_actualizar_escenario" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 id="myModalLabel">Actualizar escenario</h4>
    </div>
    <div class="modal-body">
        <div id="modal_actualizar_escenario_body"
             data-url-actualizar-escenario="<?= CHtml::normalizeUrl(array('actualizarEscenario')) ?>"
             data-url-update-escenario="<?= CHtml::normalizeUrl(array('updateEscenario')) ?>"
        >
        </div>
    </div>
    <div class="modal-footer">
        <button class="btn btn-info" id="btn_actualizar_escenario">Actualizar</button>
        <button class="btn" data-dismiss="modal" aria-hidden="true">Cerrar</button>
    </div>
</div>

<!-- Modal nuevo escenario -->
<div id="modal_nuevo_escenario" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 id="myModalLabel">Nuevo escenario</h4>
    </div>
    <div class="modal-body">
        <div
            id="modal_nuevo_escenario_body"
            data-url-crear-escenario="<?= CHtml::normalizeUrl(array('crearEscenario')) ?>"
        >
            <?= $this->renderPartial('_formEscenarios', [
                'model' => $modelEscenario,
            ]) ?>
        </div>
    </div>
    <div class="modal-footer">
        <button class="btn btn-primary" id="btn_nuevo_escenario">Guardar</button>
        <button class="btn" data-dismiss="modal" aria-hidden="true">Cerrar</button>
    </div>
</div>
