<style>
    .label-var{
        background: beige;
    }
    .label-var label{
        padding: 3px 0;
        margin-top: 5px;
    }
    .fontawesome-icon-list div{
        padding: 3px 0;
    }
</style>
<div class="row">
    <div class="col-md-12 label-var">
        <label for="">
            Fixed Variable
        </label>
    </div>
</div>
<div class="row fontawesome-icon-list">
    <div class="col-md-12 col-sm-12"><a href="#" title="Inject This Variable" onclick="placeVariable('<?php echo CURRENT_DATE; ?>')"><i class="fa fa-fw fa-arrow-left"></i></a> CURRENT DATE</div>
    <div class="col-md-12 col-sm-12"><a href="#" title="Inject This Variable" onclick="placeVariable('<?php echo DOCUMENTS_LINK; ?>')"><i class="fa fa-fw fa-arrow-left"></i></a> Admin Email</div>
</div>
    <?php if(!empty($variable_list)){ ?>
    <?php foreach ($variable_list as $key => $value): ?>
            <div class="row">
                <div class="col-md-12 label-var">
                    <label for="">
                        <?php echo $key ?>
                    </label>
                </div>
            </div>
        <div class="row fontawesome-icon-list">

            <?php foreach ($value as $keys => $values): ?>
              <div class="col-md-12 col-sm-12"><a href="#" title="Inject This Variable" onclick="placeVariable('<?php echo $values; ?>')"><i class="fa fa-fw fa-arrow-left"></i></a> <?php echo $keys ?></div>
            <?php endforeach; ?>
        </div>
    <?php endforeach; } ?>





<script>
    function placeVariable(variable){
        event.preventDefault();
        tinymce.init({ selector:'textarea.editable' });
        tinymce.activeEditor.execCommand('mceInsertContent', false, variable);
    }
</script>