################################################################################
#####     BEGIN: YOUR MISC HTML & CUSTOM WIDGETS     #####

# Add your awesome stuff in this section

#
#

#####      END: YOUR MISC HTML & CUSTOM WIDGETS      #####
################################################################################


################################################################################
#####  CHANGE DEFAULT PPINC DIRECTORY  #####
################################################################################

# Uncomment to make the template directory the default directory for productPage
# .inc (aka ppinc) files which are the layouts for the producsts displayed from the
# product database. Category specific layouts built by user will also be saved here.
#
# Make sure template directory name is correct
# (not changed if copied from an existing template)

#$sc_product_layouts_dir = "$sc_hedfut_templates_dir/Route66_ProBlue_2dot3_v001";


################################################################################
#####  MISC META TAGS  #####
################################################################################
# Remove leading # in front of "$sc_" variables/lines to enble.
# Place info between the opening and closing ~ characters.

# displayed only to user browsers:
#$sc_browser_meta_tags .= qq~~;


################################################################################
#####      MISC HTML - REQUIRED     #####
################################################################################

# for cart contents display
$sc_small_cart_display_image = q|<img src="[[image]]" class='img-responsive center-block' style="max-height: 60px" alt="[[name]] - [[product]]">|;

$sc_template_spacing_line01 = q|<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><p><br><br><br><br></p></div>|;

$sc_add_to_cart_success_alert = qq|<div class="alert alert-success text-center" role="alert">$sc_item_ordered_message</div>|;

# for div definition used in misc areas such as error display, etc
$sc_template_full_width_div_container_definition = <<ENDOFTEXT;
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><p><br><br></p></div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
ENDOFTEXT

# form errors - missing fields, need to make changes
$sc_order_form_make_changes = qq~
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><p><br></p></div>
<div align="center"><form method="post" action="$sc_stepone_order_script_url">
<p class="ac_missing_field_button">
<input type="hidden" name="order_form_button" value="1">
[[hiddenfields]]
<input type="hidden" name="HCODE" value="[[hcode]]">
<input type="hidden" name="gateway" value="[[gateway]]">
<input type="hidden" name="ofn" value="[[gateway]]">
<input class="btn btn-lg btn-block btn-danger hidden-xs" role="button" type="submit" name="Make Changes" value="$agora_make_changes_button_text">
<input class="btn btn-sm btn-block btn-danger visible-xs" role="button" type="submit" name="Make Changes" value="$agora_make_changes_button_text">
</p>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><p><br><br><br><br></p></div>
</form></div>~;

# in options_error_message
$sc_error_message_html = qq|<div class="alert alert-danger text-center" role="alert">[[errormessage]]</div>|;

# for div definition used in gateway choices - full width
$sc_template_full_width_div_container = <<ENDOFTEXT;
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center">
ENDOFTEXT

# for div definition used in gateway choices - half width
$sc_template_half_width_div_container = <<ENDOFTEXT;
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-center">
ENDOFTEXT

# for div definition used in gateway choices - 1/3 width
$sc_template_third_width_div_container = <<ENDOFTEXT;
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 text-center">
ENDOFTEXT

# Cart contents table wrapper for cart contents and order totals table - Bootstrap 3 default
$sc_cart_contents_table_width = <<ENDOFTEXT;
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-9">
ENDOFTEXT

# Cart contents table header - New in Route 66 versions
$sc_cart_items_table = <<ENDOFTEXT;
\n<div class="cart-contents-table">
    <div class="thead">
ENDOFTEXT

# Legacy v5 & v6 Cart contents table header
$sc_cart_items_table_legacy = <<ENDOFTEXT;
<div class="text-center">
<p><br></p>
<table id="agoracart_cart_item_table" class="table table-bordered table-hover">
<tr class="bg-agoracart-checkout">
ENDOFTEXT

$sc_verify_page_header_title_box = <<ENDOFTEXT;
<header class="heading-box">
    <div class="frame">
        <div class="agc-area">
            <h1 class="hidden-xs">[[verify_page_header_text]]</h1>
            <h3 class="visible-xs">[[verify_page_header_text]]</h3>
        </div>
    </div>
    <p><br></p>
</header>
ENDOFTEXT

$sc_thankyou_page_header_title_box = <<ENDOFTEXT;
<header class="heading-box">
    <div class="frame">
        <div class="agc-area">
            <h1 class="hidden-xs">[[verify_page_header_text]] [[name]] !</h1>
            <h3 class="visible-xs">[[verify_page_header_text]] [[name]] !</h3>
        </div>
    </div>
    <p><br></p>
</header>
ENDOFTEXT

$sc_order_form_page_header_title_box = <<ENDOFTEXT;
<header class="heading-box">
    <div class="frame">
        <div class="agc-area">
            <h1 class="hidden-xs">[[order_form_page_header_text]]</h1>
            <h3 class="visible-xs">[[order_form_page_header_text]]</h3>
        </div>
    </div>
    <p><br></p>
</header>
ENDOFTEXT

# Featured Product template string:
$sc_featuredProduct_secure_template = <<ENDOFTEXT;
<p><a href="[[featuredURL]]">
<img class="img-responsive" src="[[imageURL]]" alt="[[OptionA1n]]" border="0"></a></p>
<p><a id="featured_link" href="[[featuredURL]]" title="[[OptionA1n]]">[[OptionA1n]]</a></p>
ENDOFTEXT

# Best Sellers Widget Templates - TopSellers mgr uses it to build widget html code
$sc_tenBestSellers_image_template = <<ENDOFTEXT;
<div class="best_sellers_linkbox">
    <p><a href="[[bestsellerURL]]">
    <img class="img-vertical-widgets" src="[[imageURL]]" alt="[[bestsellTitle]]"></a></p>
    <p><a class="best_sellers_links" href="[[bestsellerURL]]" title="[[bestsellTitle]]">[[OptionB]]</a></p>
    <p><br></p>
</div>
ENDOFTEXT

$sc_tenBestSellers_list_template = <<ENDOFTEXT;
<div class="best_sellers_linkbox">
    <p><a class="best_sellers_links" href="[[bestsellerURL]]" title="[[bestsellTitle]]">[[OptionB]]</a></p>
    <p><br></p>
</div>
ENDOFTEXT

# New Products Widget Templates - NewProducts mgr uses it to build widget html code
$sc_tenNewProducts_list_template = <<ENDOFTEXT;
<div class="best_sellers_linkbox">
    <p><a class="best_sellers_links" href="[[newprodsURL]]" title="[[stringD]]">[[stringD]]</a></p>
    <p><br></p>
</div>
ENDOFTEXT

$sc_tenNewProducts_image_template = <<ENDOFTEXT;
<div class="best_sellers_linkbox">
    <p><a href="[[newprodsURL]]">
    <img class="img-vertical-widgets" src="[[imageURL]]" alt="[[stringD]]"></a></p>
    <p><a class="best_sellers_links" href="[[newprodsURL]]" title="[[stringD]]">[[stringD]]</a></p>
    <p><br></p>
</div>
ENDOFTEXT


################################################################################
#####      REQUIRED WIDGETS & TEMPLATES       #####
################################################################################
#    Modify existing template required widgets and templates below
################################################################################

#####  Required  #####
##### Left Justified Column box template (categories and other lists)
##### used to set: $sc_left_justified_column_box
$sc_widget_templates{'Category List Left Justified Column Box'} = <<ENDOFTEXT;
<!--START Category Listings-->
<div class="column_box">
    <div class="template_mainbackground">[[column_box_title]]</div>
    <div class="left_justified_lists">
        [[column_box_content]]
    </div>
</div>
ENDOFTEXT

#######################################################################
#####                  Search Box Widget
#######################################################################

#####  Required  #####
##### used to set: $sc_column_search_box
$sc_widget_templates{'Search Column Box'} = <<ENDOFTEXT;
<!--START Search Box-->
<div class="searchbox">
    <form method="post" action="agora.cgi">
         <input type="hidden" name="cart_id" value="[[cart_id]]">
         <input type="text" name="keywords" size="13" maxlength="40">
         <input type="hidden" name="ppinc" value="search2">
        <input type="submit" name="search_request_button" value="Search">
    </form>
</div>
<!--END Search Box-->
ENDOFTEXT

#######################################################################
#####                  Price Search Widget
#######################################################################

#####  Required  #####
##### used to set: $sc_column_pricesearch_box
$sc_widget_templates{'Price Search Range Column Box'} = <<ENDOFTEXT;
<!--START Price Search-->
<div class="column_box">
    <div class="template_mainbackground">[[column_box_title]]</div>
    <div class="column_box_info">
        <form method="post" action="agora.cgi">
        [[searchBetween]]<br>
        <input type="hidden" name="cart_id" value="[[cart_id]]">
        <input type="hidden" name="searchProdHeader" value="[[PriceRangeSearch]]">
        <div class="low_high_searchboxes">
        [[Sc_money_symbol]] <input type="text" name="query_price_low_range" size="4" maxlength="10"> &amp; <input type="text" name="query_price_high_range" size="4" maxlength="10">
        </div><br>
        <input type="hidden" name="ppinc" value="search">
        <input type="submit" name="search_request_button" value="[[searchButton]]">
        </form>
    </div>
</div>
<!--END Price Search-->
ENDOFTEXT

#######################################################################
#####                  Cart Contents Widget
#######################################################################

#####  Required  #####
# Generates the actual cart content that goes inside the "Cart Contents Column Box" Widget defined in agora_html_framework.pl
# BUT could be set to be used elsewhere or duplicated under a different name and used via agorascript in the header/footer templates.
$sc_widget_templates{'Cart Contents Column Widget'} = <<ENDOFTEXT;
<div class="template_cartcontents">[[itemstext]]<font color=red>[[total_qty]]</font>
<br>[[subtotal_text]]<font color=red>[[total_cost]]</font><br><br></div>
<div class="template_checkoutcartcontents">

<a href="[[StepOneURL]]?order_form_button.x=1&amp;[[href_fields]]" rel="nofollow" class="btn btn-warning btn-block" role="button">[[checkout]]</a>
<br>
<a href="[[StepOneURL]]?dc=1&amp;[[href_fields]]" rel="nofollow" class="btn btn-default btn-sm" role="button"><i class="fa fa-shopping-cart"></i><span style="padding-left: 12px;"></span> [[viewcart]]</a>
[[ppe_temp_display]][[precalcshipping]][[buysafetemp]]
</div>
ENDOFTEXT

#####  Required  #####
# Generates the actual empty cart content that goes inside the "Cart Contents Column Box" Widget defined in agora_html_framework.pl
$sc_widget_templates{'Empty Cart Contents Column Widget'} = <<ENDOFTEXT;
<div class="template_cartcontents">[[itemstext]]<font color=red>0</font>
<br>[[subtotal_text]]<font color=red>[[total_cost]]</font>
[[ppe_temp_display]][[buysafetemp]]</div>
ENDOFTEXT

#####  Required - only if only a single column template design  #####
# Optional if horizontal zones are not enabled or not the main widget placement options.
# Generates the cart content displayed within horizontal zones in the cart.
$sc_widget_templates{'Cart Contents Horizontal Widget'} = <<ENDOFTEXT;

<div class="row visible-xs hidden-sm hidden-md hidden-lg">
    <div class="col-xs-12">
        [[itemstext]]<font color='black'>[[total_qty]]</font> <br class="hidden-lg"><span style="padding-left: 40px;"></span> [[subtotal_text]]<font color='black'>[[total_cost]]</font>
        <p><br></p>
    </div>
    <div class="col-xs-12 col-sm-12">
        <a class="btn btn-primary btn-sm agc_add_button" role="button" href="[[scripturl]]?dc=1&amp;[[href_fields]]" rel="nofollow" title="View Your Shopping Cart"><i class="fa fa-shopping-cart fa-lg"></i> [[viewcart]]</a><span style="padding-left: 40px;"></span>
        <a class="btn btn-primary btn-sm agc_add_button" role="button" href='[[StepOneURL]]?order_form_button.x=1&amp;[[href_fields]]' rel="nofollow" title="Start Checkout Process"><i class="fa fa-check fa-lg"></i> [[checkout]]</a>
    </div>
    <div class="col-xs-12 col-sm-12">
        [[ppe_temp_display]][[precalcshipping]][[buysafetemp]]
    </div>

</div>
<div class="hidden-xs visible-sm visible-md visible-lg">
    <center><table border=0 width=94%>
        <tr>
        <td width="20%" align=left>
            <a class="btn btn-primary btn-sm agc_add_button" role="button" href="[[scripturl]]?dc=1&amp;[[href_fields]]" rel="nofollow" title="View Your Shopping Cart"><i class="fa fa-shopping-cart fa-lg"></i> [[viewcart]]</a>
        </td>
        <td width="60%" align=center>
            [[itemstext]]<font color='black'>[[total_qty]]</font> <br class="hidden-lg"><span style="padding-left: 40px;"></span> [[subtotal_text]]<font color='black'>[[total_cost]]</font>
        </td>
        <td width="20%" align=right><a class="btn btn-primary btn-sm agc_add_button" role="button" href='[[StepOneURL]]?order_form_button.x=1&amp;[[href_fields]]' rel="nofollow" title="Start Checkout Process"><i class="fa fa-check fa-lg"></i> [[checkout]]</a>
        </td>
        </tr>
        <tr>
            <td colspan='3'>[[ppe_temp_display]][[precalcshipping]][[buysafetemp]]</td>
        </tr>
    </table></center>
</div>
ENDOFTEXT


#######################################################################
#####          Cart Contents Display Table Templates
#######################################################################

#####  Required  #####
##### used to set: $sc_cart_items_table_common_cells
$sc_cart_contents_table{'Table Common Cells'} = <<ENDOFTEXT;
<td><a href="$sc_main_script_url?submit_deletion_button.x=yes&product=[[formdataproduct]]&
keywords=[[formdatakeywords]]&[[cartrownumber]]=checked&cart_id=[[cartid]]"><i class="fas fa-trash-alt fa-2x" aria-hidden="true"></i>
</td>
<td>
<input type="text" name="[[cartrownumber]]" value="[[displayme]]" size="2">
<input type="submit" class="btn btn-default btn-xs" name="submit_change_quantity_button" value="change quantity">
</td>\n
ENDOFTEXT

#####  Required  #####
##### used to set: $sc_cart_items_table_row_with_options
$sc_cart_contents_table{'Table Row with Options Legacy'} = qq!<td><div align="left">&nbsp; <div class="cartrowitem1">[[displayme]]</div><div class="cartrowitemoptions1">[[optionanswer]] </div></div></td>\n!;

#####  Required  #####
$sc_cart_contents_table{'Product Name with Options Cell'} = qq|<div class="cart-contents-cell cart-cont-name">
    <div class="cart-contents-title">
        <span>[[fieldname]]</span>
    </div>
    <div class="cart-info-item">
        <div class="cart_row_name"><a href="$sc_main_script_url?p_id=[[productID]]">[[displayme]]</a></div><div class="cartrow-item-options">[[optionanswer]] </div>
    </div>
</div>\n\n|;
$sc_cart_contents_table{'Thanks Product Name with Options Cell'} = qq|<div class="cart-contents-cell cart-cont-name">
    <div class="cart-contents-title">
        <span>[[fieldname]]</span>
    </div>
    <div class="cart-info-item">
        <div class="cart_row_name">[[displayme]]</div><div class="cartrow-item-options">[[optionanswer]] </div>
    </div>
</div>\n\n|;

#####  Required  #####
$sc_cart_contents_table{'Product Name Cell'} = qq|<div class="cart-contents-cell cart-cont-name">
    <div class="cart-contents-title">
        <span>[[fieldname]]</span>
    </div>
    <div class="cart-info-item">
        <div class="cart_row_name"><a href="$sc_main_script_url?p_id=[[productID]]&amp;searchProdHeader=[[displayme]]">[[displayme]]</a></div>
    </div>
</div>\n\n|;

$sc_cart_contents_table{'Thanks Product Name Cell'} = qq|<div class="cart-contents-cell cart-cont-name">
    <div class="cart-contents-title">
        <span>[[fieldname]]</span>
    </div>
    <div class="cart-info-item">
        <div class="cart_row_name">[[displayme]]</div>
    </div>
</div>\n\n|;

#####  Required  #####
$sc_cart_contents_table{'QTY Cell with reason'} = qq|<div class="cart-contents-cell cart-cont-qty">
    <div class="cart-contents-title"><span>[[fieldname]]</span></div>
    <div class="cart-info-item"><span>[[displayme]]</span></div>
</div>\n\n|;

#####  Required  #####
$sc_cart_contents_table{'QTY Cell'} = <<ENDOFTEXT;
<div class="cart-contents-cell cart-cont-qty">
    <div class="cart-contents-title"><span>[[fieldname]]</span></div>
    <div class="cart-info-item">
        <span>
          <input type="number" min="0" step="1" value="[[displayme]]" name="[[cartrownumber]]" style="max-width: 60px;">
          <input type="submit" class="btn btn-warning btn-xs" name="submit_change_quantity_button" value="$agora_cart_table_update_QTY_button">
        </span>
    </div>
</div>\n\n
ENDOFTEXT

#####  Required  #####
$sc_cart_contents_table{'Price or Total Cell'} = qq|<div class="cart-contents-cell cart-cont-price">
    <div class="cart-contents-title"><span>[[fieldname]]</span></div>
    <div class="cart-info-item"><span>[[displayme]]</span></div>
</div>\n\n|;

#####  Required  #####
$sc_cart_contents_table{'Generic TD type Cell'} = qq|<div class="cart-contents-cell cart-cont-generic">
    <div class="cart-contents-title"><span>[[fieldname]]</span></div>
    <div class="cart-info-item"><span>[[displayme]]</span></div>
</div>\n\n|;

#####  Required  #####
$sc_cart_contents_table{'Mini Image Cell'} = qq|<div class="cart-contents-cell cart-cont-image">
    <div class="cart-contents-title">
        <span>[[fieldname]]</span>
    </div>
    <div class="cart-info-item">
        <span><a href="$sc_main_script_url?p_id=[[productID]]">[[displayme]]</a></span>
    </div>
</div>\n\n|;
$sc_cart_contents_table{'Thanks Mini Image Cell'} = qq|<div class="cart-contents-cell cart-cont-image">
    <div class="cart-contents-title">
        <span>[[fieldname]]</span>
    </div>
    <div class="cart-info-item">
        <span>[[displayme]]</span>
    </div>
</div>\n\n|;

#####  Required  #####
$sc_cart_contents_table{'Shipping Cell'} = qq|<div class="cart-contents-cell cart-cont-shipping">
    <div class="cart-contents-title">
        <span>[[fieldname]]</span>
    </div>
    <div class="cart-info-item">
        <span>[[displayme]]</span>
    </div>
</div>\n\n|;

#####  Required  #####
$sc_cart_contents_table{'Remove Item Cell'} = qq|<div class="cart-contents-cell cart-cont-remove">
    <div class="cart-contents-title">
        <span>$agora_cart_table02b</span>
    </div>
    <div class="cart-info-item">
        <span><a href="$sc_main_script_url?submit_deletion_button.x=yes&product=[[formdataproduct]]&
        keywords=[[formdatakeywords]]&[[cartrownumber]]=checked&cart_id=[[cartid]]"><i class="fas fa-trash-alt fa-2x" aria-hidden="true"></i></a>
        </span>
    </div>
</div>\n\n|;

#####      END: REQUIRED      #####
#######################################################################
1;
