<?php
// Exit if accessed directly.
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

/**
 * Provide a admin area view for the plugin
 *
 * This file is used to markup the admin-facing aspects of the plugin.
 *
 * @link       https://webequipe.com
 * @since      1.0.0
 *
 * @package    Webequipe_Spin_Win_Wheel
 * @subpackage Webequipe_Spin_Win_Wheel/admin/partials
 */
?>

<!-- This file should primarily consist of HTML with a little bit of PHP. -->



<div class="wrap section-continer">
    <form action="" method="post" enctype="multipart/form-data">

    <div class="tdw-button-row d-flex justify-content-between align-items-center">
        <h1 class="wp-heading-inline"><?php  esc_html_e( 'Add New Wheel', 'webequipe-spin-win-wheel' ); ?></h1>
        <div class="wsww-create-actions">
            <a href="<?php echo esc_url( admin_url( 'admin.php?page=wsww-spin' ) ); ?>" class="wsww-back-link">
                <span class="dashicons dashicons-arrow-left-alt2" aria-hidden="true"></span>
                <span class="wsww-back-link-text"><?php esc_html_e( 'Back to All Wheel', 'webequipe-spin-win-wheel' ); ?></span>
            </a>
            <button type="submit" name="submit_spin_settings" id="submit_spin_settings" class="btn wsww-button-color submit_spin_settings"><?php  esc_html_e( 'Create Wheel', 'webequipe-spin-win-wheel' ); ?></button>
        </div>
    </div>
        <!-- Navigation Tabs -->
        <nav class="mt-4 tab-navigation-section">
            <div class="nav nav-tabs tab-navigation-inner" role="tablist">
                <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#General" type="button" role="tab">
                    <i class="bi bi-gear me-2"></i>General
                </button>
                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#Items" type="button" role="tab">
                    <i class="bi bi-palette me-2"></i>Items
                </button>
                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#Design" type="button" role="tab">
                    <i class="bi bi-ticket me-2"></i>Design
                </button>
                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#Finish" type="button" role="tab">
                    <i class="bi bi-file-text me-2"></i>Finish
                </button>
            </div>
        </nav>

        <div class="tab-content">
            <div class="tab-pane fade show active" id="General" role="tabpanel">
                <?php include __DIR__ . '/tabs/general.php'; ?>
            </div>

            <!-- Other tab panels would go here -->
            <div class="tab-pane fade" id="Items" role="tabpanel">
                <div class="p-4">
                    <?php include __DIR__ . '/tabs/items.php'; ?>
                </div>
            </div>

            <div class="tab-pane fade" id="Design" role="tabpanel">
                <div class="p-4">
                    <?php include __DIR__ . '/tabs/design.php'; ?>
                </div>
            </div>

            <div class="tab-pane fade" id="Finish" role="tabpanel">
                <div class="p-4">
                    <?php include __DIR__ . '/tabs/finish.php'; ?>
                </div>
            </div>
        </div>
      

        <div class="tdw-buttom-continer p-4 d-grid gap-2 d-md-flex justify-content-md-end">
            <input type="hidden" name="active_tab" id="active_tab" value="General">
            <?php wp_nonce_field( 'new-spin' ); ?>
            <?php // submit_button( __( 'Create Spin', 'wsww-spin' ), 'btn btn-success', 'submit_spin_settings' ); ?>
            <!-- <button type="button" id="preview-spin-btn" class="button btn-success"
                style="margin-left:10px;">Preview Spin</button> -->

                <button type="submit" name="submit_spin_settings" id="submit_spin_settings" class="submit_spin_settings btn wsww-button-color"><?php  esc_html_e( 'Create Wheel', 'webequipe-spin-win-wheel' ); ?></button>
        </div>
    </form>
</div>

