<?php defined('ABSPATH') or die('Access denied.'); ?>

<div class="row">
    <div class="col-md-12 m-b-16">
        <small><?php esc_html_e('Placeholders can be understood as predefined ‘search and replace‘ templates; that will be replaced with some actual values at the execution time; usually this is used for MySQL queries, but you can use it for filtering and editing for manual tables and only filtering for tables created from XML, JSON, Excel, CSV, Google Spreadsheet and PHP Serialized array.', 'wpdatatables'); ?></small>
    </div>
</div>

<!-- .row -->
<div class="row">

    <div class="col-sm-4 m-b-16">

        <h4 class="c-title-color m-b-2">
            %VAR1%
            <i class=" wpdt-icon-info-circle-thin" data-toggle="tooltip" data-placement="right"
               title="<?php esc_attr_e('This placeholder will be replaced with any value that you will provide in a shortcode. Provide a default value here that will be used for table generation and when a different one is not defined in the shortcode.', 'wpdatatables'); ?>"></i>
        </h4>

        <div class="fg-line form-group m-b-0">
            <input id="wdt-var1-placeholder" type="text" class="form-control input-sm"
                   placeholder="<?php esc_attr_e('Default for table generation', 'wpdatatables'); ?>">
        </div>

    </div>

    <div class="col-sm-4 m-b-16">

        <h4 class="c-title-color m-b-2">
            %VAR2%
            <i class="wpdt-icon-info-circle-thin" data-toggle="tooltip" data-placement="right"
               title="<?php esc_attr_e('This placeholder will be replaced with any value that you will provide in a shortcode. Provide a default value here that will be used for table generation and when a different one is not defined in the shortcode.', 'wpdatatables'); ?>"></i>
        </h4>

        <div class="fg-line form-group  m-b-0">
            <input id="wdt-var2-placeholder" type="text" class="form-control input-sm"
                   placeholder="<?php esc_attr_e('Default for table generation', 'wpdatatables'); ?>">
        </div>

    </div>

    <div class="col-sm-4 m-b-16">

        <h4 class="c-title-color m-b-2">
            %VAR3%
            <i class="wpdt-icon-info-circle-thin" data-toggle="tooltip" data-placement="right"
               title="<?php esc_attr_e('This placeholder will be replaced with any value that you will provide in a shortcode. Provide a default value here that will be used for table generation and when a different one is not defined in the shortcode.', 'wpdatatables'); ?>"></i>
        </h4>

        <div class="fg-line form-group m-b-0">
            <input id="wdt-var3-placeholder" type="text" class="form-control input-sm"
                   placeholder="<?php esc_attr_e('Default for table generation', 'wpdatatables'); ?>">
        </div>

    </div>

</div>
<!-- /.row -->

<!-- .row -->
<div class="row">

    <div class="col-sm-4 m-b-16">

        <h4 class="c-title-color m-b-2">
            %VAR4%
            <i class=" wpdt-icon-info-circle-thin" data-toggle="tooltip" data-placement="right"
               title="<?php esc_attr_e('This placeholder will be replaced with any value that you will provide in a shortcode. Provide a default value here that will be used for table generation and when a different one is not defined in the shortcode.', 'wpdatatables'); ?>"></i>
        </h4>

        <div class="fg-line form-group m-b-0">
            <input id="wdt-var4-placeholder" type="text" class="form-control input-sm"
                   placeholder="<?php esc_attr_e('Default for table generation', 'wpdatatables'); ?>">
        </div>

    </div>

    <div class="col-sm-4 m-b-16">

        <h4 class="c-title-color m-b-2">
            %VAR5%
            <i class="wpdt-icon-info-circle-thin" data-toggle="tooltip" data-placement="right"
               title="<?php esc_attr_e('This placeholder will be replaced with any value that you will provide in a shortcode. Provide a default value here that will be used for table generation and when a different one is not defined in the shortcode.', 'wpdatatables'); ?>"></i>
        </h4>

        <div class="fg-line form-group  m-b-0">
            <input id="wdt-var5-placeholder" type="text" class="form-control input-sm"
                   placeholder="<?php esc_attr_e('Default for table generation', 'wpdatatables'); ?>">
        </div>

    </div>

    <div class="col-sm-4 m-b-16">

        <h4 class="c-title-color m-b-2">
            %VAR6%
            <i class="wpdt-icon-info-circle-thin" data-toggle="tooltip" data-placement="right"
               title="<?php esc_attr_e('This placeholder will be replaced with any value that you will provide in a shortcode. Provide a default value here that will be used for table generation and when a different one is not defined in the shortcode.', 'wpdatatables'); ?>"></i>
        </h4>

        <div class="fg-line form-group m-b-0">
            <input id="wdt-var6-placeholder" type="text" class="form-control input-sm"
                   placeholder="<?php esc_attr_e('Default for table generation', 'wpdatatables'); ?>">
        </div>

    </div>

</div>
<!-- /.row -->

<!-- .row -->
<div class="row">

    <div class="col-sm-4 m-b-16">

        <h4 class="c-title-color m-b-2">
            %VAR7%
            <i class=" wpdt-icon-info-circle-thin" data-toggle="tooltip" data-placement="right"
               title="<?php esc_attr_e('This placeholder will be replaced with any value that you will provide in a shortcode. Provide a default value here that will be used for table generation and when a different one is not defined in the shortcode.', 'wpdatatables'); ?>"></i>
        </h4>

        <div class="fg-line form-group m-b-0">
            <input id="wdt-var7-placeholder" type="text" class="form-control input-sm"
                   placeholder="<?php esc_attr_e('Default for table generation', 'wpdatatables'); ?>">
        </div>

    </div>

    <div class="col-sm-4 m-b-16">

        <h4 class="c-title-color m-b-2">
            %VAR8%
            <i class="wpdt-icon-info-circle-thin" data-toggle="tooltip" data-placement="right"
               title="<?php esc_attr_e('This placeholder will be replaced with any value that you will provide in a shortcode. Provide a default value here that will be used for table generation and when a different one is not defined in the shortcode.', 'wpdatatables'); ?>"></i>
        </h4>

        <div class="fg-line form-group  m-b-0">
            <input id="wdt-var8-placeholder" type="text" class="form-control input-sm"
                   placeholder="<?php esc_attr_e('Default for table generation', 'wpdatatables'); ?>">
        </div>

    </div>

    <div class="col-sm-4 m-b-16">

        <h4 class="c-title-color m-b-2">
            %VAR9%
            <i class="wpdt-icon-info-circle-thin" data-toggle="tooltip" data-placement="right"
               title="<?php esc_attr_e('This placeholder will be replaced with any value that you will provide in a shortcode. Provide a default value here that will be used for table generation and when a different one is not defined in the shortcode.', 'wpdatatables'); ?>"></i>
        </h4>

        <div class="fg-line form-group m-b-0">
            <input id="wdt-var9-placeholder" type="text" class="form-control input-sm"
                   placeholder="<?php esc_attr_e('Default for table generation', 'wpdatatables'); ?>">
        </div>

    </div>

</div>
<!-- /.row -->

<!-- .row -->
<div class="row">

    <div class="col-sm-4 m-b-16">

        <h4 class="c-title-color m-b-2">
            %CURRENT_USER_ID%
            <i class="wpdt-icon-info-circle-thin" data-toggle="tooltip" data-placement="right"
               title="<?php esc_attr_e('This placeholder will be replaced with the ID of currently logged in user.', 'wpdatatables'); ?>"></i>
        </h4>

        <div class="fg-line form-group m-b-0">
            <input id="wdt-user-id-placeholder" type="text"
                   value="<?php echo get_current_user_id(); ?>" class="form-control input-sm"
                   placeholder="<?php esc_attr_e('Default for table generation', 'wpdatatables'); ?>">
        </div>

    </div>

    <div class="col-sm-4 m-b-16">

        <h4 class="c-title-color m-b-2">
            %CURRENT_USER_LOGIN%
            <i class="wpdt-icon-info-circle-thin" data-toggle="tooltip" data-placement="right"
               title="<?php esc_attr_e('This placeholder will be replaced with the login of currently logged in user.', 'wpdatatables'); ?>"></i>
        </h4>

        <div class="fg-line form-group m-b-0">
            <?php $wdt_current_user = wp_get_current_user(); ?>
            <input id="wdt-user-login-placeholder" type="text"
                   value="<?php echo esc_attr($wdt_current_user->user_login); ?>"
                   class="form-control input-sm"
                   placeholder="<?php esc_attr_e('Default for table generation', 'wpdatatables'); ?>">
        </div>

    </div>

    <div class="col-sm-4 m-b-16">

        <h4 class="c-title-color m-b-2">
            %CURRENT_USER_EMAIL%
            <i class="wpdt-icon-info-circle-thin" data-toggle="tooltip" data-placement="right"
               title="<?php esc_attr_e('This placeholder will be replaced with the Email of currently logged in user.', 'wpdatatables'); ?>"></i>
        </h4>

        <div class="fg-line form-group m-b-0">
            <?php $wdt_current_user = wp_get_current_user(); ?>
            <input id="wdt-user-email-placeholder" type="text"
                   value="<?php echo esc_attr($wdt_current_user->user_email); ?>"
                   class="form-control input-sm"
                   placeholder="<?php esc_attr_e('Default for table generation', 'wpdatatables'); ?>">
        </div>

    </div>

</div>
<!-- /.row -->

<!-- .row -->
<div class="row">

    <div class="col-sm-4 m-b-16">

        <h4 class="c-title-color m-b-2">
            %CURRENT_USER_DISPLAY_NAME%
            <i class="wpdt-icon-info-circle-thin" data-toggle="tooltip" data-placement="right"
               title="<?php esc_attr_e('This placeholder will be replaced with the Display Name of currently logged in user.', 'wpdatatables'); ?>"></i>
        </h4>

        <div class="fg-line form-group m-b-0">
            <?php $wdt_current_user = wp_get_current_user(); ?>
            <input id="wdt-user-display-name-placeholder" type="text"
                   value="<?php echo esc_attr($wdt_current_user->display_name); ?>"
                   class="form-control input-sm"
                   placeholder="<?php esc_attr_e('Default for table generation', 'wpdatatables'); ?>">
        </div>

    </div>

    <div class="col-sm-4 m-b-16">

        <h4 class="c-title-color m-b-2">
            %CURRENT_USER_FIRST_NAME%
            <i class="wpdt-icon-info-circle-thin" data-toggle="tooltip" data-placement="right"
               title="<?php esc_attr_e('This placeholder will be replaced with the First Name of currently logged in user.', 'wpdatatables'); ?>"></i>
        </h4>

        <div class="fg-line form-group m-b-0">
            <?php $wdt_current_user = wp_get_current_user(); ?>
            <input id="wdt-user-first-name-placeholder" type="text"
                   value="<?php echo esc_attr($wdt_current_user->first_name); ?>"
                   class="form-control input-sm"
                   placeholder="<?php esc_attr_e('Default for table generation', 'wpdatatables'); ?>">
        </div>

    </div>

    <div class="col-sm-4 m-b-16">

        <h4 class="c-title-color m-b-2">
            %CURRENT_USER_LAST_NAME%
            <i class="wpdt-icon-info-circle-thin" data-toggle="tooltip" data-placement="right"
               title="<?php esc_attr_e('This placeholder will be replaced with the Last Name of currently logged in user.', 'wpdatatables'); ?>"></i>
        </h4>

        <div class="fg-line form-group m-b-0">
            <?php $wdt_current_user = wp_get_current_user(); ?>
            <input id="wdt-user-last-name-placeholder" type="text"
                   value="<?php echo esc_attr($wdt_current_user->last_name); ?>"
                   class="form-control input-sm"
                   placeholder="<?php esc_attr_e('Default for table generation', 'wpdatatables'); ?>">
        </div>

    </div>

</div>
<!-- /.row -->

<!-- .row -->
<div class="row">

    <div class="col-sm-4 m-b-16">

        <h4 class="c-title-color m-b-2">
            %CURRENT_DATE%
            <i class="wpdt-icon-info-circle-thin" data-toggle="tooltip" data-placement="right"
               title="<?php esc_attr_e('This placeholder will be replaced with current date.', 'wpdatatables'); ?>"></i>
        </h4>

        <div class="fg-line form-group m-b-0">
            <?php $wdt_current_date = current_time(get_option('wdtDateFormat'));
            ?>
            <input id="wdt-date-placeholder" type="text"
                   value="<?php echo esc_attr($wdt_current_date) ?>" class="form-control input-sm"
                   placeholder="<?php esc_attr_e('Default for table generation', 'wpdatatables'); ?>">
        </div>

    </div>

    <div class="col-sm-4 m-b-16">

        <h4 class="c-title-color m-b-2">
            %CURRENT_DATETIME%
            <i class="wpdt-icon-info-circle-thin" data-toggle="tooltip" data-placement="right"
               title="<?php esc_attr_e('This placeholder will be replaced with current datetime.', 'wpdatatables'); ?>"></i>
        </h4>

        <div class="fg-line form-group m-b-0">
            <?php $wdt_current_date = current_time(get_option('wdtDateFormat'));
            $wdt_current_time = current_time(get_option('wdtTimeFormat'));
            ?>
            <input id="wdt-datetime-placeholder" type="text"
                   value="<?php echo esc_attr($wdt_current_date . ' ' . $wdt_current_time) ?>"
                   class="form-control input-sm"
                   placeholder="<?php esc_attr_e('Default for table generation', 'wpdatatables'); ?>">
        </div>

    </div>

    <div class="col-sm-4 m-b-16">

        <h4 class="c-title-color m-b-2">
            %CURRENT_TIME%
            <i class="wpdt-icon-info-circle-thin" data-toggle="tooltip" data-placement="right"
               title="<?php esc_attr_e('This placeholder will be replaced with current time.', 'wpdatatables'); ?>"></i>
        </h4>

        <div class="fg-line form-group m-b-0">
            <?php $wdt_current_time = current_time(get_option('wdtTimeFormat'));
            ?>
            <input id="wdt-time-placeholder" type="text"
                   value="<?php echo esc_attr($wdt_current_time) ?>" class="form-control input-sm"
                   placeholder="<?php esc_attr_e('Default for table generation', 'wpdatatables'); ?>">
        </div>

    </div>

</div>
<!-- /.row -->

<div class="row">

    <div class="col-sm-4 m-b-16">

        <h4 class="c-title-color m-b-2">
            %CURRENT_POST_ID%
            <i class="wpdt-icon-info-circle-thin" data-toggle="tooltip" data-placement="right"
               title="<?php esc_attr_e('This placeholder will be replaced with the ID of current post.', 'wpdatatables'); ?>"></i>
        </h4>

        <div class="fg-line form-group m-b-0">
            <input id="wdt-post-id-placeholder" type="text" value="" class="form-control input-sm"
                   placeholder="<?php esc_attr_e('Default for table generation', 'wpdatatables'); ?>">
        </div>

    </div>

    <div class="col-sm-4 m-b-16">

        <h4 class="c-title-color m-b-2">
            %WPDB%
            <i class="wpdt-icon-info-circle-thin" data-toggle="tooltip" data-placement="right"
               title="<?php esc_attr_e('This placeholder will be replaced with the current prefix of WordPress database.', 'wpdatatables'); ?>"></i>
        </h4>

        <div class="fg-line form-group m-b-0">
            <?php global $wpdb; ?>
            <input id="wdt-wpdb-placeholder" type="text"
                   value="<?php echo esc_attr($wpdb->prefix); ?>"
                   class="form-control input-sm"
                   placeholder="<?php esc_attr_e('Default for table generation', 'wpdatatables'); ?>">
        </div>

    </div>

</div>
