
  <div id="mycontent_shortcode_popup" style="display:block;" class="popup_div_outer">

    <div class="live-links-outer" id="mycontent_shortcode_popup_inner">
    <div class="container" id="memberpages_shortcode_popup_button">
     <h3 class="mb-4 border-bottom pb-2"><i class="fa fa-users" aria-hidden="true"></i>  My Content  
      <a href="<?= admin_url('admin.php?page=dap_memberpages'); ?>" title="Back to Member Pages" class="member_backicon">Return to Member Pages</a></h3>
     
    <table width="100%" cellpadding="2" cellspacing="2">

     <tr class="table-outer">
        <td valign="middle" width="100%" style="padding-bottom:0;">
            <table width="100%" cellpadding="2" cellspacing="2">
                <tr class="my_content_heading">
                    <th> Template Options </th>
                    <th>&nbsp;</th>
                </tr>
                <tr>
                    <td>Select Template Type</td>
                    <td valign="middle" width="50%">
                          <select class="form-control" name="selecttemplate" id="selecttemplate" style=" width:88% !important;">
                              <option value="template1">Display 1 product per row</option>
                              <option value="template2">Display multiple products per row</option>
                              <option value="template3">Display Product List (no links, no image)</option>
                              <option value="template4">Display Content Links (no image)</option>
                          </select>
                                
                    </td>
                </tr>
            </table>
        </td>
    </tr>

    <tr class="table-outer">
            <td valign="middle" width="100%" style="padding-top:0;">
                <table width="100%" cellpadding="2" cellspacing="2">
					<tr class="my_content_heading"> <th> Select Display options </th>  <th>&nbsp;</th></tr>
                <tr id="onecolumn" class="template_box">
                    <td valign="top" >
                       
                       <div class="row">
                       <div class="col-sm-3 template-select-outer">
                        <span class="input-outer"> <input type="radio" class="displayoption" name="display_option_single" id="multi_sel1" value="showInpage" checked> Display Available / Upcoming Content In-Page
                       <?php  $img_url_template1 = plugin_dir_url(__FILE__)."includes/images/template1_expand_collapse.jpg"; ?>   </span>
                       <img src="<?php echo $img_url_template1 ?>" />
                       </div>
                       <div class="col-sm-3 template-select-outer">
                        <span class="input-outer"> <input type="radio" class="displayoption" name="display_option_single" id="multi_sel3" value="showPopup" >Display Available / Upcoming Content in a Popup
                       <?php  $img_url_withpop_template1 = plugin_dir_url(__FILE__)."includes/images/template1_with-popup.jpg"; ?>   </span>
                         <img src="<?php echo $img_url_withpop_template1 ?>" />
                         </div>
                          <div class="col-sm-3 template-select-outer">
							<span class="input-outer">  <input type="radio" class="displayoption" name="display_option_single" id="multi_sel4" value="showCourseStyle" >Course-Style
						   <?php  $img_url_withpop_template1 = plugin_dir_url(__FILE__)."includes/images/template1_coursestyle.jpg"; ?>  </span>
							 <img src="<?php echo $img_url_withpop_template1 ?>" />
                         </div>
                         
                         <div class="col-sm-3 template-select-outer">
							<span class="input-outer">  <input type="radio" class="displayoption" name="display_option_single" id="multi_sel2" value="showProductPage" >Redirect to a Product Specific Page
						   <?php  $img_url_withpop_template1 = plugin_dir_url(__FILE__)."includes/images/template1.jpg"; ?>  </span>
							 <img src="<?php echo $img_url_withpop_template1 ?>" />
                         </div>
                        </div>
                    </td>
                 </tr>
                  <tr id="multicolumn" class="template_box">

                    <td valign="top" >
                       
                       <div class="row">
                       <div class="col-sm-4 template-select-outer">
                        <span class="input-outer"> <input type="radio" class="displayoption" name="display_option_mul" id="multi_sel1" value="showPopup" checked>Display Available / Upcoming Content in a Popup
                       <?php  $img_url_template1 = plugin_dir_url(__FILE__)."includes/images/template2-popup.jpg"; ?>    </span>
                       <img src="<?php echo $img_url_template1 ?>"  />
                       </div>
                        <div class="col-sm-4 template-select-outer">
                        <span class="input-outer">  <input type="radio" class="displayoption" name="display_option_mul" id="multi_sel2" value="showProductPage" >Redirect to a Product Specific Page
                       <?php  $img_url_template1 = plugin_dir_url(__FILE__)."includes/images/template2.jpg"; ?>  </span>
                       <img src="<?php echo $img_url_template1 ?>"  />
                       </div>

                        </div>
                    </td>

                 </tr>

                 <tr id="show_only_products" class="template_box">
                    <td valign="top" >
                       
                       <div class="row">
                           <div class="col-sm-4 template-select-outer">
                            <span class="input-outer"> <input type="radio" class="displayoption" name="show_only_products_option" id="show_only_products_sel1" value="showPopup" checked>Display only products (no links no image)
                           <?php  $img_url_template1 = plugin_dir_url(__FILE__)."includes/images/product-details.jpg"; ?>    </span>
                           <img src="<?php echo $img_url_template1 ?>"  />
                           </div>
                        </div>
                    </td>
                 </tr>

                 <tr id="show_productslinks_noimage"  class="template_box">

                    <td valign="top" >
                       
                       <div class="row">
                           <div class="col-sm-4 template-select-outer">
                            <span class="input-outer"> <input type="radio" class="displayoption" name="show_productslinks_noimage_option" id="show_productslinks_noimage_sel1" value="showPopup" checked>Display links(no image)
                           <?php  $img_url_template1 = plugin_dir_url(__FILE__)."includes/images/product-links.jpg"; ?>    </span>
                           <img src="<?php echo $img_url_template1 ?>"  />
                           </div>
                        </div>
                    </td>

                 </tr>

                </table>
            </td>
    </tr>

     <tr class="table-outer stylingwid_option_outer" id="styling_option_box">
            <td valign="middle" width="100%">
                <table width="100%" cellpadding="2" cellspacing="2">
					<tr class="my_content_heading"> <th>  Styling Options </th>  <th>&nbsp;</th></tr>
                  
                    <tr>
                        <td>Select width</td>
                        <td valign="middle" width="50%" class="rangeslider">
                             <input class="box_width" id="boxWidth"  name="boxwidth"  data-slider-id='ex1Slider' type="text" data-slider-min="100" data-slider-max="1200" data-slider-step="10" data-slider-value="700"/>


                        </td>
                    </tr>

                </table>
            </td>
    </tr>

    <tr class="table-outer productsimg_option_outer">
            <td valign="middle" width="100%">
                <table width="100%" cellpadding="2" cellspacing="2">
					<tr class="my_content_heading"> <th> Product Image Options </th>  <th>&nbsp;</th></tr>
                   
                    <tr>
                        <td>Select Image width</td>
                        <td valign="middle" width="50%" class="rangeslider">
                             <input class="width_image" id="imageWidth"  name="imagewidth"  data-slider-id='ex2Slider' type="text" data-slider-min="100" data-slider-max="300" data-slider-step="1" data-slider-value="250"/>

                        </td>
                    </tr>

                    <tr>
                        <td>Select Image height</td>
                        <td valign="middle" width="50%" class="rangeslider">
                             <input class="height_image" id="imageHeight"  name="imageheight"  data-slider-id='ex3Slider' type="text" data-slider-min="100" data-slider-max="300" data-slider-step="1" data-slider-value="300"/>

                        </td>
                    </tr>



                </table>
            </td>
    </tr>

 <tr class="table-outer styling_option_outer">
            <td valign="middle" width="100%">
                <table width="100%" cellpadding="2" cellspacing="2">
					<tr class="my_content_heading"> <th>  Styling Button Options</th>  <th>&nbsp;</th></tr>
                   
                    <tr>
                        <td>Button Background color for "Available" products</td>
                        <td valign="middle" width="50%" class="rangeslider">
                            <div id="bg_clr_div" class="input-group colorpicker-component input-group-outer">
                            <input type="text" value="#16b123" id="availableButton" class="available_button"  name="availablebutton"  />
                            <span class="input-group-addon "><i></i></span>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>Button Background color for "Not yet available" products</td>
                        <td valign="middle" width="50%" class="rangeslider">
                            <div id="bg_clr_div1" class="input-group colorpicker-component input-group-outer">
                            <input type="text" value="#545454" id="unAvailableButton" class="unavailable_button"  name="unavailablebutton"  />
                            <span class="input-group-addon "><i></i></span>
                            </div>
                        </td>
                    </tr>
            <tr>
                        <td>Background color for Pagination Buttons</td>
                        <td valign="middle" width="50%" class="rangeslider">
                            <div id="bg_clr_div2" class="input-group colorpicker-component input-group-outer">
                            <input type="text" value="#545454" id="paginationButton" class="pagination_button"  name="paginationbutton"  />
                            <span class="input-group-addon "><i></i></span>
                            </div>
                        </td>
                    </tr>
                </table>
            </td>
    </tr>
        <tr class="table-outer products_option_outer">
            <td valign="middle" width="100%">
                <table width="100%" cellpadding="2" cellspacing="2">
                   <tr class="my_content_heading"> <th>  Product Display Options </th>  <th>&nbsp;</th></tr>
                     
                    <tr>
                        <td style="font-size: 15px;">Display not-yet-available products to the logged-in member.<br><br>
                        <span style="font-size: 14px;font-weight:100;color: gray;">A logged-in member will only find the products that they currently own on the "My Content" page. However, if you want to showcase the products that they don't currently own under a "You might be interested in these products" section, select "Display All Products" option here.</span>
                    </td>

                        <td valign="top" width="50%">
                            <div class="row">
                               <div class="col-sm-4">
								   
								    <span class="input-outer"> <input type="radio"  class="showunavailableproduct" id="showUnavailableProduct2"  name="showunavailableproducts"  value="Y" checked>Display All Products (even the products that the member does not own currently).
                               </span>

                            
                               </div>
                               <div class="col-sm-4">
                                   <span class="input-outer"> <input type="radio"  class="showunavailableproduct"  id="showUnavailableProduct1" name="showunavailableproducts"  value="N" >Only Display  Products that the logged-in member owns.
                              </span>

                                 </div>
                                </div>
                        </td>
                    </tr>
                    <tr></tr>
                    <tr></tr>
                <tr>
                        <td><br>Page with Sidebar or Full Width? <BR><BR>
                        <span style="font-size: 14px;font-weight:100;color: gray;">
                        If you plan on using this shortcode on a page with a sidebar, select "sidebar" here. Otherwise select "full width".
                        </span>
                        </td>
                        <td valign="top" width="50%" ><br>
                        <select id="sidebarorfull" class="form-control">
                            <option value="sidebar">Sidebar</option>
                            <option value="fullwidth">Full Width</option>
                        </select>
                        </td>
                </tr>
                    <tr></tr>
                         <tr>
                        <td> Select list of products that you want to display </td>
                        <td valign="top" width="50%">
                            <select style=""  id="productid" style=" width: 55% !important;" name="productid[]" multiple="multiple" class="product_ids form-control">
                              <option value="ALL" selected="selected">ALL</option>
                                 <?php
                                    $session = Dap_Session::getSession();
                                    $user = $session->getUser();

                                    if($user){
                                        $userId = $user->getId();
                                    }
                                    $productList = null;

                                    if( isset($user) ) {
                                        $productList = Dap_Product::loadProducts("","A");
                                    }

                                    foreach ($productList as $prod) {
                                        //$product = Dap_Product::loadProduct($userProduct->getProduct_id());
                                ?>
                                    <option value="<?php echo $prod->getId(); ?>" ><?php echo $prod->getName(); ?></option>
                              <?php } ?>
                               </select>
                               <select style=""  id="productid1" style=" width: 55% !important;" name="productid[]" multiple="multiple" class="product_ids form-control">
                              <option value="ALL" selected="selected">ALL</option>
                                  <?php
                                    $session = Dap_Session::getSession();
                                    $user = $session->getUser();

                                    if($user){
                                        $userId = $user->getId();
                                    }
                                    $productList = null;

                                    if( isset($user) ) {
                                        $productList = Dap_Product::loadProducts("","A");
                                    }

                                    foreach ($productList as $product) {
                                       
                                ?>
                                    <option value="<?php echo $product->getId(); ?>" ><?php echo $product->getName(); ?></option>
                              <?php } ?>
                               <span style="font-size: 12px; font-weight: bold;">(it will show even if the user does not have access )</span>

                        </td>
                    </tr>

                    <tr>
                        <td>Hide these products</td>
                        <td valign="middle" width="50%">
                                <select style="" id="hideproductid" style=" width: 55% !important;" name="hideproductid[]" multiple="multiple" class="product_ids form-control">
                                  <option value="NONE" selected="selected">NONE</option>
                                     <?php
                                        $session = Dap_Session::getSession();
                                        $user = $session->getUser();

                                        $productList = null;

                                        if( isset($user) ) {
                                            $productList = Dap_Product::loadProducts("","A");
                                        }

                                        foreach ($productList as $prod) {
                                            //$product = Dap_Product::loadProduct($userProduct->getProduct_id());
                                    ?>
                                        <option value="<?php echo $prod->getId(); ?>" ><?php echo $prod->getName(); ?></option>
                                  <?php } ?>
                               </select>
                                <select style="" id="hideproductid1" style=" width: 55% !important;" name="hideproductid[]" multiple="multiple" class="product_ids form-control">
                                  <option value="NONE" selected="selected">NONE</option>
                                 <?php
                                        $session = Dap_Session::getSession();
                                        $user = $session->getUser();

                                        $productList = null;

                                        if( isset($user) ) {
                                            $productList = Dap_Product::loadProducts("","A");
                                        }

                                        foreach ($productList as $product) {
                                            //$product = Dap_Product::loadProduct($userProduct->getProduct_id());
                                    ?>
                                    <option value="<?php echo $product->getId(); ?>" ><?php echo $product->getName(); ?></option>
                              <?php } ?>
                               </select>
                        </td>
                    </tr>

                </table>
            </td>
    </tr>




         <tr class="table-outer sorting_option_outer">
            <td valign="middle" width="100%">
                <table width="100%" cellpadding="2" cellspacing="2">
					 <tr class="my_content_heading"> <th> Sorting Options </th>  <th>&nbsp;</th></tr>
                     
                    <tr class="sorting_option_outer_prod">
                        <td>Order of Products</td>
                        <td valign="middle" width="50%">
                            <select name="sorttype" id="sorttype" style=" width: 100% !important;" class="form-control">
                                <option value="purchasedate" selected="selected">By Purchase Date</option>
                                <option value="id">By ID</option>
                                <option value="name">By Name</option>

                            </select>
                        </td>
                    </tr>

                    <tr class="sorting_option_outer_links">
                        <td>Order Of Links <div class="tool-tip">
                      <i class="fa fa-info-circle" aria-hidden="true">
                      </i>
                      <div class="toll-tip-desc"> 
						  NEWESTFIRST:- Display exactly as DAP Content responder tab <br/>
						  OLDESTFIRST:- Display in the reverse order of the  DAP Content responder tab
                       </div>
                    </div> </td>
                    <td valign="middle" width="50%">
                        <select class="form-control" name="orderoflinks" id="orderoflinks">
                        <option value="NEWESTFIRST" selected="selected">NEWESTFIRST</option>
                        <option value="OLDESTFIRST">OLDESTFIRST</option>
                        </select>

                    </td>
                    </tr>

                </table>
            </td>
    </tr>

         <tr class="table-outer pagination_option_outer">
            <td valign="middle" width="100%">
                <table width="100%" cellpadding="2" cellspacing="2">
					 <tr class="my_content_heading"> <th>Pagination Options </th>  <th>&nbsp;</th></tr>
                    
                     <tr>
                    <td valign="top">
                    How Many Available Links you want to display?
                    </td>
                    <td valign="top" width="50%">
                        <input type="text" id="howmanylinks" value="9999">
                    </td>
                    </tr>


                    <tr>
                    <td valign="top">
                    How Many Upcoming Links you want to display?
                    </td>
                    <td valign="top" width="50%">
                        <input type="text" id="howmanyupcominglinks" value="5">
                    </td>
                    </tr>

					<tr>
						<td valign="top">
						How Many Links you want to display per page in pagination?
						</td>
						<td valign="top" width="50%">
							<input type="text" id="howmanylinksperpage" value="10">
						</td>
                    </tr>

                </table>
            </td>
        </tr>
 <tr class="table-outer displays_product_outer">
            <td valign="middle" width="100%">
                <table width="100%" cellpadding="2" cellspacing="2">
                     <tr class="my_content_heading"> <th>Select Product Options  </th>  <th>&nbsp;</th></tr>
                  
                    <tr>
                        <td>Select Product </td>
                      <td valign="top" width="50%">
                            <select style=""  id="singleproductid" style=" width: 55% !important;" name="singleproductid" class="single_product_id form-control">

                                 <?php
                                    $session = Dap_Session::getSession();
                                    $user = $session->getUser();

                                    if($user){
                                        $userId = $user->getId();
                                    }
                                    $productList = null;

                                    if( isset($user) ) {
                                        $productList = Dap_Product::loadProducts("","A");
                                    }

                                    foreach ($productList as $prod) {
                                        //$product = Dap_Product::loadProduct($userProduct->getProduct_id());
                                ?>
                                    <option value="<?php echo $prod->getId(); ?>" ><?php echo $prod->getName(); ?></option>
                              <?php } ?>
                            </select>
                      </td>
                    </tr>

                </table>
            </td>
      </tr>
         <tr class="table-outer displays_option_outer">
            <td valign="middle" width="100%">
                <table width="100%" cellpadding="2" cellspacing="2">
					<tr class="my_content_heading"> <th> Display Options  </th>  <th>&nbsp;</th></tr>
                  
                    
                    <tr class="hide_displays_option">
                        <td>Display Product Image?</td>
                            <td valign="top" width="50%">
                            <select class="form-control" name="showproductimage" id="showproductimage">
                            <option value="Y" selected="selected">YES</option>
                            <option value="N">NO</option>
                            </select><i style="font-size:13px;"> (Set "Product Image URL" in DAP Admin=>Products/Levels Page=>Product Image field)</i>
                            </td>
                    </tr>

                  <tr class="displays_option_inn">
                    <td valign="top">Display Product Name?</td>
                        <td valign="top" width="50%">
                        <select class="form-control" name="showproductname" id="showproductname">
                        <option value="Y" selected="selected">YES</option>
                        <option value="N">NO</option>
                        </select>
                      </td>
                    </tr>
                    <tr class="displays_option_inn">
                    <td valign="top">Display Product Description? </td>
                        <td valign="top" width="50%">
                        <select class="form-control" name="showdescription" id="showdescription">
                        <option value="Y" >YES</option>
                        <option value="N" >NO</option>
                        </select>
                      </td>
                    </tr>



                        <tr class="displays_option_inn">
    <td valign="top">
    Display Access Start Date?
    </td>
    <td valign="top" width="50%">
       <select class="form-control" name="showaccessstartdate" id="showaccessstartdate">
          <option value="Y" selected="selected">YES</option>
          <option value="N">NO</option>
       </select>

    </td>
    </tr>

      <tr class="displays_option_inn">
    <td valign="top">
    Display Access End Date?
    </td>
    <td valign="top" width="50%">
       <select class="form-control" name="showaccessenddate" id="showaccessenddate">
          <option value="Y" selected="selected">YES</option>
          <option value="N">NO</option>
       </select>
    </td>
    </tr>

      <tr class="hide_displays_option">
    <td valign="top">
    Enter DATE Format
    </td>
    <td valign="top" width="50%">
        <input type="text" id="dateformat" value="YYYY-MM-DD">
        </td>
    </tr>

 <tr class="hide_displays_option">
    <td valign="top">
    Display Renewal HTML (if access to product has expired)?
    </td>
    <td valign="top" width="50%">
       <select class="form-control" name="showrenewalhtml" id="showrenewalhtml">
          <option value="Y" selected="selected">YES</option>
          <option value="N">NO</option>
       </select><i style="font-size:13px;">(Set Renewal HTML in DAP Products Page=>Cancellation And Expiration tab)</i>
       <br /><br />
    </td>
    </tr>


   <tr class="hide_displays_option">
    <td valign="top">
    Display Product Count?
    </td>
    <td valign="top" width="50%">
       <select class="form-control" name="showproductcount" id="showproductcount">
          <option value="Y" selected="selected">YES</option>
          <option value="N">NO</option>
       </select>
    </td>
    </tr>

   <tr class="displays_option_inn">
    <td valign="top">
    Display Member Links?
    </td>
    <td valign="top" width="50%">
       <select class="form-control" name="showlinks" id="showlinks">
          <option value="Y" selected="selected">YES</option>
          <option value="N">NO</option>
       </select><i style="font-size:13px;"> (if set to NO, only products are displayed)</i>
    </td>
    </tr>


     <tr class="hide_displays_option">
    <td valign="top">
    "My Content" section collapsed by default?
    </td>
    <td valign="top" width="50%">
       <select class="form-control" name="showlinkscollapsed" id="showlinkscollapsed">
          <option value="Y" selected="selected">YES</option>
          <option value="N">NO</option>
       </select><i style="font-size:13px;"> (if set to YES, product list is displayed with a 'click here' link to expand the My Content section)</i>
    </td>
    </tr>

    <tr class="hide_displays_option">
    <td valign="top">
    Display "Available Content" Section?
    </td>
    <td valign="top" width="50%">
       <select class="form-control" name="showavailablecontent" id="showavailablecontent">
          <option value="Y" selected="selected">YES</option>
          <option value="N">NO</option>
       </select>
    </td>
    </tr>


    <tr class="hide_displays_option">
    <td valign="top">
    Display "Upcoming Content" Section?
    </td>
    <td valign="top" width="50%">
       <select class="form-control" name="showupcomingcontent" id="showupcomingcontent">
          <option value="N" selected="selected">NO</option>
          <option value="Y">YES</option>

       </select>
    </td>
    </tr>


                </table>
            </td>
    </tr>

         <tr class="table-outer labelstext_option_outer">
            <td valign="middle" width="100%">
                <table width="100%" cellpadding="2" cellspacing="2">
					<tr class="my_content_heading"> <th> Label/Text Options </th>  <th>&nbsp;</th></tr>
                  
                     
                    <tr>
                        <td>Enter "Click Here To View Content" text  for Available Products </td>
                            <td valign="top" width="50%">
        <input type="text" id="clickheretext" value="Access your Content">
       <i style="font-size:13px;"> (when users click on it, it will display the links)</i>
    </td>
                    </tr>
                    <tr>
                        <td>Enter "Click Here To View Content" text  for Unavailable Products </td>
                            <td valign="top" width="50%">
                            <input type="text" id="clickheretextunavilable" value="Click here to Get Access">
                           <i style="font-size:13px;"> (when users click on it, it will display the links)</i>
                        </td>
                    </tr>


                     <tr>
    <td valign="top">
    Enter "No Content Available" Text
    </td>
    <td valign="top" width="50%">
        <input type="text" id="nocontenttext" value="No Content Available">
     <i style="font-size:13px;"> (it will display if no content is available under the product)</i>
    </td>
    </tr>

     <tr>
    <td valign="top">
    Enter "My Content" Header Text
    </td>
    <td valign="top" width="50%">
        <input type="text" id="mycontentheadertext" value="My Content">

    </td>
    </tr>

    <tr>
    <td valign="top">
    Enter "Available Content" Header Text
    </td>
    <td valign="top" width="50%">
        <input type="text" id="availcontentheadertext" value="Available Content">
    </td>
    </tr>



    <tr>
    <td valign="top">
    Enter "Upcoming Content" Header Text
    </td>
    <td valign="top" width="50%">
        <input type="text" id="upcomingcontentheadertext" value="Upcoming Content">
    </td>
    </tr>



    <tr>
    <td valign="top">
    Enter "Coming Soon (In Days)" Text
    </td>
    <td valign="top" width="50%">
        <input type="text" id="comingsoonheadertext" value="Upcoming (In Days)">
    </td>
    </tr>

                </table>
            </td>
    </tr>


      <tr class="table-outer displays_option_outer_header">
            <td valign="middle" width="100%">
                <table width="100%" cellpadding="2" cellspacing="2">
					<tr class="my_content_heading"> <th> Label/Text Options </th>  <th>&nbsp;</th></tr>
                  
                   
                    <tr>
                        <td>Your Products Text</td>
                      <td valign="top" width="50%">
                          <input type="text" name="yourproductstext" id="yourproductstext" value="Your Products">
                      </td>
                    </tr>

                </table>
            </td>
      </tr>

     <tr class="table-outer displays_prod_option_outer">
            <td valign="middle" width="100%">
                <table width="100%" cellpadding="2" cellspacing="2">
					<tr class="my_content_heading"> <th>Style Options </th>  <th>&nbsp;</th></tr>
                  
                    
                            <tr class="heading_style_option hideforlinks">
                               <td colspan="2">Heading Style Options </td>
                             </tr>
                            <tr class="heading_style_options hideforlinks">
                               <td colspan="2">
                                  <div class="heading_style_options_div">
                                   <span class="input-outer">Font Size  <input class="fontsize_cls" id="prodfontsize"  name="prodfontsize"  data-slider-id='ex4Slider' type="text" data-slider-min="5" data-slider-max="100" data-slider-step="1" data-slider-value="14"/></span>
                                    <span class="input-outer">Font Family <select name ="font_family" class="font_family form-control" >
                                       <option value="arial,helvetica,sans-serif">Arial</option>
                                         <option value="Open Sans">Open Sans</option>
                                        <option value="andale mono,times">Andale</option>
                                         <option value="arial black,avant garde">Arial Black</option>
                                          <option value="helvetica">Helvetica</option>
                                           <option value="comic sans ms,sans-serif">Comic Sans MS</option>
                                            <option value="tahoma,arial,helvetica,sans-serif">Tahoma</option>
                                             <option value="times new roman,times">Times New Roman</option>

                                   </select></span>
                                    <span class="input-outer">Font Color<div id="prodtext_clr_div" class="input-group colorpicker-component input-group-outer">
                                    <input type="text" value="#333" id="prodtext_clr" class="prodtext_clr_cls"  name="prodtextclr"  />
                                    <span class="input-group-addon "><i></i></span>
                                    </div></span>

                                    <span class="input-outer">Font Weight <select name ="font_weight" class="font_weight form-control" > <option value="bold">Bold</option> <option value="normal">Normal</option></select></span>

                                    <input type ="hidden"  id="headfonts" name="headfonts" value=""/>
                                 </div>
                              </td>
                        </tr>

                            <tr class="heading_style_option">
                               <td colspan="2">Data Style Options </td>
                             </tr>
                            <tr class="heading_style_options">
                               <td colspan="2">
                                  <div class="heading_style_options_div">
                                   <span class="input-outer">Font Size  <input class="fontsize_cls1" id="prodfontsize1"  name="prodfontsize1"  data-slider-id='ex5Slider' type="text" data-slider-min="5" data-slider-max="100" data-slider-step="1" data-slider-value="14"/></span>
                                    <span class="input-outer">Font Family <select name ="font_family1" class="font_family1 form-control" >
                                       <option value="arial,helvetica,sans-serif">Arial</option>
                                         <option value="Open Sans">Open Sans</option>
                                        <option value="andale mono,times">Andale</option>
                                         <option value="arial black,avant garde">Arial Black</option>
                                          <option value="helvetica">Helvetica</option>
                                           <option value="comic sans ms,sans-serif">Comic Sans MS</option>
                                            <option value="tahoma,arial,helvetica,sans-serif">Tahoma</option>
                                             <option value="times new roman,times">Times New Roman</option>

                                   </select></span>
                                    <span class="input-outer">Font Color<div id="prodtext_clr_div1" class="input-group colorpicker-component input-group-outer">
                                    <input type="text" value="#333" id="prodtext_clr1" class="prodtext_clr_cls1"  name="prodtextclr1"  />
                                    <span class="input-group-addon "><i></i></span>
                                    </div></span>

                                    <span class="input-outer">Font Weight <select name ="font_weight1" class="font_weight1 form-control" > <option value="normal">Normal</option><option value="bold">Bold</option> </select></span>

                                    <input type ="hidden"  id="datafonts" name="datafonts" value=""/>
                                 </div>
                              </td>
                        </tr>

                    <tr>
                      <td>Link Text Style</td>
                      <td valign="top" width="50%">
						  <br/>
						  <br/>
                           <span class="input-outer">  <input type="radio" class="display_radiobutton_options" name="displayradiobuttonoption" id="display_radiobutton_option1" value="showbulletedlist" checked/> Show bulleted list </span>
                            <span class="input-outer">  <input type="radio" class="display_radiobutton_options" name="displayradiobuttonoption" id="display_radiobutton_option2" value="showstyledlist" /> Show Styled List </span>
                             <span class="input-outer">  <input type="radio" class="display_radiobutton_options" name="displayradiobuttonoption" id="display_radiobutton_option3" value="nostyle" /> No Style </span>
                      </td>
                    </tr>

                </table>
            </td>
      </tr>

	<tr class="table-outer option_outer_course_style" style="display:none">
            <td valign="middle" width="100%">
                <table width="100%" cellpadding="2" cellspacing="2">
					<tr class="my_content_heading"> <th>  Styling and Text Options</th>  <th>&nbsp;</th></tr>
                   
                    <tr>
                        <td>Background color for products</td>
                        <td valign="middle" width="50%" class="rangeslider">
                            <div id="bg_clr_div_cs" class="input-group colorpicker-component input-group-outer">
                            <input type="text" value="#2784d8" id="csProdBgcolor" class="available_button"  name="csprodbgcolor"  />
                            <span class="input-group-addon "><i></i></span>
                            </div>
                        </td>
                    </tr>
                      <tr>
                        <td>Text color for products</td>
                        <td valign="middle" width="50%" class="rangeslider">
                            <div id="bg_clr_div_cs1" class="input-group colorpicker-component input-group-outer">
                            <input type="text" value="#ffffff" id="csProdTextcolor" class="available_button"  name="csprodtextcolor"  />
                            <span class="input-group-addon "><i></i></span>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>Background color for start button</td>
                        <td valign="middle" width="50%" class="rangeslider">
                            <div id="bg_clr_div_cs2" class="input-group colorpicker-component input-group-outer">
                            <input type="text" value="#18cba3" id="csStartBtnBgcolor" class="unavailable_button"  name="csstartbtnbgcolor"  />
                            <span class="input-group-addon "><i></i></span>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>Text color for start button</td>
                        <td valign="middle" width="50%" class="rangeslider">
                            <div id="bg_clr_div_cs3" class="input-group colorpicker-component input-group-outer">
                            <input type="text" value="#ffffff" id="csStartTextcolor" class="unavailable_button"  name="csstarttextcolor"  />
                            <span class="input-group-addon "><i></i></span>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>Background color for links </td>
                        <td valign="middle" width="50%" class="rangeslider">
                            <div id="bg_clr_div_cs4" class="input-group colorpicker-component input-group-outer">
                            <input type="text" value="#f1f1f1" id="csLinksColor" class="pagination_button"  name="cslinkscolor"  />
                            <span class="input-group-addon "><i></i></span>
                            </div>
                        </td>
                    </tr>
					<tr>
                        <td>Background color for links on active and hover</td>
                        <td valign="middle" width="50%" class="rangeslider">
                            <div id="bg_clr_div_cs5" class="input-group colorpicker-component input-group-outer">
                            <input type="text" value="#edfcf9" id="csLinksActiveHoverColor" class="pagination_button"  name="cslinksactivehovercolor"  />
                            <span class="input-group-addon "><i></i></span>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>Text color for links</td>
                        <td valign="middle" width="50%" class="rangeslider">
                            <div id="bg_clr_div_cs6" class="input-group colorpicker-component input-group-outer">
                            <input type="text" value="#333333" id="csLinksTextColor" class="pagination_button"  name="cslinkstextcolor"  />
                            <span class="input-group-addon "><i></i></span>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>Show Border for Content</td>
                       <td valign="top" width="50%">
							<select class="form-control form_width_common" name="showborforcontent" id="showborforcontent">
							<option value="Y" >YES</option>
							<option value="N" >NO</option>							
							</select>
						  </td>
                    </tr>
                    
                     <tr>
                        <td>Border color for Content</td>
                        <td valign="middle" width="50%" class="rangeslider">
                            <div id="bg_clr_div_cs7" class="input-group colorpicker-component input-group-outer">
                            <input type="text" value="#f1f1f1" id="bordercol" class="pagination_button"  name="bordercol"  />
                            <span class="input-group-addon "><i></i></span>
                            </div>
                        </td>
                    </tr>
                     <tr>
                        <td>How many links you want to show at a time</td>
                        <td valign="middle" width="50%" class="rangeslider form_width_common">
                            <div id="" class="input-group colorpicker-component input-group-outer">
                            <input type="number" value="10" id="numberoflinks" class="pagination_button"  name="numberoflinks"  />
                            
                            </div>
                        </td>
                    </tr>
                      <tr class="displays_option_inn">
						<td valign="top">Display Product Description? </td>
							<td valign="top" width="50%">
							<select class="form-control form_width_common" name="showproddescription" id="showproddescription">
							<option value="N" >NO</option>
							<option value="Y" >YES</option>
							</select>
						  </td>
                    </tr>
                    
                     <tr>   
						<td valign="top">
							Change the label for "Click to Start" button
						</td>
						<td valign="top" width="50%">
							<input type="text" id="clicktostarttext" name="clicktostarttext" value="Click to Start"> 
						</td>
					</tr>
				   <tr>   
						<td valign="top">
							Change "Lessons" text
						</td>
						<td valign="top" width="50%">
							<input type="text" id="lessontext" name="lessontext" value="Lessons"> 
						</td>
					</tr>
				
                 <tr>   
					<td valign="top">
						Enter "No Content Available" Text
					</td>
					<td valign="top" width="50%">
						<input type="text" id="noContentNew" name="nocontentnew" value="No Content Available">
						<i style="font-size:13px;"> (it will display if no content is available under the product)</i>
					</td>
				</tr>
                </table>
            </td>
            
	 

    </tr>
     
     
     <tr class="table-outer customizemessages_option_outer">
		<td valign="middle" width="100%">
			<table width="100%" cellpadding="2" cellspacing="2">
				<tr class="my_content_heading"> <th> Customize Messages </th>  <th> <i style="font-size:13px;"> (Enter message, leave empty if you want to use the default)</i></th></tr>		 			 
				<tr >
					<td>Enter text for "Please login" </td>
					<td valign="top" width="50%">
						<input type="text" id="pleaselogintext" value="">						 
					</td>
				</tr>
				<tr>
					<td>Enter text for "Click here to Login"</td>
					<td valign="top" width="50%">
						<input type="text" id="clicktologintext" value="">						 
					</td>
				</tr>
				
				<tr class="showforsometemp12 currentlyhaveaccesstextouter">
					<td>Enter text for "Currently Have Access" </td>
					<td valign="top" width="50%">
						<input type="text" id="currentlyhaveaccesstext" value="">						 
					</td>
				</tr>
				
				<tr class="showforsometemp12 userlinksproducttextouter">
					<td>Enter text for "User Links Product"  </td>
					<td valign="top" width="50%">
						<input type="text" id="userlinksproducttext" value="">						 
					</td>
				</tr>
				
				<tr class="showforsometemp12 accessstartdatetextouter">
					<td>Enter text for "Access Start Date" </td>
					<td valign="top" width="50%">
						<input type="text" id="accessstartdatetext" value="">						 
					</td>
				</tr>				
				
				<tr class="showforsometemp12 accessenddatetextouter">
					<td>Enter text for "Access End Date" </td>
					<td valign="top" width="50%">
						<input type="text" id="accessenddatetext" value="">						 
					</td>
				</tr>
				<tr class="showforsometemp12 productnametextouter">
					<td>Enter text for "Product Name"</td>
					<td valign="top" width="50%">
						<input type="text" id="productnametext" value="">						 
					</td>
				</tr>
				<tr class="showforsometemp12 productdesctextouter">
					<td>Enter text for " ProductDescription"</td>
					<td valign="top" width="50%">
						<input type="text" id="productdesctext" value="">						 
					</td>
				</tr>
				
				<tr class="showforsometemp12">
					<td>Enter text for "Links" </td>
					<td valign="top" width="50%">
						<input type="text" id="linkstext" value="">						 
					</td>
				</tr>
				
				<tr class="showforsometemp12 nolinksfoundtextouter">
					<td>Enter text for "No Links Found" </td>
					<td valign="top" width="50%">
						<input type="text" id="nolinksfoundtext" value="">						 
					</td>
				</tr>
				 
			</table>
		</td>
	</tr>
    
    </table>

    <div class="shortcode_container" style="display:none">
		 
    </div>

    <div align="center" class="btn_outer">
        <a href="<?= admin_url('admin.php?page=dap_memberpages'); ?>">
            <button class="button-primary back-btn" id="backbtn">Back</button>
        </a>
        <button class="button-primary next-btn" id="mycontentgenscbtn">Generate Shortcode</button>
    </div>
    <br>
    <br>
</div>
</div>
</div>
<script>
var $jq = jQuery.noConflict();
$jq('#mycontentgenscbtn').on('click', function() {
    var selectTemplate = $jq('#selecttemplate').val();
    var displayOption = window.Var1;
    if(displayOption === undefined || displayOption === null || displayOption === "") {
        var displayOption = "showPopup";
    } else {
        var displayOption = window.Var1;
    }
 
    var sortType = $jq('#sorttype').val();
    var showUnavailableProducts = window.Var2;
    if(showUnavailableProducts === undefined || showUnavailableProducts === null || showUnavailableProducts === "") {
        var showUnavailableProducts = "N";
    } else {
        var showUnavailableProducts = window.Var2;
    }
    if(showUnavailableProducts == "N") {
        var productId = $jq('#productid1').val();
        var hideProductId = $jq('#hideproductid1').val();
    } else {
        var productId = $jq('#productid').val();
        var hideProductId = $jq('#hideproductid').val();
    }
    var sidebarorfull = $jq('#sidebarorfull').val();
    var imageWidth = $jq('#imageWidth').val();
    var imageHeight = $jq('#imageHeight').val();
    var availableButton = $jq('#availableButton').val();
    var unavailableButton = $jq('#unAvailableButton').val();
    var paginationButton = $jq('#paginationButton').val();
    var showProductImage = $jq('select#showproductimage').val();
    var showProductName = $jq('select#showproductname').val();
    var showAccessStartDate = $jq('select#showaccessstartdate').val();
    var showAccessEndDate = $jq('select#showaccessenddate').val();
    var dateFormat = $jq('#dateformat').val();
    var showDescription = $jq('select#showdescription').val();
    var orderOfLinks = $jq('#orderoflinks').val();
    var showProductCount = $jq('select#showproductcount').val();
    var showLinks = $jq('#showlinks').val();
    var showLinksCollapsed = $jq('select#showlinkscollapsed').val();
    var clickHereText = $jq('#clickheretext').val();
    var clickHereTextUnavilable = $jq('#clickheretextunavilable').val();
    var noContentText = $jq('#nocontenttext').val();
    var myContentHeaderText = $jq('#mycontentheadertext').val();
    var availContentHeaderText = $jq('#availcontentheadertext').val();
    var showAvailableContent = $jq('select#showavailablecontent').val();
    var howManyLinks = $jq('#howmanylinks').val();
    var upcomingContentHeaderText = $jq('#upcomingcontentheadertext').val();
    var showUpcomingContent = $jq('select#showupcomingcontent').val();
    var howManyUpcomingLinks = $jq('#howmanyupcominglinks').val();
    var comingSoonHeaderText = $jq('#comingsoonheadertext').val();
    var yourProductsText = $jq('#yourproductstext').val();
    var singleProductId = $jq('#singleproductid').val();
    var displayRadioButtonOption = $jq('input[name="displayradiobuttonoption"]:checked').val();
    var fontsize_cls_head = $jq('.fontsize_cls').val();
    var font_family_head = $jq('.font_family').val();
    var prodtext_clr_head = $jq('#prodtext_clr').val();
    var font_weight_head = $jq('.font_weight').val();
    var fontsize_cls_data = $jq('.fontsize_cls1').val();
    var font_family_data = $jq('.font_family1').val();
    var prodtext_clr_data = $jq('#prodtext_clr1').val();
    var font_weight_data = $jq('.font_weight1').val();
    var headFonts = fontsize_cls_head + "||" + font_family_head + "||" + prodtext_clr_head + "||" + font_weight_head;
    var dataFonts = fontsize_cls_data + "||" + font_family_data + "||" + prodtext_clr_data + "||" + font_weight_data;
    
    var csprodBgcolor =  $jq('#csProdBgcolor').val();
    var csstartbtnBgcolor =  $jq('#csStartBtnBgcolor').val();
    var cslinksactivehoverColor =  $jq('#csLinksActiveHoverColor').val();
    
    var csProdTextcolor =  $jq('#csProdTextcolor').val();
    var csStartTextcolor =  $jq('#csStartTextcolor').val();
    var csLinksColor =  $jq('#csLinksColor').val();
    var csLinksTextColor =  $jq('#csLinksTextColor').val();
    var noContentNew =  $jq('#noContentNew').val();
    var showproddescription =  $jq('#showproddescription').val();
    var clicktostarttext =  $jq('#clicktostarttext').val();
    var lessontext =  $jq('#lessontext').val();
    var numberoflinks =  $jq('#numberoflinks').val();
    var bordercol =  $jq('#bordercol').val();
    var showborforcontent =  $jq('#showborforcontent').val();   
    
    var pleaselogintext =  $jq('#pleaselogintext').val();     
    var clicktologintext =  $jq('#clicktologintext').val();     
    var currentlyhaveaccesstext =  $jq('#currentlyhaveaccesstext').val();     
    var userlinksproducttext =  $jq('#userlinksproducttext').val();     
    var accessstartdatetext =  $jq('#accessstartdatetext').val();     
    var accessenddatetext =  $jq('#accessenddatetext').val();     
    var productnametext =  $jq('#productnametext').val();     
    var productdesctext =  $jq('#productdesctext').val();     
    var linkstext =  $jq('#linkstext').val();     
    var nolinksfoundtext =  $jq('#nolinksfoundtext').val();  
       
    var howmanylinksperpage =  $jq('#howmanylinksperpage').val();     
    
    /***Shortcode conditon for onecol, multi etc *********/
    if(selectTemplate == "template1") {
        var boxWidth = $jq('#boxWidth').val();
        if(displayOption == "showCourseStyle"){
			var shortcode = '[DAPMyContent selectTemplate="' + selectTemplate + '" displayOption="' + displayOption + '" sortType="' + sortType + '" boxWidth="' + boxWidth + 			 
			     '" orderOfLinks="' + orderOfLinks + '" showProductCount="' + showProductCount +  '" csProdBgcolor="' + csprodBgcolor +  '" csStartBtnBgcolor="' + csstartbtnBgcolor +
			       '" csLinksActiveHoverColor="' + cslinksactivehoverColor+   '" csProdTextcolor="' + csProdTextcolor+   '" csStartTextcolor="' + csStartTextcolor+  
			        '" csLinksColor="' + csLinksColor+   '" csLinksTextColor="' + csLinksTextColor+ '" numberoflinks="' + numberoflinks+  '" bordercol="' + bordercol+  '" showborforcontent="' + showborforcontent+ 
			           '" showProdDescription="' + showproddescription+  '" clickToStartText="' + clicktostarttext+ '" lessonText="' + lessontext+ '" noContentNew="' + noContentNew+ '" ]';
		}else{	
			var shortcode = '[DAPMyContent selectTemplate="' + selectTemplate + '" displayOption="' + displayOption + '" sortType="' + sortType + '" boxWidth="' + boxWidth + '" imageWidth="' + imageWidth + 
			'" imageHeight="' + imageHeight + '" availableButton="' + availableButton + '" unavailableButton="' + unavailableButton + '" paginationButton="' + paginationButton + '" showUnavailableProducts="' 
			+ showUnavailableProducts + '" sidebarorfullwidth="' + sidebarorfull + '" productId="' + productId + '" hideProductId="' + hideProductId + '" showProductImage="' + showProductImage + 
			'" showProductName="' + showProductName + '" showAccessStartDate="' + showAccessStartDate + '" showAccessEndDate="' + showAccessEndDate + '" dateFormat="' + dateFormat + 
			'" showDescription="' + showDescription + '" orderOfLinks="' + orderOfLinks + '" showProductCount="' + showProductCount + '" showLinks="' + showLinks + '" showLinksCollapsed="' + 
			showLinksCollapsed + '" clickHereText="' + clickHereText + '"  clickHereTextUnavilable="' + clickHereTextUnavilable + '" noContentText="' + noContentText + '" myContentHeaderText="' +
			 myContentHeaderText + '" availContentHeaderText="' + availContentHeaderText + '" showAvailableContent="' + showAvailableContent + '" howManyLinks="' + howManyLinks + '" upcomingContentHeaderText="' +
			  upcomingContentHeaderText + '" showUpcomingContent="' + showUpcomingContent + '" howManyUpcomingLinks="' + howManyUpcomingLinks + '" comingSoonHeaderText="' + comingSoonHeaderText + 
			    '" pleaseLoginText="' + pleaselogintext  + '" clickTtoLoginText="' + clicktologintext+  '" currentlyhaveaccesstext="' + currentlyhaveaccesstext + '" userLinksProductText="' 
			    + userlinksproducttext + '" accessStartDateText="' + accessstartdatetext + '" accessEndDateText="' + accessenddatetext + '" productNameText="' + productnametext + 
			     '" productDescText="' + productdesctext + '" linksText="' + linkstext + '" noLinksFoundText="' + nolinksfoundtext + '" howManyLinksPerPage="' + howmanylinksperpage+ '" ]';
   		}
     } else if(selectTemplate == "template2") {
        boxWidth = imageWidth;
        var shortcode = '[DAPMyContent selectTemplate="' + selectTemplate + '" displayOption="' + displayOption + '" sortType="' + sortType + '" imageWidth="' + imageWidth + '" imageHeight="' + imageHeight +
         '" availableButton="' + availableButton + '" unavailableButton="' + unavailableButton + '" paginationButton="' + paginationButton + '" showUnavailableProducts="' + showUnavailableProducts +
          '" sidebarorfullwidth="' + sidebarorfull + '" productId="' + productId + '" hideProductId="' + hideProductId + '" showProductImage="' + showProductImage + '" showProductName="' + showProductName +
           '" showAccessStartDate="' + showAccessStartDate + '" showAccessEndDate="' + showAccessEndDate + '" dateFormat="' + dateFormat + '" showDescription="' + showDescription + '" orderOfLinks="' + orderOfLinks +
            '" showProductCount="' + showProductCount + '" showLinks="' + showLinks + '" clickHereText="' + clickHereText + '"  clickHereTextUnavilable="' + clickHereTextUnavilable + '" noContentText="' +
             noContentText + '" myContentHeaderText="' + myContentHeaderText + '" availContentHeaderText="' + availContentHeaderText + '" showAvailableContent="' + showAvailableContent + '" howManyLinks="' + 
             howManyLinks + '" upcomingContentHeaderText="' + upcomingContentHeaderText + '" showUpcomingContent="' + showUpcomingContent + '" howManyUpcomingLinks="' + howManyUpcomingLinks + 
             '" comingSoonHeaderText="' + comingSoonHeaderText +   '" pleaseLoginText="' + pleaselogintext  + '" clickTtoLoginText="' + clicktologintext+  '" currentlyhaveaccesstext="' + currentlyhaveaccesstext + '" userLinksProductText="' 
			    + userlinksproducttext + '" accessStartDateText="' + accessstartdatetext + '" accessEndDateText="' + accessenddatetext + '" productNameText="' + productnametext + 
			     '" productDescText="' + productdesctext + '" linksText="' + linkstext + '" noLinksFoundText="' + nolinksfoundtext + '" howManyLinksPerPage="' + howmanylinksperpage+ '"  ]';
    } else if(selectTemplate == "template3") {
        var shortcode = '[DAPMyContent selectTemplate="' + selectTemplate + '" yourProductsText="' + yourProductsText + '" sortType="' + sortType + '" displayRadioButtonOption="'
         + displayRadioButtonOption + '" dataFonts="' + dataFonts + '" pleaseLoginText="' + pleaselogintext  + '" clickTtoLoginText="' + clicktologintext + '"]';
    } else if(selectTemplate == "template4") {
        var shortcode = '[DAPMyContent selectTemplate="' + selectTemplate + '" singleProductId="' + singleProductId + '" showProductName="' + showProductName + '"  showDescription="' +
         showDescription + '" showAccessStartDate="' + showAccessStartDate + '" showAccessEndDate="' + showAccessEndDate + '" showLinks="' + showLinks + '" orderOfLinks="' +
          orderOfLinks + '" displayRadioButtonOption="' + displayRadioButtonOption + '" headFonts="' + headFonts + '" dataFonts="' + dataFonts + 
          '" pleaseLoginText="' + pleaselogintext  + '" clickTtoLoginText="' + clicktologintext + '"  accessStartDateText="' + accessstartdatetext + '" accessEndDateText="' + accessenddatetext + '" productNameText="' + productnametext + 
			     '" productDescText="' + productdesctext + '" linksText="' + linkstext + '" noLinksFoundText="' + nolinksfoundtext + '" ]';
    }


	jQuery('.shortcode_container').show();
	jQuery('.shortcode_container').html('');
	jQuery('.shortcode_container').append("<h5>Here is the DAP My Content Shortcode</h5><textarea style='height:150px'>"+shortcode+"</textarea>");
 
 
});

$jq(function() {
    var displayOption = $jq('input[name="display_option_single"]:checked').val();
    window.Var1 = displayOption;
    $jq('input[name="display_option_single"]').on('change', function() {
        var displayOption = $jq('input[name="display_option_single"]:checked').val();
        
        window.Var1 = displayOption;
    });
    $jq('#selecttemplate').on('change', function() {
        var selectdrop = $jq('select#selecttemplate option:selected').val();
        if(selectdrop == "template1") {
            $jq('.stylingwid_option_outer, .styling_option_outer, .products_option_outer, .sorting_option_outer_links, .productsimg_option_outer, .pagination_option_outer, .displays_option_outer, .labelstext_option_outer').show();
            $jq('.displays_option_pnameouter, .displays_option_imgouter, .displays_option_renewalouter').show();
            $jq('.displays_option_outer_header').hide();
            $jq('.hide_displays_option').show();
            $jq('#multicolumn').hide();
            $jq('#show_only_products').hide();
            $jq('#show_productslinks_noimage').hide();
            $jq('.sorting_option_outer').show();
            $jq('.displays_product_outer').hide();
            $jq('.displays_prod_option_outer').hide();
            $jq('.sorting_option_outer_prod').show();
            $jq('.hideforlinks').hide();
            $jq('#onecolumn').show();
            $jq('#styling_option_box').show();
            $jq('#showdescription').val('Y');
            $jq('.showforsometemp12').show(); 
            var displayOption = $jq('input[name="display_option_single"]:checked').val();
            
            window.Var1 = displayOption;
            $jq('input[name="display_option_single"]').on('change', function() {
                var displayOption = $jq('input[name="display_option_single"]:checked').val();
				if(displayOption == "showCourseStyle"){
					 $jq('.productsimg_option_outer, .styling_option_outer, .pagination_option_outer, .displays_option_outer, .labelstext_option_outer, .products_option_outer').hide(); 
					 $jq('.option_outer_course_style').show(); 
					   $jq('.showforsometemp12').hide(); 
				}else{
					 $jq('.productsimg_option_outer, .styling_option_outer, .pagination_option_outer, .displays_option_outer, .labelstext_option_outer, .products_option_outer').show(); 
					  $jq('.option_outer_course_style').hide(); 
				}
                window.Var1 = displayOption;
            });
        } else if(selectdrop == "template2") {
            $jq('.stylingwid_option_outer, .styling_option_outer, .products_option_outer, .sorting_option_outer_links, .productsimg_option_outer, .pagination_option_outer, .displays_option_outer, .labelstext_option_outer').show();
            $jq('.displays_option_pnameouter, .displays_option_imgouter, .displays_option_renewalouter').show();
            $jq('.displays_option_outer_header').hide();
            $jq('.hide_displays_option').show();
            $jq('.sorting_option_outer').show();
            $jq('.displays_product_outer').hide();
            $jq('#onecolumn').hide();
            $jq('#show_only_products').hide();
            $jq('#multicolumn').show();
            $jq('#show_productslinks_noimage').hide();
            $jq('#styling_option_box').hide();
            $jq('.displays_prod_option_outer').hide();
            $jq('#showdescription').val('N');
            $jq('.sorting_option_outer_prod').show();
            $jq('.hideforlinks').hide();
             $jq('.option_outer_course_style').hide(); 
             $jq('.showforsometemp12').show(); 
            var displayOption = $jq('input[name="display_option_mul"]:checked').val();
            window.Var1 = displayOption;
            $jq('input[name="display_option_mul"]').on('change', function() {
                var displayOption = $jq('input[name="display_option_mul"]:checked').val();
                window.Var1 = displayOption;
            });
        } else if(selectdrop == "template3") {
            $jq('#onecolumn').hide();
            $jq('#multicolumn').hide();
            $jq('#show_only_products').show();
            $jq('#show_productslinks_noimage').hide();
            $jq('#styling_option_box').hide();
            $jq('.stylingwid_option_outer, .styling_option_outer, .products_option_outer, .sorting_option_outer_links, .productsimg_option_outer, .pagination_option_outer, .displays_option_outer, .labelstext_option_outer').hide();
            $jq('.displays_option_outer_header').show();
            $jq('.sorting_option_outer').show();
            $jq('.displays_product_outer').hide();
            $jq('.displays_prod_option_outer').show();
            $jq('.sorting_option_outer_prod').show();
            $jq('.hideforlinks').hide();
            $jq('#showdescription').val('N');
            $jq('.option_outer_course_style').hide(); 
             $jq('.showforsometemp12').hide(); 
            var displayOption = $jq('input[name="display_option_mul"]:checked').val();
            window.Var1 = displayOption;
            $jq('input[name="display_option_mul"]').on('change', function() {
                var displayOption = $jq('input[name="display_option_mul"]:checked').val();
                window.Var1 = displayOption;
            });
        } else if(selectdrop == "template4") {
            $jq('.stylingwid_option_outer, .styling_option_outer, .products_option_outer, .productsimg_option_outer, .pagination_option_outer, .labelstext_option_outer').hide();
            $jq('.displays_option_outer').show();
            $jq('.displays_option_inn').show();
            $jq('.hide_displays_option').hide();
            $jq('.displays_product_outer').show();
            $jq('.sorting_option_outer').show();
            $jq('.sorting_option_outer_links').show();
            $jq('.sorting_option_outer_prod').hide();
            $jq('.displays_option_outer_header').hide();
            $jq('#onecolumn').hide();
            $jq('#multicolumn').hide();
            $jq('#show_only_products').hide();
            $jq('#show_productslinks_noimage').show();
            $jq('.displays_prod_option_outer').show();
            $jq('.hideforlinks').show();
            $jq('#styling_option_box').hide();
            $jq('#showdescription').val('N');
            $jq('.option_outer_course_style').hide(); 
              $jq('.showforsometemp12').show(); 
            var displayOption = $jq('input[name="display_option_mul"]:checked').val();
            window.Var1 = displayOption;
            $jq('input[name="display_option_mul"]').on('change', function() {
                var displayOption = $jq('input[name="display_option_mul"]:checked').val();
                window.Var1 = displayOption;
            });
        }
		
    });
});

$jq(function() {
    var showUnavailableProducts = $jq('input[name="showunavailableproducts"]:checked').val();
    window.Var2 = showUnavailableProducts;
    $jq('input[name="showunavailableproducts"]').on('change', function() {
        var showUnavailableProducts = $jq('input[name="showunavailableproducts"]:checked').val();
        if(showUnavailableProducts == "N") {
            $jq('#productid').hide();
            $jq('#productid1').show();
            $jq('#hideproductid').hide();
            $jq('#hideproductid1').show();
            window.Var2 = showUnavailableProducts;
        } else {
            $jq('#productid1').hide();
            $jq('#productid').show();
            $jq('#hideproductid').show();
            $jq('#hideproductid1').hide();
            window.Var2 = showUnavailableProducts;
        }
    });
});
$jq(function() {

   $jq('input[name="display_option_single"]').on('change', function() {
	    var displayOption = $jq('input[name="display_option_single"]:checked').val();
	   
		if(displayOption == "showCourseStyle"){
			 $jq('.productsimg_option_outer, .styling_option_outer, .pagination_option_outer, .displays_option_outer, .labelstext_option_outer, .products_option_outer').hide(); 
			 $jq('.option_outer_course_style').show(); 
			 $jq('.showforsometemp12').hide(); 
		}else{
			 $jq('.productsimg_option_outer, .styling_option_outer, .pagination_option_outer, .displays_option_outer, .labelstext_option_outer, .products_option_outer').show(); 
			  $jq('.option_outer_course_style').hide(); 
			   $jq('.showforsometemp12').show(); 
		}
	});
});
</script>
