@if($marketplace == 'amazon')
<div class="col-md-12 pb-10 text-center">        
  <img src="{{ asset('assets/images/logos/'.config('integrations.app_integrations')['amazon']['logo'].'') }}"/>
</div>
@endif
@if($marketplace == 'amazon')
<div class="col-md-12 pb-10 text-center">
    <button type="button" name="amazon-auth" id="amazon-auth" class="btn btn-primary" onclick="askforamazonflow('tlaz')">Connect with Amazon</button>
</div>
@endif
@if($marketplace == 'woocommerce')
<div class="col-md-12 pb-10 text-center">        
  <img src="{{ asset('assets/images/logos/'.config('integrations.app_integrations')['woocommerce']['logo'].'') }}"/>
</div>
<div class="col-md-12 pb-10 text-center">
    <button type="button" name="amazon-auth" id="amazon-auth" class="btn btn-primary" onclick="WoocomStoreName('tally')">Connect with WooCommerce</button>
</div>
@endif


<div class="modal fade amazonCountrySelectionModal" id="modal-askAmazonCountry" tabindex="-1" aria-hidden="true" style="display: none;">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h3>Select Country of Your Marketplace</h3>
        <a href="javascript:void(0);" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times fa-lg"></i></a>
      </div>      
      <div class="modal-body">          
          <div class="container-fluid">                        
            <input type="hidden" id="amazonModule">
            <div class="row row-cols-1 row-cols-md-3 row-cols-lg-1 row-cols-xl-3 g-9 mb-3 pt-1" data-kt-buttons="true">
                <!--begin::Col-->
                <div class="col">
                  <!--begin::Option-->
                  <label class="btn btn-outline btn-outline-dashed btn-outline-default d-flex text-start p-2" data-kt-button="true" onclick="amazonLoginPopup('us');">
                    
                    <!--begin::Info-->
                    <span class="">
                      <span class="fs-3 fw-bolder text-gray-800 d-block"><img src="{{ asset('assets/images/flags/united-states.png') }}" style="width:100%" /></span>
                    </span>
                    <!--end::Info-->
                  </label>
                  <div class="text-center mt-2"><strong class="fs-5">United States</strong></div>
                  <!--end::Option-->
                </div>
                <div class="col">
                  <!--begin::Option-->
                  <label class="btn btn-outline btn-outline-dashed btn-outline-default d-flex text-start p-2" data-kt-button="true" onclick="amazonLoginPopup('gb');">
                    
                    <!--begin::Info-->
                    <span class="">
                      <span class="fs-3 fw-bolder text-gray-800 d-block"><img src="{{ asset('assets/images/flags/united-kingdom.png') }}" style="width:100%" /></span>
                    </span>
                    <!--end::Info-->
                  </label>
                  <div class="text-center mt-2"><strong class="fs-5">United Kingdom</strong></div>
                  <!--end::Option-->
                </div>
                <div class="col">
                  <!--begin::Option-->
                  <label class="btn btn-outline btn-outline-dashed btn-outline-default d-flex text-start p-2" data-kt-button="true" onclick="amazonLoginPopup('au');">
                    
                    <!--begin::Info-->
                    <span class="">
                      <span class="fs-3 fw-bolder text-gray-800 d-block"><img src="{{ asset('assets/images/flags/australia.png') }}" style="width:100%" /></span>
                    </span>
                    <!--end::Info-->
                  </label>
                  <div class="text-center mt-2"><strong class="fs-5">Australia</strong></div>
                  <!--end::Option-->
                </div>
                <div class="col">
                  <!--begin::Option-->
                  <label class="btn btn-outline btn-outline-dashed btn-outline-default d-flex text-start p-2" data-kt-button="true" onclick="amazonLoginPopup('ca');">
                    
                    <!--begin::Info-->
                    <span class="">
                      <span class="fs-3 fw-bolder text-gray-800 d-block"><img src="{{ asset('assets/images/flags/canada.png') }}" style="width:100%" /></span>
                    </span>
                    <!--end::Info-->
                  </label>
                  <div class="text-center mt-2"><strong class="fs-5">Canada</strong></div>
                  <!--end::Option-->
                </div>
                <div class="col">
                  <!--begin::Option-->
                  <label class="btn btn-outline btn-outline-dashed btn-outline-default d-flex text-start p-2" data-kt-button="true" onclick="amazonLoginPopup('uae');">
                    
                    <!--begin::Info-->
                    <span class="">
                      <span class="fs-3 fw-bolder text-gray-800 d-block"><img src="{{ asset('assets/images/flags/uae.png') }}" style="width:100%" /></span>
                    </span>
                    <!--end::Info-->
                  </label>
                  <div class="text-center mt-2"><strong class="fs-5">United Arab Emirates</strong></div>
                  <!--end::Option-->
                </div>
            </div>
          </div> 
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>

<div class="modal fade WooComStoreNameModal" id='WooComStoreNameModal' style="display: none;">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        Store Details
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">X</span></button>
      </div>      
      <div class="modal-body" >

        <input class="form-control" type="hidden" name="modulename" id="modulename"/>
        <div class="col-md-12">
          <div class="form-group">
            <div class="next-label">Store Domain</div>  
            <div class="row">
              <div class="col-md-2" style="padding-right: 0">
                 <select name="host" id="host" class="form-control" style="padding: 3px 6px; "> 
                    <option value="https://">https://</option>
                    <option value="http://">http://</option>
                  </select>
              </div>
              <div class="col-md-10" style="padding-left: 2px">
                <input class="form-control" type="text" name="storeDomain" id="storeDomain" placeholder="Enter Store Domain" />
                <span id="err_storeDomain" class="text-red"></span>
              </div>
               <div class="col-md-12 field-info">
                Please enter your domain name exactly as it is in your Wordpress settings. For Example "mydomain.com" and if you are using sub directory name "mystore" then add like this "mydomain.com/mystore"
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-12">
          <div class="form-group">
            <div class="next-label">Store Name</div>  
            <div class="row">
              <div class="col-md-12">
                <input class="form-control" type="text" name="storeName" id="storeName" placeholder="Enter Store Name" />
                <span id="err_storeName" class="text-red"></span>
              </div>
               <div class="col-md-12 field-info">
                Please enter your store name for our reference.
              </div>
            </div>
          </div>
        </div>     
      </div>

      <div class="modal-footer">
        
        <button type="button" class="btn btn-primary" onclick="woocomCall();">Continue</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>