<?php

use humhub\modules\space\models\Space;
use yii\bootstrap\ActiveForm;
use humhub\widgets\ModalButton;
use humhub\widgets\ModalDialog;
use humhub\modules\space\widgets\SpaceNameColorInput;
use yii\helpers\Url;
use humhub\libs\Html;

/* @var $model Space */
/* @var $visibilityOptions array */
/* @var $joinPolicyOptions array */

$animation = $model->hasErrors() ? 'shake' : 'fadeIn';
?>

<?php ModalDialog::begin(['header' => Yii::t('SpaceModule.manage', '<strong>Create</strong> Space'), 'size' => 'small']) ?>
<?php $form = ActiveForm::begin(['enableClientValidation' => false]); ?>
<div class="modal-body">

    <?= SpaceNameColorInput::widget(['form' => $form, 'model' => $model]) ?>
    <?= $form->field($model, 'description'); ?>

    <a data-toggle="collapse" id="access-settings-link" href="#collapse-access-settings" style="font-size: 11px;">
        <i class="fa fa-caret-right"></i> <?php echo Yii::t('SpaceModule.manage', 'Advanced access settings'); ?>
    </a>

    <div id="collapse-access-settings" class="panel-collapse collapse">
        <br>
        <div class="row">
            <div class="col-md-6">
                <?= $form->field($model, 'visibility')->radioList($visibilityOptions)->hint(false); ?>
            </div>
            <div class="col-md-6 spaceJoinPolicy">
                <?= $form->field($model, 'join_policy')->radioList($joinPolicyOptions)->hint(false); ?>
            </div>
        </div>
    </div>
</div>

<div class="modal-footer">
    <?= ModalButton::submitModal(Url::to(['/space/create/create']), Yii::t('SpaceModule.manage', 'Next')); ?>
</div>
<?php ActiveForm::end(); ?>
<?php ModalDialog::end(); ?>

<script <?= Html::nonce() ?>>

    var $checkedVisibility = $('input[type=radio][name="Space[visibility]"]:checked');
    if ($checkedVisibility.length && $checkedVisibility[0].value == 0) {
        $('.spaceJoinPolicy').hide();
    }

    $('input[type=radio][name="Space[visibility]"]').on('change', function () {
        if (this.value == 0) {
            $('.spaceJoinPolicy').fadeOut();
        } else {
            $('.spaceJoinPolicy').fadeIn();
        }
    });

    $('#collapse-access-settings').on('show.bs.collapse', function () {
        // change link arrow
        $('#access-settings-link i').removeClass('fa-caret-right');
        $('#access-settings-link i').addClass('fa-caret-down');
    });

    $('#collapse-access-settings').on('hide.bs.collapse', function () {
        // change link arrow
        $('#access-settings-link i').removeClass('fa-caret-down');
        $('#access-settings-link i').addClass('fa-caret-right');
    });

</script>
