<?php
defined("ABSPATH") or die("");
// DUP_PRO_U::hasCapability('read');
DUP_PRO_U::hasCapability('export');

$thanks_display = 'none';
$error_display = 'none';
$form_display = 'block';
$message = '';

?>
<style>
    div.dup-support-all {font-size:13px; line-height:20px;}
    div.dup-support-txts-links {width:100%;font-size:14px; font-weight:bold; line-height:26px; text-align:center}
    div.dup-support-hlp-area {width:375px; height:160px; float:left; border:1px solid #dfdfdf; border-radius:4px; margin:10px; line-height:18px;box-shadow: 0 8px 6px -6px #ccc;}
    table.dup-support-hlp-hdrs {border-collapse:collapse; width:100%; border-bottom:1px solid #dfdfdf}
    table.dup-support-hlp-hdrs {background-color:#efefef;}
    div.dup-support-hlp-hdrs {
        font-weight:bold; font-size:17px; height: 35px; padding:5px 5px 5px 10px;
        background-image:-ms-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
        background-image:-moz-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
        background-image:-o-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
        background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #DEDEDE));
        background-image:-webkit-linear-gradient(top, #FFFFFF 0%, #DEDEDE 100%);
        background-image:linear-gradient(to bottom, #FFFFFF 0%, #DEDEDE 100%);
    }
    div.dup-support-hlp-hdrs div {padding:5px; margin:4px 20px 0px -20px;  text-align: center;}
    div.dup-support-hlp-txt{padding:10px 4px 4px 4px; text-align:center}
</style>


<div class="dup-support-all">
    <div style="display:<?php echo $form_display; ?>;">

		<div style="width:800px; margin:auto; margin-top: 20px">
			<!-- HELP LINKS -->
			<div class="dup-support-hlp-area" >
				<div class="dup-support-hlp-hdrs">
					<i class="fa fa-cube fa-2x fa-pull-left"></i>
					<div><?php DUP_PRO_U::esc_html_e('Knowledgebase') ?></div>
				</div>
				<div class="dup-support-hlp-txt">
					<?php DUP_PRO_U::esc_html_e('Complete Online Documentation'); ?><br/>
					<select id="dup-support-kb-lnks" style="margin-top:18px; font-size:16px; min-width: 170px">
						<option value="NULL"> <?php DUP_PRO_U::esc_html_e('Choose A Section') ?> </option>
						<option value="https://snapcreek.com/duplicator/docs/quick-start/"><?php DUP_PRO_U::esc_html_e('Quick Start') ?></option>
						<option value="https://snapcreek.com/duplicator/docs/guide/"><?php DUP_PRO_U::esc_html_e('User Guide') ?></option>
						<option value="https://snapcreek.com/duplicator/docs/faqs-tech/"><?php DUP_PRO_U::esc_html_e('FAQs') ?></option>
						<option value="https://snapcreek.com/duplicator/docs/changelog/"><?php DUP_PRO_U::esc_html_e('Change Log') ?></option>
						<option value="https://snapcreek.com/dashboard"><?php DUP_PRO_U::esc_html_e('Dashboard') ?></option>
					</select>
				</div>
			</div>

			<!-- ONLINE SUPPORT -->
			<div style="margin: auto; height: 350px;  text-align: center">
				<!-- HELP TICKET-->
				<div class="dup-support-hlp-area">
					<div class="dup-support-hlp-hdrs">
						<i class="far fa-lightbulb fa-2x fa-pull-left"></i>
						<div><?php DUP_PRO_U::esc_html_e('Submit Help Ticket') ?></div>
					</div>
					<div class="dup-support-hlp-txt">
						<?php DUP_PRO_U::esc_html_e("Submit support ticket to Duplicator Pro support."); ?> <br/>
						<i>
							<?php DUP_PRO_U::esc_html_e("Please have your"); ?>
							<a href="admin.php?page=duplicator-pro-settings&tab=licensing"><?php DUP_PRO_U::esc_html_e("license key"); ?></a>
							<?php DUP_PRO_U::esc_html_e("ready to enter ticket."); ?>
						</i>
						<br/><br/>
						<div class="dup-support-txts-links">
							<button class="button  button-primary button-large" onclick="DupPro.Support.OpenSupportWindow();
									return false;"><?php DUP_PRO_U::esc_html_e('Get Support!') ?></button> &nbsp;
						</div>
					</div>
				</div>
			</div>
		</div>


    </div>
    <div style="margin-top:112px; text-align:center; display:<?php echo $thanks_display; ?>">
        <p style="margin-bottom:0px; font-size:32px"><?php DUP_PRO_U::esc_html_e('Thanks, we\'ll get back to you shortly.'); ?></p>
        <p style="font-size:12px"><?php DUP_PRO_U::esc_html_e('*Contact support@snapcreek.com if you don\'t get a confirmation email within an hour.'); ?></p>
    </div>
    <div style="margin-top:112px; text-align:center; display:<?php echo $error_display; ?>">
        <p style="margin-bottom:0px; font-size:32px"><?php DUP_PRO_U::esc_html_e('There was a problem sending the email.'); ?></p>
        <p><?php DUP_PRO_U::esc_html_e("We had a problem sending the support email. Instead, send your problem or question to") ?> <a href='mailto:support@snapcreek.com' target='_blank'>support@snapcreek.com.</a></p>

        <p style='font-weight:bold'><?php echo esc_html($message); ?></p>
    </div>
</div><br/><br/><br/><br/>

<script>
    jQuery(document).ready(function ($) {

        DupPro.Support.OpenSupportWindow = function () {
            var url = 'https://snapcreek.com/ticket';
            window.open(url, 'Duplicator Pro Support');
        }

        //ATTACHED EVENTS
        jQuery('#dup-support-kb-lnks').change(function () {
            if (jQuery(this).val() != "NULL")
                window.open(jQuery(this).val())
        });

    });
</script>