<?php 
use Codexpert\WC_Affiliate\Helper;
?>
<div class="wca-migration-tabs">
	<button class="wca-migration-tab active" data-tab='export'><?php esc_html_e( 'Export', 'wc-affiliate' ); ?></button>
	<button class="wca-migration-tab" data-tab='import'><?php esc_html_e( 'Import', 'wc-affiliate' ); ?></button>
</div>
<div class="wc-affiliate-export-import-container">
	<div id="wca-export-section" class="wca-ei-section">
		<h3 class="wca-ei-title"><?php esc_html_e( 'Export', 'wc-affiliate' ); ?></h3>
		<div class="wca-export-button-area">
			<button id="wca-export-button" class="button"><span class="wca-export-button-text"><?php esc_html_e( 'Export', 'wc-affiliate' ); ?></span>
				<div class="wca-expo-ellipsis" style="display:none;"><div></div><div></div><div></div><div></div></div>
			</button>
		</div>
	</div>
	<div id="wca-import-section" class="wca-ei-section" style="display:none">
		<h3 class="wca-ei-title"><?php esc_html_e( 'Import', 'wc-affiliate' ); ?></h3>
		<form id="wca-import-form" method="post">
			<select id="wca-import-from" name="import_from" class="wca-ei-input">
				<option value=""><?php esc_html_e( 'Import Data From', 'wc-affiliate' ); ?></option>
				<option value="wc-affiliate"><?php esc_html_e( 'WC Affiliate', 'wc-affiliate' ); ?></option>
				<option value="wp-affiliate"><?php esc_html_e( 'AffiliateWP', 'wc-affiliate' ); ?></option>
				<option value="affiliate-candy"><?php esc_html_e( 'ReferralCandy', 'wc-affiliate' ); ?></option>
			</select>
			<select id="wca-import-file-type" name="import_file_type" class="wca-ei-input-type">
				<option value=""><?php esc_html_e( 'File Type', 'wc-affiliate' ); ?></option>
				<option value="wc-json-file"><?php esc_html_e( 'JSON', 'wc-affiliate' ); ?></option>
				<option value="wp-csv-file"><?php esc_html_e( 'CSV', 'wc-affiliate' ); ?></option>
			</select>
			<input id="wca-import-file" class="wca-ei-input" type="file" name="import_file">
			<div class="file-inputs" style="display:none">
				<div class="wca-import-affiliates">
					<label for="wca-import-affiliates"><strong><?php esc_html_e( 'Affiliates', 'wc-affiliate' ); ?></strong></label>
					<input id="wca-import-affiliates" class="wca-affiliates" type="file" name="import_file" accept=".csv">
				</div>

				<div class="wca-import-referrals">
					<label for="wca-import-referrals"><strong><?php esc_html_e( 'Referrals', 'wc-affiliate' ); ?></strong></label>
					<input id="wca-import-referrals" class="wca-referrals" type="file" name="import_file" accept=".csv">
				</div>

				<!-- <div class="wca-import-payouts">
					<label for="wca-import-payouts"><strong><?php esc_html_e( 'Payouts', 'wc-affiliates' ); ?></strong></label>
					<input id="wca-import-payouts" class="wca-payouts" type="file" name="import_file" accept=".csv">
				</div>
				
				<div class="wca-import-visits">
					<label for="wca-import-visits"><strong><?php esc_html_e( 'Visits', 'wc-affiliates' ); ?></strong></label>
					<input id="wca-import-visits" class="wca-visits" type="file" name="import_file" accept=".csv">
				</div> -->
				
			</div>
			<button id="wca-import-submit" class="button button-primary"><span class="wca-export-button-text"><?php esc_html_e( 'Import', 'wc-affiliate' ); ?></span>
				<div class="wca-expo-ellipsis" style="display:none;"><div></div><div></div><div></div><div></div></div>
			</button>
		</form>
	</div>
</div>