 <!-- Right column Start-->
 <div class="col-lg-7 col-md-12 col-sm-12 tab-m m-0">                
    <div class="row mt-2 mx-2">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <ul class="nav tabs group justify-content-center" id="myTab" role="tablist">
                <li class="" role="presentation">
                    <a class="active" id="landscape-tab" data-bs-toggle="tab" data-bs-target="#landscape" type="button" role="tab" aria-controls="landscape" aria-selected="true">Landscape Design</a>
                </li>
                <li class="" role="presentation">
                    <a class="" id="portrate-tab" data-bs-toggle="tab" data-bs-target="#portrate" type="button" role="tab" aria-controls="portrate" aria-selected="false">Portrait  Design</a>
                </li>
                <!--    <li class="" role="presentation">
                    <a class="" id="withbarcode-tab" data-bs-toggle="tab" data-bs-target="#withbarcode" type="button" role="tab" aria-controls="withbarcode" aria-selected="false">With BarCode Design</a>
                </li> -->
            </ul>
            <div class="tab-content themecolor">
                <!-- Tab 1 Landscape-->
                <div class="tab-pane active" id="landscape" role="tabpanel" aria-labelledby="landscape-tab">
                    <div class="portratetabs">
                        <input type="radio" class="chkdesign" name="s_design[designL]" value="designL1" id="designL1" checked>                                      
                        <input type="radio" class="chkdesign" name="s_design[designL]" value="designL2" id="designL2">
                        <input type="radio" class="chkdesign" name="s_design[designL]" value="designL3" id="designL3">
                        <input type="hidden"  name="chk_design_hdn" value="<?php if (isset($s_design['designL']) && !empty($s_design['designL'])){echo esc_html($s_design['designL']);} else {echo 'designL1';} ?>">
                        <div class="cards">
                            <label class="card" for="designL1" id="subcontent-1">
                                <img src="<?php echo WCGEN_IMG.'design1.png'?>" alt="subcontent">
                            </label>
                            <label class="card" for="designL2" id="subcontent-2">
                                <img src="<?php echo WCGEN_IMG.'design2.png'?>" alt="subcontent">
                            </label>
                            <label class="card" for="designL3" id="subcontent-3">
                                <img src="<?php echo WCGEN_IMG.'design3.png'?>" alt="subcontent">
                            </label>
                        </div>                                     
                    </div>                 
                </div>
                    <!-- Tab 2 Portrate-->
                <div class="tab-pane" id="portrate" role="tabpanel" aria-labelledby="portrate-tab">
                    <div class="portratetabs">
                        <input type="radio" class="chkdesign" name="s_design[designP]" value="designP1" id="designP1" checked>
                        <input type="radio" class="chkdesign" name="s_design[designP]" value="designP2" id="designP2">
                        <input type="radio" class="chkdesign" name="s_design[designP]" value="designP3" id="designP3">
                        <div class="cards">
                            <label class="card" for="designP1" id="subcontentP-1">
                                <img src="<?php echo WCGEN_IMG.'designP1.png'?>" alt="subcontentP">
                            </label>
                            <label class="card" for="designP2" id="subcontentP-2">
                                <img src="<?php echo WCGEN_IMG.'designP2.png'?>" alt="subcontentP">
                            </label>
                            <label class="card" for="designP3" id="subcontentP-3">
                                <img src="<?php echo WCGEN_IMG.'designP3.png'?>" alt="subcontentP">
                            </label>
                        </div>                                     
                    </div> 
                </div>    
                    <!-- Tab 2 With Bardcode-->
                <!-- <div class="tab-pane" id="withbarcode" role="tabpanel" aria-labelledby="withbarcode-tab">
                    <div class="portratetabs">
                        <input type="radio" class="chkdesign" name="s_design[designBR]" value="designBR1" id="designBR1" checked>
                        <input type="radio" class="chkdesign" name="s_design[designBR]" value="designBR2" id="designBR2">
                        <input type="radio" class="chkdesign" name="s_design[designBR]" value="designBR3" id="designBR3">
                        <div class="cards">
                            <label class="card" for="designBR1" id="subcontentBR-1">
                                <img src="<?php echo WCGEN_IMG.'designP1.png'?>" alt="subcontentBR">
                            </label>
                            <label class="card" for="designBR2" id="subcontentBR-2">
                                <img src="<?php echo WCGEN_IMG.'designP2.png'?>" alt="subcontentBR">
                            </label>
                            <label class="card" for="designBR3" id="subcontentBR-3">
                                <img src="<?php echo WCGEN_IMG.'designP3.png'?>" alt="subcontentBR">
                            </label>
                        </div>                                     
                    </div> 
                </div>     -->
                <div class="container-fluid designsettings">
                    <div class="row">
                        <div class="col-12">
                            <h3>Style & Settings</h3>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="row">
                                <div class="col-3 m-0">
                                    <label class="form-label"> Page Border Width</label>
                                    <input type="number" class="form-control" placeholder="0" min="1" max="100" value="<?php if (isset($pageborder) && !empty($pageborder)){echo esc_html($pageborder);} else {echo '10';} ?>" name="pageborder">
                                </div>
                                <div class="col-3 m-0">
                                    <label class="form-label"> Border Color  <a href="#" class="zebra_tooltips" data-toggle="tooltip" data-placement="top" title="Note: Only rgb() color use"><span class="dashicons dashicons-editor-help"></span></a>  </label>
                                    <input type="text" class="form-control color-picker" placeholder="select color" name="bordercolor" aria-label="select color" data-alpha-enabled="true" data-default-color="rgb(0, 174, 239)" value="<?php if (isset($bordercolor) && !empty($bordercolor)){echo esc_html($bordercolor);} else {echo 'rgb(0, 174, 239)';} ?>">
                                </div>  
                                <div class="col-3">                     
                                    <input type="submit" name="submit" value="<?php echo __('Preview', 'wcgen'); ?>" class="btn btn-secondary btn-block">  
                                </div>  
								<div class="col-3">                     
                                    <input type="submit" name="submit" value="<?php echo __('Download Warranty Card', 'wcgen'); ?>" class="btn btn-success">    
                                </div>                                               
                            </div>                                                
                                                                      
                        </div>
                    </div>
                </div>                 
            </div>
        </div>
    </div>                       
</div>
<!-- Right column end-->