<style>

    h4
    {
        font-weight: bold;
        margin: 10px 0px;
    }

    h4.divider
    {
        color: #D44A44;
        font-size: 12px;
    }

    h5
    {
        font-size: 11px;
        margin: 10px 0px;
    }

    .numberInput
    {
        width: 50px;
    }

    textarea
    {
        width: 100%;
    }

    table
    {
        width: 98%;
        border-left: 4px solid #7AD03A;
        padding-left: 2%;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
        background: white;
        padding-bottom: 15px;
    }

    table.inner-table
    {
        border: 0px;
        box-shadow: none;
    }

    table td
    {
        width: 48%;
        padding-right: 2%;
        vertical-align: top;
    }

    table td .pro-option-inner
    {
        background: #de4b42;
        color: white;
        opacity: 0.8;
        padding: 15px;
        position: relative;
        margin: 15px 0;
        overflow: hidden;
    }

    table.pro-option-table
    {
        position: relative;
    }

    table.pro-option-table .pro-option-overlay,
    table td.pro-option .pro-option-overlay
    {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba( 1, 1, 1, 0.6 );
        height: 0;
        overflow: hidden;
    }

    table.pro-option-table:hover .pro-option-overlay,
    table td.pro-option:hover .pro-option-overlay
    {
        height: 100%;
    }

    table.pro-option-table .pro-option-overlay a,
    table td.pro-option .pro-option-overlay a
    {
        position: absolute;
        left: 30%;
        display: block;
        right: 30%;
        padding: 15px 0;
        width: 40%;
        top: 30%;
        background: #DE4B42;
        font-weight: bold;
        font-size: 14px;
        border: 1px solid white;
        border-radius: 3px;
        cursor: pointer;
        color: white;
        text-align: center;
        text-decoration: none;
    }

    .default
    {
        font-size: 8px;
        font-style: italic;
    }

    .error
    {
        color: red;
    }

    .success
    {
        color: green;
    }

    #RMVersion
    {
        float: right;
        border-left: 4px solid #7AD03A;
        padding: 10px;
        background: white;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    }

    .note
    {
        padding: 25px 0px 0px 0px;
        color: green;
    }

    .button.file
    {
        background: white;
        padding: 0px !important;
    }

    @media only screen and ( min-width : 0px ) and ( max-width : 600px ) {
        table, table td, table tr
        {
            width: 100%;
            display: block;
        }
    }


    .nav-tabs .tab  {
        display: table-cell;
        padding: 10px;
        color: white;
        background-color: #DE4B42;
        border:#DE4B42;
        border-radius: 2px 2px 0 0;
        border-style: solid;
        border-width: 1px;
        box-sizing: border-box;
        cursor: pointer;
        display: inline-block;
        font-size: 13px;
        height: 28px;
        line-height: 26px;
        margin: 0;
        padding: 0 10px 1px;
        text-decoration: none;
        white-space: nowrap;
        border-bottom: 0;
    }
    .nav-tabs .tab.active  {
        background-color: #EA645D;
        background: #EA645D;
        color: #ffffff;
    }

    .nav-tabs {
        border-bottom: 1px #333 white;
        width: 98%;
    }

    .nav-tabs .tab.pro
    {
        background: #55B05A;
        border-color: #55B05A;
    }

   table.pro-option-table .pro-option-overlay,
    table td.pro-option .pro-option-overlay
    {
        transition: 0.5s all;
    }

.beta-available  {
	background: #DE4B42;
padding: 15px 2%;
width: 96%;
position: relative;
margin-top: 15px;
	}
a.beta-link {
color: white;
text-decoration: none;
}
.beta-button {
display: inline-block; 
padding: 5px 15px; 
background: white; 
color: #DE4B42;
margin: 10px 0;
}
.beta-title {
font-size: 16px;
margin-bottom: 10px;
}
.beta-close {
position: absolute;
top: 15px;
right: 2%;
font-size: 18px;
padding: 15px;
font-weight: bold;
}
</style>

<script>

    jQuery(document).ready(function ($) {

        $( '.pro-option-inner, .pro-option-table' ).append( '<div class="pro-option-overlay"><a target="_blank" href="http://responsive.menu/pricing/">Upgrade now</a>');

        $('.colourPicker').wpColorPicker( );

	if (localStorage.rmbetaclosed) {
    		$('.beta-available').hide();
	} else {
		$(document).on('click', '.beta-close', function(e) {
			e.stopPropagation();
			e.preventDefault();
			$('.beta-available').fadeOut();
			localStorage.rmbetaclosed = "true";
		});
	}


        var custom_uploader;

        $('.RMImageButton').click(function (e) {

            e.preventDefault();
            window.imgFor = $(this).attr('for');

            //If the uploader object has already been created, reopen the dialog
            if (custom_uploader) {

                custom_uploader.open();
                return;
            }

            //Extend the wp.media object
            custom_uploader = wp.media.frames.file_frame = wp.media({
                title: 'Choose Image',
                button: {
                    text: 'Choose Image',
                    id: 'test'
                },
                multiple: false
            });

            //When a file is selected, grab the URL and set it as the text field's value
            custom_uploader.on('select', function () {

                attachment = custom_uploader.state().get('selection').first().toJSON();

                $('#' + window.imgFor).val(attachment.url);

            });

            //Open the uploader dialog
            custom_uploader.open();

        });

    });
</script>

<script type="text/javascript">
    jQuery(function () {
        var $ = jQuery;
        $('.tab', $('.nav-tabs')).on('click', function () {
            $('.tab', $('.nav-tabs')).each(function () {
                $(this).removeClass('active');
                var hide = $(this).attr('data-show-tab');
                $(hide).hide();
            });

            $(this).addClass('active');
            var show = $(this).attr('data-show-tab');
            $(show).show();
        });
        $('.tab', $('.nav-tabs')).first().trigger('click');
    });
</script>

<div class="wrap">

    <div id="RMVersion">
        <?php _e('Version'); ?> <?php echo RM_Registry::get('config', 'current_version'); ?>
    </div>

    <form action="" method="post" enctype="multipart/form-data">

    <input
        type="submit"
        class="button button-primary"
        name="RMSubmit"
        value="<?php _e('Update Responsive Menu Options', 'responsive-menu'); ?>"
        style="display: none;"
        />

        <h2><?php _e('Responsive Menu Options', 'responsive-menu'); ?></h2>

        <?php
        if ($status = RM_Status::get())
            echo self::statusBar($status);
        ?>

        <nav class="menu-tabs">
            <ul class="nav nav-tabs">
                <li class="tab active" data-show-tab=".setting">Setting</li>
                <li class="tab" data-show-tab=".look-and-feel">Look & Feel</li>
                <li class="tab" data-show-tab=".advanced-setting">Advanced Setting</li>
                <li class="tab" data-show-tab=".import-export">Import/Export</li>
                <li class="tab pro" data-show-tab=".single-menu">Single Menu [PRO]</li>
                <li class="tab pro" data-show-tab=".themes">Header Bar & Themes [PRO]</li>
                <li class="tab pro" data-show-tab=".custom-css">Custom CSS [PRO]</li>
            </ul>
        </nav>

<a target="_blank" class="button" style="background: #55B05A; color: white;" href="http://responsive.menu/pricing"><?php _e( 'Go Pro - Upgrade now for just $9.99' ); ?></a>

	<a class="beta-link" href="https://downloads.wordpress.org/plugin/responsive-menu.beta.zip" />
		<div class="beta-available">
			<div class="beta-title">Responsive Menu 3.0 Beta now available!</div>
			<div class="beta-content">Please send all bugs and feedback to support@responsive.menu.<br />
			Please remember this is beta software so only use in development environments and not on a live sites.<br />
Requires PHP 5.4+</div>
			<div class="beta-button">Download now</div>
<div class="beta-close">x</div>
		</div>
	</a>
        <div class="setting">
            <h3><?php _e('Meta Tag Check', 'responsive-menu'); ?></h3>

            <table>
				<tr>
                    <td>
                        <h4><?php _e('Recommended Metaport Tag', 'responsive-menu-pro'); ?></h4>
                    </td>
                </tr>
                <tr>
                    <td>

                        &lt;meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' /&gt;
                    </td>
                </tr>
                <tr>
                    <td>
                        <h4 class="divider">
                            <?php _e('Note', 'responsive-menu-pro'); ?>:
                            <?php _e('This is only a reference guide and yours may vary slightly', 'responsive-menu-pro'); ?>.
                        </h4>
                    </td>
                </tr>
            </table>

            <h3><?php _e('Transient Caching', 'responsive-menu'); ?></h3>

            <table>

                <tr>
                    <td>
                        <h4>
                            <?php _e('Turn on transient caching', 'responsive-menu'); ?>
                        </h4>
                        <h5>
                            <?php _e('Transient caching will save you ~80% on load times, however please note that this will break active links etc.', 'responsive-menu'); ?>
                        </h5>

                        <input
                            type="checkbox"
                            name="RMUseTran"
                            id="RMUseTran"
                            value="usetransient"
                            <?php echo isset($data['RMUseTran']) && $data['RMUseTran'] == 'usetransient' ? ' checked="checked" ' : ''; ?>
                            />

                    </td>
                </tr>
            </table>

            <h3><?php _e('Shortcode Support', 'responsive-menu'); ?></h3>

            <table>
                <tr>
                    <td>

                        <table class='inner-table'>
                            <tr>
                                <td>
                                    <h4><?php _e('Click to use shortcode', 'responsive-menu'); ?></h4>

                                    <h5><?php _e('Tick if you would like to use a shortcode instead of the default behaviour', 'responsive-menu'); ?></h5>

                                    <input
                                        type="checkbox"
                                        name="RMShortcode"
                                        id="RMShortcode"
                                        value="shortcode"
                                        <?php echo isset($data['RMShortcode']) && $data['RMShortcode'] == 'shortcode' ? ' checked="checked" ' : ''; ?>
                                        /> [responsive-menu]
                                    <br /><br />
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <?php _e("For a list of available shortcode options with explanations please visit the following page:", 'responsive-menu'); ?>
                                    <br /><br />
                                    <a target="_blank" href="http://responsive.menu/faq/shortcode/options/">
                                        <?php _e("Shortcode Options"); ?>
                                    </a>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td>

                        <h4><?php _e("Available Shortcode Options/Values"); ?></h4>

                        <table>
                            <tr>
                                <td><strong><?php _e("Option"); ?></strong></td>
                                <td><strong><?php _e("Values"); ?></strong></td>
                            </tr>

                            <?php
                            if (ResponsiveMenu::hasMenus()) :

                                $i = 0;

                                foreach ($menus = ResponsiveMenu::getMenus() as $menu) :

                                    $opt = $i == 0 ? 'menu' : '';

                                    echo '<tr><td>' . $opt . '</td><td>' . $menu->slug . '</td></tr>';

                                    $i++;

                                endforeach;

                                echo '<tr><td colspan="2"><br /><em>e.g - [responsive-menu menu="' . $menus[0]->slug . '"]</em></td></tr>';

                            else :

                                echo '<tr><td colspan="2">' . _e("Sorry, there are no available options") . '</td></tr>';

                            endif;
                            ?>
                            <tr>
                                <td><strong><?php _e("Option"); ?></strong></td>
                                <td><strong><?php _e("Example Value"); ?></strong></td>
                            </tr>
                            <tr>
                                <td>title</td>
                                <td>Título</td>
                            </tr>
                            <tr>
                                <td>title_link</td>
                                <td>http://mipagina.es</td>
                            </tr>
                            <tr>
                                <td>title_open</td>
                                <td>_blank</td>
                            </tr>
                            <tr>
                                <td>title_img</td>
                                <td>http://example.com/title-img-2.jpg</td>
                            </tr>
                            <tr>
                                <td>html</td>
                                <td>&lt;a href='http://www.example.com'&gt;Example&lt;/a&gt;</td>
                            </tr>
                            <tr>
                                <td>html_loc</td>
                                <td>above</td>
                            </tr>
                            <tr>
                                <td>search_loc</td>
                                <td>below</td>
                            </tr>
                            <tr>
                                <td>btn_img</td>
                                <td>http://example.com/btn-img-2.jpg</td>
                            </tr>
                            <tr>
                                <td>btn_img_clicked</td>
                                <td>http://example.com/btn-img-clicked-2.jpg</td>
                            </tr>
                            <tr>
                                <td>btn_title</td>
                                <td>Menú</td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <em><?php _e("e.g"); ?> - [responsive-menu title="Título" title_link="http://mipagina.es"]</em>
                                </td>
                            </tr>
                        </table>

                    </td>
                </tr>

            </table>

            <h3><?php _e( 'Mobile devices', 'responsive-menu' ); ?></h3>

            <table>
                <tr>
                    <td class="pro-option">
                    <div class="pro-option-inner">
                        <h4>
                            <?php _e( 'Only use Responsive Menu on mobile devices', 'responsive-menu'); ?>
                        </h4>
                        <h5>
                            <?php _e('This will ignore all breakpoint width settings and show the menu only on mobile devices using the wp_is_mobile() function', 'responsive-menu'); ?>
                        </h5>

                        <input
                            type="checkbox"
                            name="use_only_on_mobile"
                            />
                            </div>
                    </td>
                </tr>
            </table>

        </div>

        <div class="look-and-feel">
            <h3><?php _e('Click Button Settings', 'responsive-menu'); ?></h3>

            <table>

                <tr>
                    <td>
                        <h4><?php _e('Click Button Title', 'responsive-menu'); ?></h4>

                        <h5><?php _e('This is the title under the 3 lines of the click button', 'responsive-menu'); ?></h5>

                        <input
                            type="text"
                            name="RMClickTitle"
                            value="<?php echo isset($data['RMClickTitle']) ? $data['RMClickTitle'] : ''; ?>"
                            />
                    </td>
                    <td>

                        <h4><?php _e('Click Button Image', 'responsive-menu'); ?></h4>

                        <h5><?php _e('This is the click button that replaces the 3 lines. If empty, the 3 lines will be used', 'responsive-menu'); ?></h5>

                        <input
                            type="text"
                            id="RMClickImg"
                            name="RMClickImg"
                            value="<?php echo isset($data['RMClickImg']) ? $data['RMClickImg'] : ''; ?>"
                            />

                        <input
                            type="button"
                            id="RMImageButton"
                            value="<?php _e('Upload Image', 'responsive-menu'); ?>"
                            class="button RMImageButton"
                            for="RMClickImg"
                            />

                    </td>
                </tr>
                <tr>
                    <td>
                        <h4><?php _e('Change click menu to an X on click', 'responsive-menu'); ?></h4>

                        <h5>
                            <?php _e('Tick this if you would like the 3 lines to turn into an x once clicked', 'responsive-menu'); ?>.
                        </h5>
                        <input
                            type="checkbox"
                            name="RMX"
                            id="RMX"
                            value="rmx"
                            <?php echo $data['RMX'] == 'rmx' ? ' checked="checked" ' : ''; ?>
                            />
                    </td>
                    <td>

                        <h4><?php _e('Click Button Image When Clicked', 'responsive-menu'); ?></h4>

                        <h5><?php _e('This is the click button image that replaces the 3 lines when clicked. If empty, the 3 lines will be used', 'responsive-menu'); ?></h5>

                        <input
                            type="text"
                            id="RMClickImgClicked"
                            name="RMClickImgClicked"
                            value="<?php echo isset($data['RMClickImgClicked']) ? $data['RMClickImgClicked'] : ''; ?>"
                            />

                        <input
                            type="button"
                            id="RMClickHovImgButton"
                            value="<?php _e('Upload Image', 'responsive-menu'); ?>"
                            class="button RMImageButton"
                            for="RMClickImgClicked"
                            />

                    </td>
                </tr>


                <tr>
                    <td>

                        <h4><?php _e('Fixed Positioning', 'responsive-menu'); ?></h4>

                        <h5><?php _e('Tick this if you would like the click button to remain in the same place when scrolling', 'responsive-menu'); ?>.</h5>

                        <input
                            type="checkbox"
                            name="RMPos"
                            id="RMPos"
                            value="fixed"
                            <?php echo $data['RMPos'] == 'fixed' ? ' checked="checked" ' : ''; ?>
                            />

                    </td>
                    <td>

                        <h4><?php _e('Click Trigger', 'responsive-menu'); ?></h4>

                        <h5><?php _e('You can set a custom ID or class for custom triggers here if you wish.', 'responsive-menu'); ?>.</h5>

                        <input
                            type="text"
                            name="RMTrigger"
                            id="RMTrigger"
                            value="<?php echo isset($data['RMTrigger']) ? $data['RMTrigger'] : RM_Registry::get('defaults', 'RMTrigger'); ?>"
                            />

                    </td>
                </tr>
                <tr>
                    <td>

                        <h4><?php _e('Click Button Title Position', 'responsive-menu'); ?></h4>

                        <h5><?php _e('This defines where the menu button title is shown in relation to the 3 lines', 'responsive-menu'); ?></h5>

                        <select name="RMClickTitlePos">

                            <option
                                value="bottom"
                                <?php echo 'bottom' == $data['RMClickTitlePos'] ? 'selected="selected"' : ''; ?>>
                                Below
                            </option>

                            <option
                                value="top"
                                <?php echo 'top' == $data['RMClickTitlePos'] ? 'selected="selected"' : ''; ?>>
                                On Top
                            </option>

                            <option
                                value="left"
                                <?php echo 'left' == $data['RMClickTitlePos'] ? 'selected="selected"' : ''; ?>>
                                Left
                            </option>

                            <option
                                value="right"
                                <?php echo 'right' == $data['RMClickTitlePos'] ? 'selected="selected"' : ''; ?>>
                                Right
                            </option>

                        </select>

                    </td>
                    <td>

                        <h4><?php _e('Click Menu Title Height', 'responsive-menu'); ?></h4>

                        <h5><?php _e('This is helpful for sorting size issues with menu text set to left/right', 'responsive-menu'); ?>.</h5>

                        <input
                            type="text"
                            name="RMClickTitleHeight"
                            id="RMClickTitleHeight"
                            value="<?php echo isset($data['RMClickTitleHeight']) ? $data['RMClickTitleHeight'] : RM_Registry::get('defaults', 'RMClickTitleHeight'); ?>"
                            />px
                    </td>
                </tr>
            </table>

            <h3><?php _e('Click Button Size Settings', 'responsive-menu'); ?></h3>

            <table>
                <tr>
                    <td>

                        <h4><?php _e('Width', 'responsive-menu'); ?></h4>

                        <h5><?php _e('This is the width of the individual 3 lines', 'responsive-menu'); ?></h5>

                        <input
                            class="numberInput"
                            type="text"
                            name="RMLineWidth"
                            value="<?php echo isset($data['RMLineWidth']) ? $data['RMLineWidth'] : ''; ?>"
                            /> <?php _e('px', 'responsive-menu'); ?>

                    </td>
                    <td>

                        <h4><?php _e('Height', 'responsive-menu'); ?></h4>

                        <h5><?php _e('This is the height of the individual 3 lines', 'responsive-menu'); ?></h5>

                        <input
                            class="numberInput"
                            type="text"
                            name="RMLineHeight"
                            value="<?php echo isset($data['RMLineHeight']) ? $data['RMLineHeight'] : ''; ?>"
                            /> <?php _e('px', 'responsive-menu'); ?>

                    </td>
                </tr>
                <tr>
                    <td>

                        <h4><?php _e('Margin', 'responsive-menu'); ?></h4>

                        <h5><?php _e('This is the margin between the individual 3 lines', 'responsive-menu'); ?></h5>

                        <input
                            class="numberInput"
                            type="text"
                            name="RMLineMargin"
                            value="<?php echo isset($data['RMLineMargin']) ? $data['RMLineMargin'] : ''; ?>"
                            /> <?php _e('px', 'responsive-menu'); ?>

                    </td>
                    <td>

                        <h4></h4>

                        <h5></h5>

                    </td>
                </tr>
            </table>

            <h3><?php _e('Click Button Location Settings', 'responsive-menu'); ?></h3>

            <table>
                <tr>
                    <td>

                        <h4><?php _e('Top', 'responsive-menu'); ?></h4>

                        <h5><?php _e('This is the distance from the top of the page in px that the click button will be displayed', 'responsive-menu'); ?></h5>

                        <input
                            class="numberInput"
                            type="text"
                            name="RMTop"
                            value="<?php echo isset($data['RMTop']) ? $data['RMTop'] : ''; ?>"
                            /> <?php _e('px', 'responsive-menu'); ?>

                    </td>
                    <td>

                        <h4><?php _e('Left/Right Distance', 'responsive-menu'); ?></h4>

                        <h5><?php _e('This is the distance from the right/left of the page (as defined below) in % that the menu will be displayed', 'responsive-menu'); ?></h5>

                        <input
                            class="numberInput"
                            type="text"
                            name="RMRight"
                            value="<?php echo isset($data['RMRight']) ? $data['RMRight'] : ''; ?>"
                            /> %

                    </td>
                </tr>
                <tr>
                    <td>

                        <h4><?php _e('Left/Right', 'responsive-menu'); ?></h4>

                        <h5><?php _e('This defines whether the menu button is shown as a percentage from the left or right', 'responsive-menu'); ?></h5>

                        <select name="RMLoc">

                            <option
                                value="left"
                                <?php echo 'left' == $data['RMLoc'] ? 'selected="selected"' : ''; ?>>
                                Left
                            </option>

                            <option
                                value="right"
                                <?php echo 'right' == $data['RMLoc'] ? 'selected="selected"' : ''; ?>>
                                Right
                            </option>

                        </select>

                    </td>
                    <td>

                        <h4></h4>

                        <h5></h5>


                    </td>
                </tr>
            </table>

            <h3><?php _e('Menu Settings', 'responsive-menu'); ?></h3>

            <table>

                <tr>
                    <td>

                        <h4><?php _e('Menu Title', 'responsive-menu'); ?></h4>

                        <h5><?php _e('This is the title at the top of the responsive menu', 'responsive-menu'); ?></h5>

                        <input
                            type="text"
                            name="RMTitle"
                            value="<?php echo isset($data['RMTitle']) ? $data['RMTitle'] : ''; ?>"
                            />

                    </td>
                    <td>

                        <h4><?php _e('Menu Image', 'responsive-menu'); ?></h4>

                        <h5><?php _e('This is the image that sits next to the responsive menu title. The best size is 32px x 32px', 'responsive-menu'); ?></h5>

                        <input
                            type="text"
                            id="RMImage"
                            name="RMImage"
                            value="<?php echo isset($data['RMImage']) ? $data['RMImage'] : ''; ?>"
                            />

                        <input
                            type="button"
                            id="RMImageButton"
                            value="<?php _e('Upload Image', 'responsive-menu'); ?>"
                            class="button RMImageButton"
                            for="RMImage"
                            />

                    </td>
                </tr>

                <tr>
                    <td>
                        <h4><?php _e('Choose Menu To Responsify', 'responsive-menu'); ?></h4>

                        <h5><?php _e('This is the menu that will be used responsively', 'responsive-menu'); ?>.</h5>

                        <?php if (ResponsiveMenu::hasMenus()) : ?>

                            <select name="RM">

                                <?php foreach (ResponsiveMenu::getMenus() as $menu) : ?>

                                    <option
                                        value="<?php echo $menu->slug; ?>"
                                        <?php echo $menu->slug == $data['RM'] ? 'selected="selected">' : '>'; ?>
                                        <?php echo $menu->name; ?>
                                </option>

                            <?php endforeach; ?>

                        </select>

                    <?php else : ?>

                        <span style="color: red;"><?php _e("You haven't set up any site menus yet", "responsive-menu"); ?>.</span>

                    <?php endif; ?>



                </td>
                <td>

                    <h4><?php _e('Slide Side', 'responsive-menu'); ?></h4>

                    <h5><?php _e('This is the side of the screen from which the menu will slide', 'responsive-menu'); ?></h5>

                    <select name="RMSide">

                        <option
                            value="left"
                            <?php echo isset($data['RMSide']) && $data['RMSide'] == 'left' ? 'selected="selected"' : ''; ?>>
                                <?php _e('Left', 'responsive-menu'); ?>
                        </option>

                        <option
                            value="right"
                            <?php echo isset($data['RMSide']) && $data['RMSide'] == 'right' ? 'selected="selected"' : ''; ?>>
                                <?php _e('Right', 'responsive-menu'); ?>
                        </option>

                        <option
                            value="top"
                            <?php echo isset($data['RMSide']) && $data['RMSide'] == 'top' ? 'selected="selected"' : ''; ?>>
                                <?php _e('Top', 'responsive-menu'); ?>
                        </option>

                        <option
                            value="bottom"
                            <?php echo isset($data['RMSide']) && $data['RMSide'] == 'bottom' ? 'selected="selected"' : ''; ?>>
                                <?php _e('Bottom', 'responsive-menu'); ?>
                        </option>

                    </select>


                </td>
            </tr>
            <tr>
                <td>

                    <?php // Choose Theme Location Menu add by mkdgs   ?>

                    <h4><?php _e('Choose Theme Location Menu To Responsify', 'responsive-menu'); ?></h4>

                    <h5><?php _e('The menu assigned to this theme location (registered with register_nav_menu) will be used for displaying the responsive menu (useful if you use a plugin like polylang)', 'responsive-menu'); ?>.</h5>

                    <?php if ($MenusLocations = ResponsiveMenu::getMenusLocations()) : ?>

                        <select name="RMThemeLocation">
                            <?php foreach ($MenusLocations as $location) : ?>

                                <option
                                    value="<?php echo $location->location; ?>"
                                    <?php echo $location->location == $data['RMThemeLocation'] ? 'selected="selected"' : ''; ?>>
                                        <?php echo $location->description; ?>
                                </option>

                            <?php endforeach; ?>

                            <option
                                value=""
                                <?php echo ( empty($data['RMThemeLocation']) ) ? 'selected="selected"' : ''; ?>
                                >
                                    <?php echo _e('None', 'responsive-menu'); ?>
                            </option>

                        </select>

                    <?php else : ?>

                        <span style="color: red;"><?php _e("You haven't set up any menus location yet", "responsive-menu"); ?>.</span>

                    <?php endif; ?>

                </td>

                <td class="pro-option">

                <div class="pro-option-inner">

                   <h4><?php _e('Set auto height on menu', 'responsive-menu'); ?></h4>

                    <h5><?php _e('Tick this if you would like the menu to have the height be automatically sized', 'responsive-menu'); ?></h5>

                    <input
                        type="checkbox"
                        />

                    </div>

                </td>

            </tr>
            <tr>
                <td>
                    <h4><?php _e('Menu Title Link', 'responsive-menu'); ?></h4>

                    <h5><?php _e('This is the link location for the title', 'responsive-menu'); ?></h5>

                    <input
                        type="text"
                        name="RMTitleLink"
                        value="<?php echo isset($data['RMTitleLink']) ? $data['RMTitleLink'] : ''; ?>"
                        />
                </td>
                <td>

                    <h4><?php _e('Menu Title Link Location', 'responsive-menu'); ?></h4>

                    <h5><?php _e('This is where your title page will be opened once clicked', 'responsive-menu'); ?></h5>

                    <select name="RMTitleLoc">

                        <option
                            value="_blank"
                            <?php echo isset($data['RMTitleLoc']) && $data['RMTitleLoc'] == '_blank' ? 'selected="selected"' : ''; ?>>
                                <?php _e('New Tab', 'responsive-menu'); ?>
                        </option>

                        <option
                            value="_self"
                            <?php echo isset($data['RMTitleLoc']) && $data['RMTitleLoc'] == '_self' ? 'selected="selected"' : ''; ?>>
                                <?php _e('Same Page', 'responsive-menu'); ?>
                        </option>

                        <option
                            value="_parent"
                            <?php echo isset($data['RMTitleLoc']) && $data['RMTitleLoc'] == '_parent' ? 'selected="selected"' : ''; ?>>
                                <?php _e('Parent Page', 'responsive-menu'); ?>
                        </option>

                        <option
                            value="_top"
                            <?php echo isset($data['RMTitleLoc']) && $data['RMTitleLoc'] == '_top' ? 'selected="selected"' : ''; ?>>
                                <?php _e('Full Window Body', 'responsive-menu'); ?>
                        </option>

                    </select>

                </td>
            </tr>
        </table>



        <h3><?php _e('Sub Menu Arrow Settings', 'responsive-menu'); ?></h3>

        <table>
            <tr>
                <td>

                    <h4><?php _e('Active Geometric Shape', 'responsive-menu'); ?></h4>

                    <input
                        type="text"
                        name="RMArShpA"
                        value="<?php echo isset($data['RMArShpA']) ? json_decode($data['RMArShpA']) : ''; ?>"
                        />

                </td>
                <td>

                    <h4><?php _e('Inactive Geometric Shape', 'responsive-menu'); ?></h4>

                    <input
                        type="text"
                        name="RMArShpI"
                        value="<?php echo isset($data['RMArShpI']) ? json_decode($data['RMArShpI']) : ''; ?>"
                        />

                </td>
            </tr>

            <tr>
                <td colspan="2">
                    <h4><?php _e('You can find a list of Geometric HTML shape codes below', 'responsive-menu'); ?>:</h4>
                    <a target="_blank" href="http://responsive.menu/html-geometric-shapes">http://responsive.menu/html-geometric-shapes</a>
                </td>
           </tr>
           <tr>
                <td>

                    <h4><?php _e('Active Image', 'responsive-menu'); ?></h4>

                    <input
                        type="text"
                        id="RMArImgA"
                        name="RMArImgA"
                        value="<?php echo isset($data['RMArImgA']) ? $data['RMArImgA'] : ''; ?>"
                        />

                    <input
                        type="button"
                        id="RMArImgABtn"
                        value="<?php _e('Upload Image', 'responsive-menu'); ?>"
                        class="button RMImageButton"
                        for="RMArImgA"
                        />

                </td>
                <td>

                    <h4><?php _e('Inactive Image', 'responsive-menu'); ?></h4>

                    <input
                        type="text"
                        id="RMArImgI"
                        name="RMArImgI"
                        value="<?php echo isset($data['RMArImgI']) ? $data['RMArImgI'] : ''; ?>"
                        />

                    <input
                        type="button"
                        id="RMArImgIBtn"
                        value="<?php _e('Upload Image', 'responsive-menu'); ?>"
                        class="button RMImageButton"
                        for="RMArImgI"
                        />

                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <h4 class="divider">
                        <?php _e('Note'); ?>:
                        <?php _e('Images have preference over shapes, to use HTML shapes please leave the image field blank', 'responsive-menu'); ?>.
                    </h4>
                </td>
            </tr>

        </table>

        <h3><?php _e('Colour Settings', 'responsive-menu'); ?></h3>

        <h4 class="divider"><?php _e('Background Colours', 'responsive-menu'); ?></h4>



        <h5 class="sub-divider"><?php _e('Click Button', 'responsive-menu'); ?></h5>



        <table>
            <tr>
                <td>

                    <h4><?php _e('Click Button Line & Text Colour', 'responsive-menu'); ?></h4>

                    <h5><?php _e('This is the colour of the 3 lines and text for the click button', 'responsive-menu'); ?></h5>

                    <input
                        type="text"
                        name="RMLineCol"
                        id="RMLineCol"
                        class="colourPicker"
                        value="<?php echo isset($data['RMLineCol']) ? $data['RMLineCol'] : ''; ?>"
                        />

                </td>
                <td>

                    <h4><?php _e('Click Button Background Colour', 'responsive-menu'); ?></h4>

                    <h5><?php _e('This is the background colour of the 3 lines container', 'responsive-menu'); ?></h5>

                    <input
                        type="text"
                        name="RMClickBkg"
                        id="RMClickBkg"
                        class="colourPicker"
                        value="<?php echo isset($data['RMClickBkg']) ? $data['RMClickBkg'] : ''; ?>"
                        />

                </td>
            </tr>
            <tr>
                <td>

                    <h4><?php _e('Click Button Background Transparent', 'responsive-menu'); ?></h4>

                    <h5><?php _e('Tick this if you would like a transparent background on the click button', 'responsive-menu'); ?></h5>

                    <input
                        type="checkbox"
                        name="RMBkgTran"
                        id="RMBkgTran"
                        value="checked"
                        <?php echo $data['RMBkgTran'] == 'checked' ? ' checked="checked" ' : ''; ?>
                        />

                </td>
            <tr>
                <td>
                </td>
            </tr>

        </table>



        <h5 class="sub-divider"><?php _e('Main Menu', 'responsive-menu'); ?></h5>



        <table>
            <tr>
                <td>

                    <h4><?php _e('Menu Background Colour', 'responsive-menu'); ?></h4>

                    <h5><?php _e('This is the background colour of the expanded menu', 'responsive-menu'); ?></h5>

                    <input
                        type="text"
                        name="RMBkg"
                        id="RMBkg"
                        class="colourPicker"
                        value="<?php echo isset($data['RMBkg']) ? $data['RMBkg'] : ''; ?>"
                        />

                </td>
                <td>

                    <h4><?php _e('Menu Background Hover Colour', 'responsive-menu'); ?></h4>

                    <h5><?php _e('This is the hover background colour of the expanded menu', 'responsive-menu'); ?></h5>

                    <input
                        type="text"
                        name="RMBkgHov"
                        id="RMBkgHov"
                        class="colourPicker"
                        value="<?php echo isset($data['RMBkgHov']) ? $data['RMBkgHov'] : ''; ?>"
                        />

                </td>
            </tr>
            <tr>
                <td>

                    <h4><?php _e('Menu Link Border Colour', 'responsive-menu'); ?></h4>

                    <h5><?php _e('This is the border colour of the  menu links', 'responsive-menu'); ?></h5>

                    <input
                        type="text"
                        name="RMBorCol"
                        id="RMBorCol"
                        class="colourPicker"
                        value="<?php echo isset($data['RMBorCol']) ? $data['RMBorCol'] : ''; ?>"
                        />

                </td>
                <td>

                    <h4><?php _e('Title Background Colour', 'responsive-menu'); ?></h4>

                    <h5><?php _e('This is the background colour of the menu title', 'responsive-menu'); ?></h5>

                    <input
                        type="text"
                        name="RMTitleBkg"
                        id="RMTitleBkg"
                        class="colourPicker"
                        value="<?php echo isset($data['RMTitleBkg']) ? $data['RMTitleBkg'] : ''; ?>"
                        />

                </td>
            </tr>
            <tr>
                <td>

                    <h4><?php _e('Current Page Link Background Colour', 'responsive-menu'); ?></h4>

                    <h5><?php _e('This is the background colour of the current page link', 'responsive-menu'); ?></h5>

                    <input
                        type="text"
                        name="RMCurBkg"
                        id="RMCurBkg"
                        class="colourPicker"
                        value="<?php echo isset($data['RMCurBkg']) ? $data['RMCurBkg'] : ''; ?>"
                        />

                </td>
                <td>

                    <h4><?php _e('Current Page Link Background Hover Colour', 'responsive-menu'); ?></h4>

                    <h5><?php _e('This is the hover background colour of the current page link', 'responsive-menu'); ?></h5>

                    <input
                        type="text"
                        name="RMCurBkgHov"
                        id="RMCurBkgHov"
                        class="colourPicker"
                        value="<?php echo isset($data['RMCurBkgHov']) ? $data['RMCurBkgHov'] : ''; ?>"
                        />

                </td>
            </tr>
        </table>

        <h4 class="divider"><?php _e('Text Colours', 'responsive-menu'); ?></h4>



        <table>
            <tr>

                <td>

                    <h4><?php _e('Menu Title Colour', 'responsive-menu'); ?></h4>

                    <h5><?php _e('This is the text colour of the menu title', 'responsive-menu'); ?></h5>

                    <input
                        type="text"
                        name="RMTitleCol"
                        id="RMTitleCol"
                        class="colourPicker"
                        value="<?php echo isset($data['RMTitleCol']) ? $data['RMTitleCol'] : ''; ?>"
                        />

                </td>
                <td>

                    <h4><?php _e('Menu Title Hover Colour', 'responsive-menu'); ?></h4>

                    <h5><?php _e('This is the hover colour of the menu title', 'responsive-menu'); ?></h5>

                    <input
                        type="text"
                        name="RMTitleColHov"
                        id="RMTitleColHov"
                        class="colourPicker"
                        value="<?php echo isset($data['RMTitleColHov']) ? $data['RMTitleColHov'] : ''; ?>"
                        />

                </td>
            </tr>
            <tr>
                <td>

                    <h4><?php _e('Menu Link Colour', 'responsive-menu'); ?></h4>

                    <h5><?php _e('This is the text colour of the menu links', 'responsive-menu'); ?></h5>

                    <input
                        type="text"
                        name="RMTextCol"
                        id="RMTextCol"
                        class="colourPicker"
                        value="<?php echo isset($data['RMTextCol']) ? $data['RMTextCol'] : ''; ?>"
                        />

                </td>
                <td>

                    <h4><?php _e('Menu Link Hover Colour', 'responsive-menu'); ?></h4>

                    <h5><?php _e('This is the text hover colour of the menu links', 'responsive-menu'); ?></h5>

                    <input
                        type="text"
                        name="RMTextColHov"
                        id="RMTextColHov"
                        class="colourPicker"
                        value="<?php echo isset($data['RMTextColHov']) ? $data['RMTextColHov'] : ''; ?>"
                        />

                </td>
            </tr>

            <tr>
                <td>

                    <h4><?php _e('Current Page Link Colour', 'responsive-menu'); ?></h4>

                    <h5><?php _e('This is the text colour of the current page link', 'responsive-menu'); ?></h5>

                    <input
                        type="text"
                        name="RMCurCol"
                        id="RMCurCol"
                        class="colourPicker"
                        value="<?php echo isset($data['RMCurCol']) ? $data['RMCurCol'] : ''; ?>"
                        />

                </td>
                <td>

                    <h4><?php _e('Current Page Link Hover Colour', 'responsive-menu'); ?></h4>

                    <h5><?php _e('This is the text hover colour of the current page link', 'responsive-menu'); ?></h5>

                    <input
                        type="text"
                        name="RMCurColHov"
                        id="RMCurColHov"
                        class="colourPicker"
                        value="<?php echo isset($data['RMCurColHov']) ? $data['RMCurColHov'] : ''; ?>"
                        />


                </td>
            </tr>
        </table>



        <h3><?php _e('Style Settings', 'responsive-menu'); ?></h3>

        <table>

            <tr>
                <td>

                    <h4><?php _e('Font', 'responsive-menu'); ?></h4>

                    <h5><?php _e('Enter a font name below, if empty your default site font will be used', 'responsive-menu'); ?></h5>

                    <input
                        type="text"
                        name="RMFont"
                        value="<?php echo isset($data['RMFont']) ? $data['RMFont'] : ''; ?>"
                        />

                </td>
                <td>

                    <h4><?php _e('Font Size', 'responsive-menu'); ?></h4>

                    <h5><?php _e('Enter a font size in pixels below', 'responsive-menu'); ?>. <span class='default'><?php _e('default', 'responsive-menu'); ?>: 13</span></h5>

                    <input
                        type="text"
                        name="RMFontSize"
                        class="numberInput"
                        value="<?php echo isset($data['RMFontSize']) ? $data['RMFontSize'] : ''; ?>"
                        /> <?php _e('px', 'responsive-menu'); ?>

                </td>
            </tr>

            <tr>
                <td>

                    <h4><?php _e('Click Button Font Size', 'responsive-menu'); ?></h4>

                    <h5><?php _e('Enter a click button font size in pixels below', 'responsive-menu'); ?>. <span class='default'><?php _e('default', 'responsive-menu'); ?>: 13</span></h5>

                    <input
                        type="text"
                        name="RMBtnSize"
                        class="numberInput"
                        value="<?php echo isset($data['RMBtnSize']) ? $data['RMBtnSize'] : ''; ?>"
                        /> <?php _e('px', 'responsive-menu'); ?>

                </td>
                <td>

                    <h4><?php _e('Title Font Size', 'responsive-menu'); ?></h4>

                    <h5><?php _e('Enter a title font size in pixels below', 'responsive-menu'); ?>. <span class='default'><?php _e('default', 'responsive-menu'); ?>: 14</span></h5>

                    <input
                        type="text"
                        name="RMTitleSize"
                        class="numberInput"
                        value="<?php echo isset($data['RMTitleSize']) ? $data['RMTitleSize'] : ''; ?>"
                        /> <?php _e('px', 'responsive-menu'); ?>

                </td>
            </tr>

            <tr>
                <td>

                    <h4><?php _e('Text Alignment', 'responsive-menu'); ?></h4>

                    <h5><?php _e('Enter a text alignment option below', 'responsive-menu'); ?> <span class='default'><?php _e('default', 'responsive-menu'); ?>: <?php _e('Left', 'responsive-menu'); ?></span></h5>

                    <select name="RMTxtAlign">

                        <option
                            value="left"
                            <?php echo isset($data['RMTxtAlign']) && 'overlay' == $data['RMTxtAlign'] ? ' selected="selected " ' : ''; ?>>
                                <?php _e('Left', 'responsive-menu'); ?>
                        </option>
                        <option
                            value="center"
                            <?php echo isset($data['RMTxtAlign']) && 'center' == $data['RMTxtAlign'] ? ' selected="selected " ' : ''; ?>>
                                <?php _e('Centre', 'responsive-menu'); ?>
                        </option>
                        <option
                            value="right"
                            <?php echo isset($data['RMTxtAlign']) && 'right' == $data['RMTxtAlign'] ? ' selected="selected " ' : ''; ?>>
                                <?php _e('Right', 'responsive-menu'); ?>
                        </option>

                    </select>

                </td>
                <td>

                    <h4><?php _e('Links Height', 'responsive-menu'); ?></h4>

                    <h5><?php _e('Enter a link height size in pixels below', 'responsive-menu'); ?>. <span class='default'><?php _e('default', 'responsive-menu'); ?>: 20</span></h5>

                    <input
                        type="text"
                        name="RMLinkHeight"
                        class="numberInput"
                        value="<?php echo isset($data['RMLinkHeight']) ? $data['RMLinkHeight'] : ''; ?>"
                        /> <?php _e('px', 'responsive-menu'); ?>

                </td>
            </tr>
        </table>

        <h4 class="divider">
            <strong><?php _e('Note'); ?>: </strong>
            <?php _e('Setting the below two values to the same number will give you a fixed width effect', 'responsive-menu'); ?>
        </h4>



        <table>

            <tr>
                <td>

                    <h4><?php _e('Minimum Width', 'responsive-menu'); ?></h4>

                    <h5><?php _e('Enter a minimum menu width size in pixels below', 'responsive-menu'); ?>.</h5>

                    <input
                        type="text"
                        name="RMMinWidth"
                        class="numberInput"
                        value="<?php echo isset($data['RMMinWidth']) ? $data['RMMinWidth'] : ''; ?>"
                        /> <?php _e('px', 'responsive-menu'); ?>

                </td>
                <td>

                    <h4><?php _e('Maximum Width', 'responsive-menu'); ?></h4>

                    <h5><?php _e('Enter a maximum menu width size in pixels below', 'responsive-menu'); ?>.</h5>

                    <input
                        type="text"
                        name="RMMaxWidth"
                        class="numberInput"
                        value="<?php echo isset($data['RMMaxWidth']) ? $data['RMMaxWidth'] : ''; ?>"
                        /> <?php _e('px', 'responsive-menu'); ?>

                </td>
            </tr>
        </table>



        <h3><?php _e('Animation Settings', 'responsive-menu'); ?></h3>

        <table>
            <tr>
                <td>

                    <h4><?php _e('Slide Animation', 'responsive-menu'); ?></h4>

                    <h5><?php _e('Choose the type of animation applied to the menu', 'responsive-menu'); ?></h5>

                    <select name="RMAnim">

                        <option
                            value="overlay"
                            <?php echo 'overlay' == $data['RMAnim'] ? ' selected="selected " ' : ''; ?>>
                                <?php _e('Overlay', 'responsive-menu'); ?>
                        </option>
                        <option
                            value="push"
                            <?php echo 'push' == $data['RMAnim'] ? ' selected="selected " ' : ''; ?>>
                                <?php _e('Push', 'responsive-menu'); ?>
                        </option>

                    </select>

                </td>
                <td>

                    <h4><?php _e('Page Wrappers CSS', 'responsive-menu'); ?></h4>

                    <h5><?php _e('This is the CSS of the wrapper you want to push when using the push animation', 'responsive-menu'); ?> (<?php _e('e.g', 'responsive-menu'); ?> - #pushWrapper)</h5>

                    <input
                        type="text"
                        name="RMPushCSS"
                        value="<?php echo isset($data['RMPushCSS']) ? $data['RMPushCSS'] : ''; ?>"
                        />

                </td>
            </tr>

            <tr>
                <td>

                    <h4><?php _e('Animation Speed', 'responsive-menu'); ?></h4>

                    <h5><?php _e('Enter a speed in seconds below of the slide animation', 'responsive-menu'); ?>. <span class="default"><?php _e('default', 'responsive-menu'); ?>: 0.5</span></h5>

                    <input
                        type="text"
                        name="RMAnimSpd"
                        class="numberInput"
                        value="<?php echo isset($data['RMAnimSpd']) ? $data['RMAnimSpd'] : ''; ?>"
                        /> <?php _e('seconds', 'responsive-menu'); ?>

                </td>
                <td>

                    <h4><?php _e('Transition Speed', 'responsive-menu'); ?></h4>

                    <h5><?php _e('Enter a speed in seconds below of the hover transition effect', 'responsive-menu'); ?>. <span class="default"><?php _e('default', 'responsive-menu'); ?>: 1</span></h5>

                    <input
                        type="text"
                        name="RMTranSpd"
                        class="numberInput"
                        value="<?php echo isset($data['RMTranSpd']) ? $data['RMTranSpd'] : ''; ?>"
                        /> <?php _e('seconds', 'responsive-menu'); ?>

                </td>
            </tr>
            <tr>
                <td>

                    <h4><?php _e('Accordion Animation For Sub-Menus', 'responsive-menu'); ?></h4>

                    <h5><?php _e('Tick to enable the accordion animation for sub-menu items', 'responsive-menu'); ?>.</h5>

                    <input
                        type="checkbox"
                        name="RMAccordion"
                        id="RMAccordion"
                        value="accordion"
                        <?php echo isset($data['RMAccordion']) && $data['RMAccordion'] == 'accordion' ? ' checked="checked" ' : ''; ?>
                        />

                </td>
                <td>

                    <h4><?php _e('Push button with Animation', 'responsive-menu'); ?></h4>

                    <h5><?php _e('Tick to enable the click button to be pushed with animation', 'responsive-menu'); ?>.</h5>

                    <input
                        type="checkbox"
                        name="RMPushBtn"
                        id="RMPushBtn"
                        value="RMPushBtn"
                        <?php echo isset($data['RMPushBtn']) && $data['RMPushBtn'] == 'RMPushBtn' ? ' checked="checked" ' : ''; ?>
                        />


                </td>
            </tr>

        </table>



        <h3><?php _e('Additional HTML Content Settings', 'responsive-menu'); ?></h3>

        <table>

            <tr>
                <td>

                    <h4><?php _e('Additional HTML Content', 'responsive-menu'); ?></h4>

                    <h5><?php _e('Enter any additional HTML you may want below, useful for advertisement banners etc. (accepts shortcodes)', 'responsive-menu'); ?></h5>

                    <textarea name="RMHtml"><?php echo isset($data['RMHtml']) ? $data['RMHtml'] : ''; ?></textarea>

                </td>
                <td>

                    <h4><?php _e('Additional HTML Content Positioning', 'responsive-menu'); ?></h4>

                    <h5><?php _e('Select where you would like the additional HTML content to appear', 'responsive-menu'); ?></h5>

                    <select name="RMHtmlLoc">

                        <option
                            value="above"
                            <?php echo isset($data['RMHtmlLoc']) && 'above' == $data['RMHtmlLoc'] ? ' selected="selected " ' : ''; ?>>
                                <?php _e('Above Menu Links', 'responsive-menu'); ?>
                        </option>
                        <option
                            value="below"
                            <?php echo isset($data['RMHtmlLoc']) && 'below' == $data['RMHtmlLoc'] ? ' selected="selected " ' : ''; ?>>
                                <?php _e('Below Menu Links', 'responsive-menu'); ?>
                        </option>

                    </select>

                </td>
            </tr>

        </table>

    </div>

    <div class="advanced-setting">
        <h3><?php _e('Menu Advanced Settings', 'responsive-menu'); ?></h4>

            <table>
                <tr>
                    <td>

                        <h4><?php _e('Menu Breakpoint', 'responsive-menu'); ?></h4>

                        <h5><?php _e('This is the point where the responsive menu will be visible in px width of the browser', 'responsive-menu'); ?></h5>

                        <input
                            class="numberInput"
                            type="text"
                            name="RMBreak"
                            value="<?php echo isset($data['RMBreak']) ? $data['RMBreak'] : ''; ?>"
                            /> <?php _e('px', 'responsive-menu'); ?>

                    </td>
                    <td>

                        <h4><?php _e('CSS of Menu To Hide', 'responsive-menu'); ?></h4>

                        <h5><?php _e('This is the CSS of the menu you want to hide once the responsive menu shows', 'responsive-menu'); ?> - <?php _e('e.g', 'responsive-menu'); ?> #primary-nav, .menu</h5>

                        <input
                            type="text"
                            name="RMCss"
                            value="<?php echo isset($data['RMCss']) ? $data['RMCss'] : ''; ?>"
                            />

                    </td>
                </tr>

                <tr>
                    <td>

                        <h4><?php _e('Menu Depth', 'responsive-menu'); ?></h4>

                        <h5><?php _e('This is how deep into your menu tree will be visible (max', 'responsive-menu'); ?>5)</h5>

                        <select name="RMDepth">

                            <?php for ($i = 1; $i < 6; $i++) : ?>

                                <option
                                    value="<?php echo $i; ?>"
                                    <?php echo isset($data['RMDepth']) && $i == $data['RMDepth'] ? 'selected="selected"' : ''; ?>>
                                        <?php echo $i; ?>
                                </option>

                            <?php endfor; ?>

                        </select>

                    </td>
                    <td>

                        <h4><?php _e('Menu Width', 'responsive-menu'); ?></h4>

                        <h5><?php _e('This is the width the menu takes up across the page once expanded', 'responsive-menu'); ?>.
                            <span class="default"><?php _e('default', 'responsive-menu'); ?>: 75</span>
                        </h5>

                        <input
                            class="numberInput"
                            type="text"
                            name="RMWidth"
                            value="<?php echo isset($data['RMWidth']) ? $data['RMWidth'] : ''; ?>"
                            /> %

                    </td>
                </tr>
                                <tr>
                    <td class="pro-option">
                    <div class="pro-option-inner">
                        <h4><?php _e('Word Wrap', 'responsive-menu'); ?></h4>

                        <h5><?php _e('Tick if you would like the link items to wrap around', 'responsive-menu'); ?></h5>

                        <input
                            type="checkbox"
                            />
</div>
                    </td>
                   <td></td>
                  </tr>
            </table>



            <table>

                <tr>
                    <td>

                        <h4><?php _e('Remove Search Box', 'responsive-menu'); ?></h4>

                        <h5><?php _e('Tick if you would like to remove the search box', 'responsive-menu'); ?></h5>

                        <input
                            type="checkbox"
                            name="RMSearch"
                            id="RMSearch"
                            value="search"
                            <?php echo isset($data['RMSearch']) && $data['RMSearch'] == 'search' ? ' checked="checked" ' : ''; ?>
                            />

                    </td>
                    <td>

                        <h4><?php _e('Search Box Positioning', 'responsive-menu'); ?></h4>

                        <h5><?php _e('Select where you would like the search box to appear', 'responsive-menu'); ?></h5>

                        <select name="RMSearchPos">

                            <option
                                value="above"
                                <?php echo isset($data['RMSearchPos']) && 'above' == $data['RMSearchPos'] ? ' selected="selected " ' : ''; ?>>
                                    <?php _e('Above Menu Links', 'responsive-menu'); ?>
                            </option>
                            <option
                                value="below"
                                <?php echo isset($data['RMSearchPos']) && 'below' == $data['RMSearchPos'] ? ' selected="selected " ' : ''; ?>>
                                    <?php _e('Below Menu Links', 'responsive-menu'); ?>
                            </option>

                        </select>

                    </td>
                </tr>

                <tr>
                    <td class="pro-option">
                        <div class="pro-option-inner">

                        <h4><?php _e('Search Box Text', 'responsive-menu'); ?></h4>

                        <h5><?php _e('This is the placeholder text that shows in the search box', 'responsive-menu'); ?></h5>

                        <input
                            type="text"
                            value="Search"
                            />
                        </div>
                    </td>
                    <td>

                    </td>
                </tr>

                <tr>
                    <td>
                        <h4><?php _e('Click to Close Menu on Link Click', 'responsive-menu'); ?></h4>

                        <h5><?php _e('Tick if you would like to close the menu on each link click, useful for single page sites', 'responsive-menu'); ?></h5>

                        <input
                            type="checkbox"
                            name="RMClickClose"
                            id="RMClickClose"
                            value="close"
                            <?php echo isset($data['RMClickClose']) && $data['RMClickClose'] == 'close' ? ' checked="checked" ' : ''; ?>
                            />


                    </td>
                    <td>
                        <h4><?php _e('Auto Expand Current Parent Items', 'responsive-menu'); ?></h4>

                        <h5><?php _e('Tick if you would like to make the current pages children expanded automatically', 'responsive-menu'); ?></h5>

                        <input
                            type="checkbox"
                            name="RMExpandPar"
                            id="RMExpandPar"
                            value="expand"
                            <?php echo isset($data['RMExpandPar']) && $data['RMExpandPar'] == 'expand' ? ' checked="checked" ' : ''; ?>
                            />
                    </td>
                </tr>

                <tr>
                    <td>
                        <h4><?php _e('Auto Expand Sub-Menus', 'responsive-menu'); ?></h4>

                        <h5><?php _e('Tick if you would like sub-menus to be automatically expanded', 'responsive-menu'); ?></h5>

                        <input
                            type="checkbox"
                            name="RMExpand"
                            id="RMExpand"
                            value="expand"
                            <?php echo isset($data['RMExpand']) && $data['RMExpand'] == 'expand' ? ' checked="checked" ' : ''; ?>
                            />


                    </td>
                    <td>
                        <h4><?php _e('Ignore Parent Clicks', 'responsive-menu'); ?></h4>

                        <h5><?php _e('Tick if you would like to ignore clicks on parent links', 'responsive-menu'); ?></h5>

                        <input
                            type="checkbox"
                            name="RMIgnParCli"
                            id="RMIgnParCli"
                            value="ignoreparentclick"
                            <?php echo isset($data['RMIgnParCli']) && $data['RMIgnParCli'] == 'ignoreparentclick' ? ' checked="checked" ' : ''; ?>
                            />
                    </td>
                </tr>

                <tr>
                    <td>
                        <h4><?php _e('Click to Close Menu on Page Click', 'responsive-menu'); ?></h4>

                        <h5><?php _e('Tick if you would like to close the current menu on page clicks', 'responsive-menu'); ?></h5>

                        <input
                            type="checkbox"
                            name="RMCliToClo"
                            id="RMCliToClo"
                            value="clicktoclose"
                            <?php echo isset($data['RMCliToClo']) && $data['RMCliToClo'] == 'clicktoclose' ? ' checked="checked" ' : ''; ?>
                            />


                    </td>
                    <td class="pro-option">
                        <div class="pro-option-inner">
                        <h4><?php _e('Disable background scrolling when Menu is active', 'responsive-menu'); ?></h4>

                        <h5><?php _e('This will create a background overlay and disable scrolling', 'responsive-menu'); ?></h5>

                        <input
                            type="checkbox"
                            />
                            </div>

                    </td>
                </tr>

            </table>

            <h3><?php _e('Technical Settings', 'responsive-menu'); ?></h3>

            <table>
                <tr>
                    <td>

                        <h4><?php _e('Minify output', 'responsive-menu'); ?></h4>

                        <h5><?php _e('Tick if you would like to minify the script/style output. Saves up to 50% in file size', 'responsive-menu'); ?></h5>

                        <input
                            type="checkbox"
                            name="RMMinify"
                            id="RMMinify"
                            value="minify"
                            <?php echo isset($data['RMMinify']) && $data['RMMinify'] == 'minify' ? ' checked="checked" ' : ''; ?>
                            />

                    </td>
                    <td>

                        <h4><?php _e('Include script in footer', 'responsive-menu'); ?></h4>

                        <h5><?php _e('Tick if you would like to include your jQuery script in footer', 'responsive-menu'); ?></h5>

                        <input
                            type="checkbox"
                            name="RMFooter"
                            id="RMFooter"
                            value="footer"
                            <?php echo isset($data['RMFooter']) && $data['RMFooter'] == 'footer' ? ' checked="checked" ' : ''; ?>
                            />

                    </td>
                </tr>
                <tr>
                    <td>
                        <h4><?php _e('Include CSS/JS as external files', 'responsive-menu'); ?></h4>

                        <h5><?php _e('Tick if you would like to include CSS and jQuery as external files', 'responsive-menu'); ?></h5>

                        <input
                            type="checkbox"
                            name="RMExternal"
                            id="RMExternal"
                            value="external"
                            <?php echo isset($data['RMExternal']) && $data['RMExternal'] == 'external' ? ' checked="checked" ' : ''; ?>
                            />
                    </td>
                    <td>
                        <h4><?php _e('Remove CSS !important tags', 'responsive-menu'); ?></h4>

                        <h5>
                            <?php _e('Tick this if you would like to remove the !important tags from the CSS', 'responsive-menu'); ?>.
                            <?php _e('Ticking this will make it easier to over-ride the styles but may make the default settings not display well', 'responsive-menu'); ?>
                        </h5>
                        <input
                            type="checkbox"
                            name="RMRemImp"
                            id="RMRemImp"
                            value="remove"
                            <?php echo $data['RMRemImp'] == 'remove' ? ' checked="checked" ' : ''; ?>
                            />
                    </td>
                </tr>

            </table>

            <h3><?php _e('Custom Walker', 'responsive-menu'); ?></h3>

            <table>

                <!-- Add by Mkdgs -->
                <tr>
                    <td>

                        <h4><?php _e('Specify you own Walker for the menu (wp_nav_menu parameter)', 'responsive-menu'); ?></h4>
                        <h5><?php _e('For advanced users only - if you don\'t know what you\'re doing please leave alone', 'responsive-menu'); ?></h5>

                        <input name="RMWalker" type="text"
                               value="<?php echo isset($data['RMWalker']) ? $data['RMWalker'] : ''; ?>" />

                    </td>

                    <td>

                    </td>
                </tr>

            </table>
    </div>
    <div class="import-export">

        <h3>Import Options</h3>

        <table>

            <tr>

                <td>
                    <br />

                    <input
                        type="file"
                        class="button file"
                        name="RMImportFile"
                        value="<?php _e('Import File', 'responsive-menu-pro'); ?>"
                        />

                    <input
                        type="submit"
                        class="button"
                        name="RMImport"
                        value="<?php _e('Import Options From XML', 'responsive-menu-pro'); ?>"
                        />
                </td>

            </tr>

        </table>

        <h3>Export Options</h3>

        <table>

            <tr>
                <td>
                	<br />
                    <input
                        type="submit"
                        class="button"
                        name="RMExport"
                        value="<?php _e('Export Current Options', 'responsive-menu-pro'); ?>"
                        />
                </td>
            </tr>
        </table>

        <h3>Reset to defaults</h3>

        <table>

            <tr>

				<td>
                    <h4 class="divider">
                        <?php _e('Note'); ?>:
                        <?php _e('Please be warned this will reset all your current settings, please export your current files first', 'responsive-menu-pro'); ?>.
                    </h4>
                    <input
                        type="submit"
                        class="button"
                        name="RMReset"
                        value="<?php _e('Reset ALL Current Options', 'responsive-menu' ); ?>"
                        />

                </td>

            </tr>

        </table>

    </div>

	<div class="single-menu">

    <h3><?php _e('Use Responsive Menu as your only site menu', 'responsive-menu'); ?></h3>

            <table class="pro-option-table">

                <tr>
                    <td>
                        <h4>
                            <?php _e('Turn on single menu option', 'responsive-menu'); ?>
                        </h4>
                        <h5>
                            <?php _e('This will replace your whole site menu and just use this plugin to control the menu on your whole site.', 'responsive-menu'); ?>
                            <h4 class="divider">
                                <?php _e('Note', 'responsive-menu'); ?>:
                                <?php _e('You must not be using the mobile only option and must use the shortcode for this to work', 'responsive-menu-pro'); ?>.
                            </h4>
                        </h5>

                        <input
                            type="checkbox"
                            />

                    </td>
                </tr>
                <tr>
                <td>

                    <h4><?php _e('Menu Height', 'responsive-menu'); ?></h4>

                    <h5><?php _e('Enter the height you wish for the menu and links', 'responsive-menu'); ?>.</h5>

                    <input
                        type="text"
                        class="numberInput"

                </td>
                <td></td>
                </tr>
                <tr>
                    <td>

                        <h4><?php _e('Single Menu Link Colour', 'responsive-menu'); ?></h4>

                        <h5><?php _e('This is the colour of the single menu links', 'responsive-menu'); ?></h5>

                        <input
                            type="text"
                            class="colourPicker"
                            />
                    </td>
                    <td>

                        <h4><?php _e('Single Menu Link Hover Colour', 'responsive-menu'); ?></h4>

                        <h5><?php _e('This is the hover colour of the single menu links', 'responsive-menu'); ?></h5>

                        <input
                            type="text"
                            class="colourPicker"
                            />
                    </td>
               </tr>
            </table>

	</div>

	<div class="themes">

    <h3><?php _e( 'Header Bar', 'responsive-menu' ); ?></h3>

        <table class="pro-option-table">

            <tr>
                <td>
                    <h4>
                        <?php _e( 'Create header bar for use with Responsive Menu', 'responsive-menu' ); ?>
                    </h4>
                    <h5>
                        <?php _e('This will create a sticky header bar that follows you down the page with the menu and logo', 'responsive-menu'); ?>
                    </h5>

                    <input
                        type="checkbox"
                        />

                </td>
            </tr>

            <tr>
                <td><h4><?php _e( 'Header Bar Logo/HTML' ); ?></h4></td>
            </tr>
            <tr>
                <td>
                    <h4><?php _e('Header Bar Logo', 'responsive-menu'); ?></h4>

                    <h5><?php _e('This is the header bar logo that is displayed on the bar', 'responsive-menu'); ?></h5>

                    <input
                        type="text"
                        id="header_bar_logo"
                        />

                    <input
                        type="button"
                        value="<?php _e('Upload Image', 'responsive-menu'); ?>"
                        class="button RMImageButton"
                        for="header_bar_logo"
                        />

                </td>

                <td>
                    <h4><?php _e('Header Bar HTML Content', 'responsive-menu'); ?></h4>

                    <h5><?php _e('You can set HTML in the header bar instead of the logo', 'responsive-menu'); ?></h5>

                    <textarea></textarea>

                </td>

            </tr>

            <tr>
                <td>

                    <h4><?php _e('Header Bar Logo Link', 'responsive-menu'); ?></h4>

                    <h5><?php _e('This is the header bar logo link', 'responsive-menu'); ?></h5>

                    <input
                        type="text"
                        />

                </td>
                <td>
                </td>
            </tr>

            <tr>
                <td><h4><?php _e( 'Size & Colour Settings' ); ?></h4></td>
            </tr>
            <tr>
                <td>

                    <h4><?php _e('Header Bar Height', 'responsive-menu'); ?></h4>
                    <h5><?php _e('This is the header bar height', 'responsive-menu'); ?></h5>

                    <input
                        type="text"
                        /> px

                </td>

                <td>
                    <h4><?php _e('Header Bar Background Colour', 'responsive-menu'); ?></h4>

                    <h5><?php _e('This is the background colour for the header bar', 'responsive-menu'); ?></h5>

                    <input
                        type="text"
                        class="colourPicker"
                        />

                </td>

            </tr>

        </table>

        <h3><?php _e( 'Themes', 'responsive-menu' ); ?></h3>

        <table class="pro-option-table">

            <tr>
                <td>
                    <h4>
                        <?php _e( 'Apply preset colour schemes to your Responsive Menu', 'responsive-menu' ); ?>
                    </h4>
                    <h5>
                        <?php _e('This will replace all your current colours only and will not touch other settings', 'responsive-menu'); ?>
                    </h5>

                    <select name="theme">
                        <option value="blue">Blue</option>
                        <option value="red">Red</option>
                        <option value="green">Green</option>
                        <option value="yellow">Yellow</option>
                        <option value="default">Default</option>
                    </select>

                    <input
                        type="submit"
                        class="button"
                        value="Update Theme"
                        />

                </td>
            </tr>

        </table>

	</div>

    <div class="custom-css">

        <h3><?php _e( 'Custom CSS/HTML', 'responsive-menu' ); ?></h3>

        <table class="pro-option-table">

            <tr>

                <td>
                    <h4><?php _e('Custom CSS', 'responsive-menu'); ?></h4>

                    <h5><?php _e('These will be the final CSS rules applied to the Responsive Menu and are upgrade proof', 'responsive-menu'); ?></h5>

                    <textarea rows="15"></textarea>

                </td>

            </tr>

        </table>

    </div>

    <br /><br />

    <input
        type="submit"
        class="button button-primary"
        name="RMSubmit"
        value="<?php _e('Update Responsive Menu Options', 'responsive-menu'); ?>"
        />

    <a target="_blank" class="button" style="background: #55B05A; color: white;" href="http://responsive.menu/pricing"><?php _e( 'Go Pro - Upgrade now for just $9.99' ); ?></a>


</form>

</div>
