<div class="mb-3">
    <label class="form-label">
        <?php echo $this->translate('Color');?></label>
    <input type="text" name="data[<?php echo $key;?>][color]" class="form-control form-control-lg colorpicker" placeholder="#000" value="<?php echo get($Settings, 'data.color', $key);?>" maxlength="255">
</div>
<div class="mb-3">
    <label class="form-label">XP 
        <?php echo $this->translate('Color');?></label>
    <input type="text" name="data[<?php echo $key;?>][xp_color]" class="form-control form-control-lg colorpicker" placeholder="#000" value="<?php echo get($Settings, 'data.xp_color', $key);?>" maxlength="255">
</div>
<div class="mb-3">
    <label class="form-label"><?php echo $this->translate('Newest limit');?></label>
    <input type="number" name="data[<?php echo $key;?>][newest]" class="form-control form-control-lg" placeholder="<?php echo $this->translate('Newest limit');?>" value="<?php echo get($Settings, 'data.newest', $key);?>" maxlength="100">
</div>
<div class="mb-3">
    <label class="form-label"><?php echo $this->translate('Popular limit');?></label>
    <input type="number" name="data[<?php echo $key;?>][popular]" class="form-control form-control-lg" placeholder="<?php echo $this->translate('Popular limit');?>" value="<?php echo get($Settings, 'data.popular', $key);?>" maxlength="100">
</div>
<div class="mb-3">
    <label class="form-label"><?php echo $this->translate('Random limit');?></label>
    <input type="number" name="data[<?php echo $key;?>][random]" class="form-control form-control-lg" placeholder="<?php echo $this->translate('Random limit');?>" value="<?php echo get($Settings, 'data.random', $key);?>" maxlength="100">
</div>
<div class="mb-3">
    <label class="form-label"><?php echo $this->translate('Listing limit');?></label>
    <input type="number" name="data[<?php echo $key;?>][listing]" class="form-control form-control-lg" placeholder="<?php echo $this->translate('Listing limit');?>" value="<?php echo get($Settings, 'data.listing', $key);?>" maxlength="100">
</div>
<div class="mb-3">
    <label class="form-label"><?php echo $this->translate('Collection limit');?></label>
    <input type="number" name="data[<?php echo $key;?>][collection]" class="form-control form-control-lg" placeholder="<?php echo $this->translate('Collection limit');?>" value="<?php echo get($Settings, 'data.listing', $key);?>" maxlength="100">
</div>
<hr>

<div class="mb-3">
    <label class="form-label"><?php echo $this->translate('Play game earn XP');?></label>
    <input type="number" name="data[<?php echo $key;?>][play_xp]" class="form-control form-control-lg" placeholder="<?php echo $this->translate('Play game earn XP');?>" value="<?php echo get($Settings, 'data.play_xp', $key);?>" maxlength="100">
</div>
<div class="mb-3">
    <label class="form-label"><?php echo $this->translate('Comment earn XP');?></label>
    <input type="number" name="data[<?php echo $key;?>][comment_xp]" class="form-control form-control-lg" placeholder="<?php echo $this->translate('Comment earn XP');?>" value="<?php echo get($Settings, 'data.comment_xp', $key);?>" maxlength="100">
</div>