<?php

require __DIR__ . '/../../../include/WB/Class.php';

WBClass::load('WBLog');

$enable =   array(
            'title',
            'percent',
            'level'
);


$formDef                        =   array();
$formDef['elements']            =   array();
if (in_array('title', $enable)) {
    $formDef['elements']['title']   =   array(
                                'type'          =>  'String',
                                'attributes'    =>  array(
                                                            'required'      =>  'no',
                                                            'title'         =>  'Title',
                                                            'description'   =>  'Title description',
                                                            'default'       =>  'Hello World',
                                                            'minlength'     =>  0,
                                                            'maxlength'     =>  200
                                            )
                                );
}
if (in_array('percent', $enable)) {
    $formDef['elements']['percent']   =   array(
                                'type'          =>  'Range',
                                'attributes'    =>  array(
                                                            'class'         =>  'form-range',
                                                            'required'      =>  'no',
                                                            'presets'       =>  'no',
                                                            'title'         =>  'Percent',
                                                            'description'   =>  'Percent description',
                                                            'default'       =>  20,
                                                            'min'           =>  0,
                                                            'max'           =>  100,
                                                            'step'          =>  5,
                                                            'values'        =>  array(
                                                                                    array(
                                                                                            'value' =>  '0',
                                                                                            'label' =>  '0%'
                                                                                        ),
                                                                                    array(
                                                                                            'value' =>  '25',
                                                                                            'label' =>  '25%'
                                                                                        ),
                                                                                    array(
                                                                                            'value' =>  '50',
                                                                                            'label' =>  '50%'
                                                                                        ),
                                                                                    array(
                                                                                            'value' =>  '75',
                                                                                            'label' =>  '75%'
                                                                                        ),
                                                                                    array(
                                                                                            'value' =>  '100',
                                                                                            'label' =>  '100%'
                                                                                        )
                                                                                    )
                                            )
                                );

}
if (in_array('level', $enable)) {
    $formDef['elements']['level']   =   array(
                                'type'          =>  'Range',
                                'attributes'    =>  array(
                                                            'class'         =>  'form-range form-range-vertical',
                                                            'required'      =>  'no',
                                                            'presets'       =>  'no',
                                                            'title'         =>  'Level',
                                                            'description'   =>  'Level description',
                                                            'default'       =>  3,
                                                            'min'           =>  0,
                                                            'max'           =>  10,
                                                            'step'          =>  1,
                                                            'values'        =>  array(
                                                                                    array(
                                                                                            'value' =>  0,
                                                                                            'label' =>  'Lamer'
                                                                                        ),
                                                                                    array(
                                                                                            'value' =>  2,
                                                                                            'label' =>  'Novice'
                                                                                        ),
                                                                                    array(
                                                                                            'value' =>  5,
                                                                                            'label' =>  'Nerd'
                                                                                        ),
                                                                                    array(
                                                                                            'value' =>  7,
                                                                                            'label' =>  'Hacker'
                                                                                        ),
                                                                                    array(
                                                                                            'value' =>  10,
                                                                                            'label' =>  'l33t'
                                                                                        )
                                                                                    )
                                            )
                                );

}


foreach ($formDef['elements'] as &$def) {
    $def['attributes']['label'] =   $def['attributes']['title'];
}


/** @var patForms */
$form   =   WBClass::create('patForms', $formDef);

$formStatus =   'notsubmitted';
if (!empty($_REQUEST['save'])) {
    $form->setSubmitted(true);
    if ($form->validateForm()) {
        $formStatus =   'valid';
    }
    else {
        $formStatus =   'invalid';
    }
}
?>
<!doctype html>
<html lang="de">
<head>
<meta http-equiv="Content-Language" content="de" />
<title>Form Element Date</title>
<script src="../../../resource/js/jquery-3.js"></script>
<style>
.form-control,
input.form-range {
    width: 100%;
}
.form-range-gauge {
    float:right
}

input.form-range-vertical {
    writing-mode: vertical-lr;
    width: auto;
}

datalist.form-range {
    display: flex;
    /*flex-direction: column;*/
    justify-content: space-between;
    /*writing-mode: vertical-lr;*/
    /*width: 200px;*/
}
datalist.form-range.form-range-vertical {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*writing-mode: vertical-lr;*/
    /*width: 200px;*/
}

datalist.form-range option {
    padding: 0;
}

</style>
</head>
<body>
<h2>Form</h2>
<p>
    <a href="<?php echo $_SERVER['PHP_SELF']?>">restart</a>
</p>
<form action="<?php echo $_SERVER['PHP_SELF']?>" method="post">
<input type="hidden" name="save" value="save" />
<hr />
<?php

$htmlFmt    =   <<<EOT
<div>
    <div>
        <div class="form-range-gauge">%2\$s</div>
        %1\$s:
        %3\$s
    </div>
    <div>
        <pre style="font-size:75%%;">%4\$s</pre>
    </div>
    <hr />
</div>
EOT;

$elements   = $form->renderForm();
foreach ($elements as $e) {
    if (empty($e['gauge'])) {
        $e['gauge'] =   'no scope';
    }
    echo sprintf($htmlFmt, $e['label'], $e['gauge'], $e['element'], htmlspecialchars($e['element']));
}
?>
    <input type="submit" value="Send" />
</form>

<?php
echo "REQUEST <pre>" . print_r($_REQUEST, true) . "</pre>\n";
echo "FORM STATUS $formStatus <pre>" . print_r($form->getValues(), true) . "</pre>\n";
?>

</body>
</html>