<?php

$font_weights = laniakea_get_font_weights();

?>


<div class="field-group">
    <h3>Font del sito</h3>
    <?php laniakea_input('global_font', 'text', 'gfont-autocomplete'); ?>
</div>
<div class="field-group">
    <h3>Grandezza del font</h3>
    <div style="column-count:2">
        <b>Roman</b>
        <?php
        foreach ($font_weights as $font) : ?>
            <div>
                <label>
                    <input type="checkbox" name="font_weights[]" class="font_weight_input" value="<?php echo $font['value'] ?>" <?php laniakea_checked_array(laniakea_option('font_weights'),  $font['value']); ?>>
                    <?php echo $font['label'] . ' ' . $font['value'] ?>
                </label>
            </div>

        <?php endforeach; ?>
        <b>Italic</b>
        <?php foreach ($font_weights as $font) : ?>

            <div>
                <label>
                    <input type="checkbox" name="font_weights[]" class="font_weight_input" value="1,<?php echo $font['value'] ?>" <?php laniakea_checked_array(laniakea_option('font_weights'), '1,' . $font['value']); ?>>
                    <?php echo $font['label'] . ' ' . $font['value'] ?> Italic
                </label>
            </div>
        <?php endforeach; ?>
    </div>
</div>
<div class="field-group">
    <h3>specificare px,em,rem,...</h3>
    <?php for ($i = 1; $i < 6; $i++) : ?>
        <h3>H<?php echo $i ?></h3>
        <div class="d-flex">
            <div class="flex-item" style="width:250px">
                <label> dimensione </label>
                <?php laniakea_input('h' . $i . '_size', 'text'); ?>
            </div>
            <div class="flex-item" style="width:250px">
                <label> interlinea </label>
                <?php laniakea_input('h' . $i . '_line_height', 'text'); ?>
            </div>
        </div>


    <?php endfor; ?>
</div>
<h3>Paragrafo</h3>
<div class="field-group">
    <div class="d-flex">
        <div class="flex-item" style="width:250px">
            <label>dimensione</label>
            <?php laniakea_input('paragraph_size', 'text'); ?>
        </div>
        <div class="flex-item" style="width:250px">
            <label>interlinea</label>
            <?php laniakea_input('paragraph_line_height', 'text'); ?>
        </div>
    </div>
</div>