<?php
if ( ! defined( 'ABSPATH' ) ) exit;

$settings    = get_option('fmaoptions');
$path        = str_replace('\\','/', ABSPATH);
$review_done = get_option('fma_hide_review_section');

?>
<style>
/* Header/nav full-bleed; body content stays on gray canvas (Figma) */
.toplevel_page_file_manager_advanced_ui #wpcontent {
  padding-left: 0 !important;
}
.toplevel_page_file_manager_advanced_ui #wpbody-content {
  padding-top: 0 !important;
  float: none;
  background: #f0f0f1;
}
.toplevel_page_file_manager_advanced_ui .wrap.fma {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  width: 100% !important;
  background: #f0f0f1;
}
.toplevel_page_file_manager_advanced_ui .afm__left-side {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #f0f0f1;
}
.notice,
.updated,
.error,
.fs-notice {
  margin-top: 15px !important;
  margin-left: 20px !important;
  margin-right: 20px !important;
  position: relative;
  z-index: 1;
}
#afm-react-root {
  position: relative;
  z-index: 100;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
</style>
<?php echo class_fma_admin_menus::shortcodeUpdateNotice(); ?>
<div class="wrap fma afm__clearfix">
    <div class="afm__left-side">

        <?php if ('done' != $review_done) { ?>
            <div class="gb-fm-row review-block" id="fma_rate_us">
                <div class="message">
                    <img src="<?php echo plugins_url( 'images/rateme.png', __FILE__ );?>" class="fma_img_rate_me">
                    <?php _e('<strong>Advanced File Manager</strong>, we always support you and provide better features for you, please spend some seconds to review our plugin.','file-manager-advanced')?>
                </div>
                <div class="actions">
                    <a target="_blank" href="https://wordpress.org/support/plugin/file-manager-advanced/reviews/?filter=5" class="btn btn-review fma_review_link" title="Leave us a review" data-task="done"><?php _e('I love your plugin!','file-manager-advanced');?></a>
                    <a href="javascript:void(0)" class="btn fma_review_link" title="Remind me later" data-task="done"><?php _e('Not Now','file-manager-advanced');?></a>
                </div>
            </div>
            <hr>
        <?php } ?>

        <div id="afm-react-root"></div>
        <div id="file_manager_advanced">
            <center>
                <img src="<?php echo plugins_url( 'images/wait.gif', __FILE__ ); ?>">
            </center>
        </div>

        <div style="width:100%; text-align:center;" class="description">
        <span>
            <a href="https://advancedfilemanager.com/documentation/" target="_blank"><?php _e('Documentation','file-manager-advanced')?></a> | <a href="https://objectsws.atlassian.net/servicedesk/customer/portal/37" target="_blank"><?php _e('Support','file-manager-advanced')?></a> | <a href="https://advancedfilemanager.com/shortcodes/"  target="_blank"><?php _e('Shortcodes','file-manager-advanced')?></a>
        </span>
            <span id="thankyou">
            <?php _e('Thank you for using <a href="https://wordpress.org/plugins/file-manager-advanced/">Advanced File Manager</a>. If you are happy then please ','file-manager-advanced'); ?>
            <a href="https://wordpress.org/support/plugin/file-manager-advanced/reviews/?filter=5"><?php _e('Rate Us','file-manager-advanced')?> <img src="<?php echo plugins_url( 'images/5stars.png', __FILE__ );?>" style="width:100px; top: 11px; position: relative;"></a>
        </span>
        </div>
    </div>

    <?php
    // Pro side banner is rendered by the React File Manager tab (Figma).
    // Keep the legacy PHP markup out of the React shell to avoid a flash/duplicate.
    ?>
</div>

<?php if('done' != $review_done) { ?>
<style>
.fma .review-block {
    background-color: #fff;
    min-height: 100px;
    margin: 5px 5px 20px;
    padding-top: 24px;
    padding-bottom: 24px;
    text-align: center;
    font-size: 1.2em;
    border: 1px dashed #0d5ed9;
    border-radius: 10px;
    display:none;
}
.fma .review-block .message {
    margin-top: 16px;
}
.fma .review-block .actions {
    margin-top: 24px;
}
.fma .review-block .actions .btn-review {
    background-color: #0d5ed9;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
}
.fma .review-block .actions a {
    padding: 5px 10px;
    text-decoration: none;
    border: 1px solid #0d5ed9;
}
.fma .fma_img_rate_me {
    width:20px;
}
</style>
<script>
jQuery(document).ready(function(e) {

setTimeout(function(){ 
    
    jQuery('#fma_rate_us').slideDown('slow');

 }, 5000);


jQuery('.fma_review_link').click(function() {
    var fmaajaxurl = "<?php echo admin_url('admin-ajax.php');?>";
    var task = jQuery(this).data('task');
    var nonce = "<?php echo wp_create_nonce('afm_review'); ?>";
    jQuery.ajax({
						 type : "post",
						 url : fmaajaxurl,
						 data : {action: "fma_review_ajax", 'task' : task, 'nonce' : nonce},
						 success: function(response) {
							jQuery('#fma_rate_us').slideUp('slow');
						 }
						});
});

});
</script>
<?php } ?>