<?php include "common-header.php"; ?>

<!-- Main content -->

<div class="main-content" id="panel">

    <!-- Topnav -->

    <nav class="navbar navbar-top navbar-expand navbar-dark bg-primary border-bottom d-lg-none d-md-block">

        <div class="container-fluid">

            <div class="collapse navbar-collapse" id="navbarSupportedContent">

                <!-- Search form -->



                <!-- Navbar links -->

                <ul class="navbar-nav align-items-center  ml-auto ">

                    <li class="nav-item d-xl-none">

                        <!-- Sidenav toggler -->

                        <div class="pr-3 sidenav-toggler sidenav-toggler-dark" data-action="sidenav-pin"

                            data-target="#sidenav-main">

                            <div class="sidenav-toggler-inner">

                                <i class="sidenav-toggler-line"></i>

                                <i class="sidenav-toggler-line"></i>

                                <i class="sidenav-toggler-line"></i>

                            </div>

                        </div>

                    </li>





                </ul>



            </div>

        </div>

    </nav>

    <!-- Header -->



    <!-- Header -->

    <div class="header d-flex align-items-center" style="min-height: 100px;background-size: cover; background-position: center top;">

        <!-- Mask -->

        <span class="mask bg-gradient-default opacity-8"></span>

        <!-- Header container -->

        <div class="container-fluid align-items-center text-light">

            <div class="row">

                <div class="col-lg-12 col-md-10">

                    <h1 class="display-2 text-white mt-3">Without API Import [Limited countries]</h1>

                </div>

                <div class="setting_btn">

                    <a href="javascript:void(0)"  data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn btn-secondary">Settings <i class="ni ni-settings-gear-65 "></i></a>

                </div>

            </div>

            <hr class="mt-1 mb-2"/>

            <div class="row mb-2">

                <div class="col-lg-4 col-md-12">

                    <strong>Amazon Country</strong><br/> <?= $regions_placeholder; ?>

                </div>

                <div class="col-lg-4 col-md-12">

                    <strong>Default Category</strong><br/> <?= $category_placeholder; ?>

                </div>

                <div class="col-lg-4 col-md-12">

                    <strong>WooCommerce Currency</strong><br/> <?= $currency_placeholder; ?>

                </div>

            </div>

        </div>

    </div>

    

    <div class="inner_content_wrapper">
        <div class="row md-12">
        <div class="alert alert-info mx-3 col" role="alert">
            <?= __( 'IMPORT AMAZON PRODUCTS TO YOUR WOOCOMMERCE BY SEARCH CATEGORY/ASIN AND WITH-OUT API!', 'ams-wc-amazon' ); ?>
        </div>

        <div class="alert alert-info mx-3 col" role="alert">
            <?= __( 'United States - United Kingdom - Germany - France - Canada - Japan', 'ams-wc-amazon' ); ?>
        </div>
        </div>

        <div class="container-fluid">

                <div class="col-lg-12 mt-3">
                    <div class="alert alert-light mx-12 col" role="alert">
                        <?= __( 'Firstly, select a category, and then type a keyword in the search box and press the search button', 'ams-wc-amazon' ); ?>
                    </div>
                </div>


            <form action="" class="wca-product-without-api-search"  method="POST">

                <div id="container" class="dropDown_container">

                    <div class="box" >

                        <select  name="ams_amazon_cat" id="ams_amazon_cat" placeholder-text="Select">

                            <?php foreach ( $this->get_amazon_cat() as $key => $value ) { ?>

                            <option class="select-dropdown__list-item" value="<?php echo esc_attr( $key ); ?>"><?php echo esc_attr( $value ); ?></option>

                            <?php } ?>

                        </select>



                        <div class="input-group" style="width: auto;display: inline-block;margin: 0 15px 0 0;">

                            <input name="keyword" id="keyword" class="form-control" placeholder="<?php echo esc_attr__( 'Type search keyword', 'ams-wc-amazon' ); ?>" type="text">

                        </div>

                    </div>

                </div>

                <div class="text-center">

                    <input type="hidden" name="action" value="<?php echo esc_attr( 'search_products' ); ?>">

                    <?php wp_nonce_field( 'wca_search_product' ); ?>

                    <button type="submit" class="btn btn-primary my-4">Search for Products</button>

                </div>

            </form>



            <div class="product_cards text-center">

                <div class="row wca-amazon-product">

                    

                </div>

                <div class="col-lg-12 col-md-12 col-sm-12 text-center">

                    <button type="button" style="display:none;" class="loadmore btn btn-primary my-4" >Load more</button>

                    <div class="wca-loading-icon">

                        <img class="wca-loading-images mt-3" src="<?php echo esc_attr( AMS_PLUGIN_URL . '/assets/images/loading.gif' ); ?>" alt="<?php echo esc_attr__( 'Loading...', 'ams-wc-amazon' ); ?>">

                    </div>

                </div>

            </div>

        </div>

    </div>

</div>



<?php 
$noCountry =1;
include "common-footer.php"; ?>