Gecko [ thecigaretteboxes.com ]

Name	Size	Permission
admin	[ DIR ]	drwxr-xr-x
client_panel	[ DIR ]	drwxr-xr-x
emails	[ DIR ]	drwxr-xr-x
errors	[ DIR ]	drwxr-xr-x
exports	[ DIR ]	drwxr-xr-x
layouts	[ DIR ]	drwxr-xr-x
vendor	[ DIR ]	drwxr-xr-x
about_us.blade.php	1.51 KB	-rw-r--r--
beat_my_quote.blade.php	11.62 KB	-rw-r--r--
blogs.blade.php	5.81 KB	-rw-r--r--
category_products.blade.php	31.47 KB	-rw-r--r--
contact_us.blade.php	14.65 KB	-rw-r--r--
dashboard.blade.php	4.07 KB	-rw-r--r--
faqs.blade.php	3.86 KB	-rw-r--r--
index.blade.php	49.56 KB	-rw-r--r--
personalized_packaging_boxes.b...	6.48 KB	-rw-r--r--
portfolio.blade.php	3.11 KB	-rw-r--r--
post.blade.php	1.65 KB	-rw-r--r--
privacy_security.blade.php	1.33 KB	-rw-r--r--
product_detail.blade.php	67.36 KB	-rw-r--r--
review.blade.php	9.18 KB	-rw-r--r--
search.blade.php	3.95 KB	-rw-r--r--
sitemap.blade.php	6.82 KB	-rw-r--r--
sitemapxml.blade.php	2.32 KB	-rw-r--r--
templates.blade.php	42.18 KB	-rw-r--r--
terms.blade.php	1.39 KB	-rw-r--r--
test.blade.php	2.38 KB	-rw-r--r--
thank_you.blade.php	2.08 KB	-rw-r--r--

Code Editor : product_detail.blade.php

@extends('layouts.product_app')
@section('contents')

<?php

if(isset($_GET['gclid'])){
        $gclid=$_GET['gclid'];

}else{
        $gclid='';

}

?>
    <?php

if(isset($_GET['msclkid'])){
        $MSCLKID=$_GET['msclkid'];

}else{
        $MSCLKID='';

}

if(isset($_GET['gad_source'])){
        $gad_source=$_GET['gad_source'];

}else{
        $gad_source='';

}
    $contact_info=\App\Models\ContactInfo::select('*')->first();
    ?>

<i class="fa-solid fa-angle-right"></i>
                <a href="{{ url($category->slug)}}<?php if($gclid){ echo '?gclid='.$gclid ;} ?><?php if($MSCLKID){ echo '?msclkid='.$MSCLKID  ;} ?><?php if($gad_source){ echo '?gad_source='.$gad_source  ;} ?>">
                    <p class="m-0 theme-color">{{$category->title}}</p>
                </a>
                <i class="fa-solid fa-angle-right"></i>
                <p class="m-0">{{$products->product_title}}</p>
            </div>
        </div>
    </section>
    <section>
        <div class="container-fluid-lg">
            <div class="row">
                <div class="col-lg-9">
                    <div class="row" >
                        <div
                            class="col-lg-6 col-md-12 col-sm-12 col-xs-12 mt-5 wow animate__animated animate__fadeInUp">
                            <div class="position-sticky sticky_element1">
                                <div class="product_slider">
                                    <div class="">

<div>
                                                <img src="{{ asset('assets/products-gallery/'.$products->product_gallery[0]['image']) }}" id="main" title="{{$products->product_gallery[0]['img_title']}}" alt="{{ $products->product_gallery[0]['alt']}}"  aria-label="{{ $products->product_gallery[0]['img_title']}}" id="img-1" >
                                            </div>

</div>
                                    <div id="thumbnails">
                                        @foreach($products->product_gallery as $k=>$gallery)
                                        <img
                                            class="thum1"
                                            id="thum_img"
                                            src="{{ asset('assets/products-gallery/'.$gallery['image']) }}"
                                            src="{{$gallery['product_alt'] }}"
                                            height="88"
                                            width="88"
                                        />
                                        @endforeach

</div>
                                </div>
                            </div>
                        </div>
                        <div
                            class="col-lg-6 col-md-12 col-sm-12 col-xs-12 mt-5 wow animate__animated animate__fadeInUp"
                        >
                            <div class="row">
                                <div class="content_para">
                                    <div class="content_box" id="read_mores">
                                        <div class="headings">
                                            <h1>{{$products->product_name}}</h1>
                                            <p class="m-0 cont_para">
                                                {!! $products->product_description !!}
                                            </p>
                                        </div>
                                    </div>
                                    <span
                                        class="read fw-bold theme-color mt-2"
                                        style="cursor: pointer"
                                        onclick="showpara()"
                                        id="read_btns"
                                    >
                                        Read More
                                    </span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form_header">
                                        <span> GET CUSTOM QUOTE </span>
                                        <p>ID {{$products->id}}</p>
                                    </div>
                                    @if(!empty(session('error')))
                                        <div class="alert alert-danger">
                                            {{ session('error') }}
                                        </div>
                                    @endif
                                    <form id="get_product_quote" action="{{ route('product_get_quote') }}" method="post">
                                        @csrf
                                        <input type="hidden" value="{{ url()->current() }}" name="current_url">
                                        <input type="hidden" name="product_id" value="{{ $products->id  }}">
                                        <div class="row mt-2">
                                            <div class="col-md-6 col-sm-6 mt-2">
                                                <input
                                                    type="text"
                                                    class="form-control"
                                                    id="contact_name"
                                                    name="contact_name"
                                                    placeholder="Name"
                                                />
                                            </div>
                                            <div class="col-md-6 col-sm-6 mt-2">
                                                <input
                                                    type="text"
                                                    class="form-control"
                                                    id="contact_email"
                                                    name="contact_email"
                                                    placeholder="Email"
                                                />
                                            </div>
                                            <div class="col-md-6 col-sm-6 mt-2">
                                                <input
                                                    type="text"
                                                    class="form-control"
                                                    name="contact_phone"
                                                    id="contact_phone"
                                                    placeholder="Phone"
                                                />
                                            </div>
                                            <div class="col-md-6 col-sm-6 mt-2">
                                                <input
                                                    type="text"
                                                    class="form-control"
                                                    id="product_name"
                                                    name="product_name"
                                                    placeholder="product Name"
                                                />
                                            </div>
                                        </div>
                                        <div class="row mt-2 mt-2">
                                            <div class="col-md-3 col-4">
                                                <input
                                                    type="text"
                                                    class="form-control"
                                                    id="product_length"
                                                    name="product_length"
                                                    placeholder="L"
                                                />
                                            </div>
                                            <div class="col-md-3 col-4">
                                                <input
                                                    type="text"
                                                    class="form-control"
                                                    name="product_width"
                                                    id="product_width"
                                                    placeholder="W"
                                                />
                                            </div>
                                            <div class="col-md-3 col-4">
                                                <input
                                                    type="text"
                                                    class="form-control"
                                                    id="product_depth"
                                                    name="product_depth"
                                                    placeholder="H"
                                                />
                                            </div>
                                            <div class="col-md-3 col-4 add_m">
                                                <select id="unit" name="measurement_units" class="form-select">
                                                    <option>cm</option>
                                                    <option>mm</option>
                                                    <option selected>inch</option>
                                                </select>
                                            </div>
                                            <div class="col-md-6 col-4 mt-2">
                                                <input
                                                    type="text"
                                                    class="form-control"
                                                    id="inputQuantity"
                                                    id="quantity"
                                                    placeholder="Quantity"
                                                />
                                                <input type="hidden" name="qtype" value="<?php if($gclid){ echo 'Paid'  .'( Google )' ;}elseif($MSCLKID){ echo 'Paid' .'( Bing )' ;}elseif($gad_source){ echo 'Paid' .'( Google )' ;} ?>">
                                                <input type="hidden" required  name="<?php if($gclid){ echo 'gclid';} ?><?php if($MSCLKID){ echo 'MSCLKID'  ;} ?><?php if($gad_source){ echo 'gad_source'  ;} ?>" class="form-control search_input_top" placeholder="Search" value="<?php if($gclid){ echo $gclid  ;} ?><?php if($MSCLKID){ echo $MSCLKID  ;} ?><?php if($gad_source){ echo $gad_source  ;} ?>">

</div>
                                            <div class="col-md-6 col-4 mt-2">
                                                <select
                                                    name="color"
                                                    id="inputcolor"
                                                    class="form-control form-select form-select-sm"
                                                >
                                                    <option value="">Select Color</option>
                                                    <option value="1 Color">1 Color</option>
                                                    <option value="2 Color">2 Color</option>
                                                    <option value="3 Color">3 Color</option>
                                                    <option value="4 Color">4 Color</option>
                                                    <option value="4/1 Color">4/1 Color</option>
                                                    <option value="4/2 Color">4/2 Color</option>
                                                    <option value="4/3 Color">4/3 Color</option>
                                                    <option value="4/4 Color">4/4 Color</option>
                                                </select>
                                            </div>
                                        </div>

<div class="row mt-2">
                                            <div class="col-12">
                                                <div class="form-group">
                                                    
                                                    <textarea
                                                        class="form-control textareas form-control-sm"
                                                        name="message"
                                                        rows="3"
                                                        id="message"
                                                        placeholder="write short message"
                                                        spellcheck="false"
                                                    ></textarea>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-2">
                                            <div class="col-md-2 col-sm-2 col-3">
                                                <input
                                                    id="product_num1"
                                                    placeholder="num1"
                                                    class="sum form-control text-center"
                                                    type="text"
                                                    name="num1"
                                                    value="1"
                                                    readonly="readonly"
                                                />
                                            </div>
                                            <div class="col-1 mt-2">
                                                <span>+</span>
                                            </div>
                                            <div class="col-md-2 col-sm-2 col-3">
                                                <input
                                                    id="product_num2"
                                                    placeholder="num2"
                                                    class="sum form-control text-center"
                                                    type="text"
                                                    name="num2"
                                                    value="9"
                                                    readonly="readonly"
                                                />
                                            </div>
                                            <div class="col-1 mt-2">
                                                <span>=</span>
                                            </div>
                                            <div class="col-md-2 col-sm-2 col-3">
                                                <div class="form-group input-placeholder">
                                                    <input
                                                        id="product_captcha"
                                                        class="product_captcha form-control form-control-sm text-center"
                                                        placeholder="Ans"
                                                        required=""
                                                        type="text"
                                                        name="captcha"
                                                        maxlength="2"
                                                    /><br />
                                                </div>
                                            </div>
                                            <div class="col-md-4 col-sm-2 col-12 mt-2">
                          <span id="product_spambot"
                          >(Are you human, or spambot?)</span
                          >
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <div class="but_box">
                                                <span class="fw-bold">Guaranteed Safe Checkout</span>
                                                <button type="submit" class="btn_sub">
                                                    Submit Quote
                                                </button>
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <a href="">
                                                <img
                                                    src="{{asset('assets/images/boxeswithlogo-easy-to-pay.svg')}}"
                                                    class="img-fluid mt-2 pay_img"
                                                    alt="boxeswithlogo-easy-to-pay"
                                                />
                                            </a>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12 bg_light mt-5">
                            <div class="tabs_product">
                                <div class="tab">
                                    <button
                                        class="tablinks active"
                                        onclick="openCity(event, 'tabs_1')"
                                    >
                                        Product Description
                                    </button>
                                    <button
                                        class="tablinks"
                                        onclick="openCity(event, 'tabs_2')"
                                    >
                                        Product Specification
                                    </button>
                                </div>

{!! $products->product_detail !!}
                                                    </div>
                                                </div>

</div>
                                        </div>
                                    </section>
                                </div>

<div id="tabs_2" class="tabcontent">
                                    <section>
                                        <div class="container">
                                            <div class="py-5">
                                                <br />
                                                <div class="table-responsive">
                                                    <table class="table info-table">
                                                        <tbody>
                                                        <tr>
                                                            <td class="px-3 py-2">
                                                                Box Style
                                                            </td>
                                                            <td class="px-3">
                                                                <?php echo $products->product_box_style;?>
                                                            </td>
                                                        </tr>

<tr>

<td class="px-3 py-2">
                                                                Dimension (L + W + H)
                                                            </td>
                                                            <td class="px-3">
                                                                <?php echo $products->product_dimension;?>
                                                            </td>

</tr>
                                                        <tr>

<td class="px-3 py-2">
                                                                Quantities
                                                            </td>
                                                            <td class="px-3">
                                                            No Minimum Order Required
                                                            </td>

</tr>

<tr>
                                                            <td class="px-3 py-2">
                                                                Paper Stock
                                                            </td>
                                                            <td class="px-3">
                                                            10pt to 28pt (60lb to 400lb) Eco-Friendly
                                                                Kraft, E-flute Corrugated, Bux Board, Cardstock
                                                            </td>
                                                        </tr>

<tr>
                                                            <td class="px-3 py-2">
                                                                Printing
                                                            </td>
                                                            <td class="px-3">
                                                                <?php echo $products->product_printing;?>
                                                            </td>
                                                        </tr>

<tr>
                                                            <td class="px-3 py-2">
                                                                Finishing
                                                            </td>
                                                            <td class="px-3">
                                                            Gloss Lamination, Matte Lamination, Gloss AQ,
                                                                Gloss UV, Matte UV, Spot UV, Embossing, Foiling

</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="px-3 py-2">
                                                                Included Options
                                                            </td>
                                                            <td class="px-3">
                                                                <?php echo $products->product_included_options;?>
                                                            </td>
                                                        </tr>

<tr>
                                                            <td class="px-3 py-2">
                                                                Additional Options
                                                            </td>
                                                            <td class="px-3">
                                                                <?php echo $products->product_additional_options;?>
                                                            </td>
                                                        </tr>

<tr>
                                                            <td class="px-3 py-2">
                                                                Proof
                                                            </td>
                                                            <td class="px-3">
                                                            Flat View, 3D Mock-up, Physical Sampling (On
                                                                request)
                                                            </td>
                                                        </tr>

<tr>
                                                            <td class="px-3 py-2">
                                                                Turnaround
                                                            </td>
                                                            <td class="px-3">
                                                                <?php echo $products->product_turnaround;?>
                                                            </td>
                                                        </tr>

<tr>
                                                            <td class="px-3 py-2">
                                                                Shipping
                                                            </td>
                                                            <td class="px-3">
                                                                <?php echo $products->product_shipping;?>
                                                            </td>
                                                        </tr>

</tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </section>
                                </div>
                            </div>
                            <div class="rows">
                                <div class="col-lg-12">
                                    <div class="heading_sec">
                                        <span>Stock Type & Thickness</span>
                                    </div>
                                    <div class="row">
                                        <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-xs-6">
                                            <div class="member">
                                                <img
                                                    loading="lazy"
                                                    width="292"
                                                    height="235"
                                                    src="{{asset('assets/images/cardstock.webp')}}"
                                                    class="img-fluid"
                                                    alt="Cardboard"
                                                />
                                                <div class="member-info">
                                                    <div class="member-info-content py-4">
                                                        <span class="text-span2">Cardboard</span> <br />
                                                        <span
                                                            style="
                                    font-size: 12px; /* line-height: 1px !important; */
                                  "
                                                        >We use cardboard material with the least
                                  environmental impact and minimizes waste
                                  generation.</span
                                                        >
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-xs-6">
                                            <div class="member">
                                                <img
                                                    loading="lazy"
                                                    width="292"
                                                    height="235"
                                                    src="{{asset('assets/images/kraft.webp')}}"
                                                    class="img-fluid"
                                                    alt="Kraft"
                                                />
                                                <div class="member-info">
                                                    <div class="member-info-content py-4">
                                                        <span class="text-span2">Kraft</span> <br />
                                                        <span style="font-size: 12px"
                                                        >Kraft paper is a strong, durable and reliable
                                  material that is widely used across many different
                                  industries.</span
                                                        >
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-xs-6">
                                            <div class="member">
                                                <img
                                                    loading="lazy"
                                                    width="292"
                                                    height="235"
                                                    src="{{asset('assets/images/rigid.webp')}}"
                                                    class="img-fluid"
                                                    alt="Rigid"
                                                />
                                                <div class="member-info">
                                                    <div class="member-info-content py-4">
                                                        <span class="text-span2">Rigid</span> <br />
                                                        <span style="font-size: 12px"
                                                        >Rigid is highly protective, affordable and
                                  recyclable material. These boxes provide maximum
                                  protection.</span
                                                        >
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-xs-6">
                                            <div class="member">
                                                <img
                                                    loading="lazy"
                                                    width="292"
                                                    height="235"
                                                    src="{{asset('assets/images/corrugated.webp')}}"
                                                    class="img-fluid"
                                                    alt="Corrugated"
                                                />
                                                <div class="member-info">
                                                    <div class="member-info-content py-4">
                                                        <span class="text-span2">Corrugated</span> <br />
                                                        <span style="font-size: 12px"
                                                        >Corrugated material is easy to customize, cost
                                  effective and sustainable. It is also great for
                                  branding purposes.</span
                                                        >
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        
                                    </div>
                                    <div class="heading_sec">
                                        <span>Finishing Assortment</span>
                                    </div>
                                    <div class="row">
                                        <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-xs-6 mt-2">
                                            <img
                                                loading="lazy"
                                                width="306"
                                                height="155"
                                                src="{{asset('assets/images/02.webp')}}"
                                                class="img-fluid"
                                                alt="Foil Stamping"
                                            />
                                            <div class="member-info">
                                                <div class="member-info-content py-3 pb-3">
                                                    <span class="text-span2">Foil Stamping</span> <br />
                                                    <span style="font-size: 12px"
                                                    >Decorate a wide range of your product packaging with our foil
                                stamping.</span
                                                    >
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-xs-6 mt-2">
                                            <img
                                                loading="lazy"
                                                width="306"
                                                height="155"
                                                src="{{asset('assets/images/07.webp')}}"
                                                class="img-fluid"
                                                alt="Spot UV"
                                            />
                                            <div class="member-info">
                                                <div class="member-info-content py-3 pb-3">
                                                    <span class="text-span2">Spot UV</span> <br />
                                                    <span style="font-size: 12px"
                                                    >Our high-gloss UV coating gives light and shine to cure the
                                printed material's varnish.</span
                                                    >
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-xs-6 mt-2">
                                            <img
                                                loading="lazy"
                                                width="306"
                                                height="155"
                                                src="{{asset('assets/images/gloss.webp')}}"
                                                class="img-fluid"
                                                alt="Gloss"
                                            />
                                            <div class="member-info">
                                                <div class="member-info-content py-3 pb-3">
                                                    <span class="text-span2">Gloss</span> <br />
                                                    <span style="font-size: 12px">
                                Our glossy finishing gives your packaging an extra layer of
                                shine.</span
                                                    >
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-xs-6 mt-2">
                                            <img
                                                loading="lazy"
                                                width="306"
                                                height="155"
                                                src="{{asset('assets/images/03.webp')}}"
                                                class="img-fluid"
                                                alt="Holographic Foiling"
                                            />
                                            <div class="member-info">
                                                <div class="member-info-content py-3 pb-3">
                                                    <span class="text-span2">Holographic Foiling</span> <br />
                                                    <span style="font-size: 12px"
                                                    >Holographic foil diffracts light and reveals the colors of
                                the rainbow at various angles.</span
                                                    >
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-xs-6 mt-2">
                                            <div class="member">
                                                <img
                                                    loading="lazy"
                                                    width="306"
                                                    height="155"
                                                    src="{{asset('assets/images/01.webp')}}"
                                                    class="img-fluid"
                                                    alt="Embossing"
                                                />
                                                <div class="member-info">
                                                    <div class="member-info-content py-3 pb-1">
                                                        <span class="text-span2">Embossing</span> <br />
                                                        <span style="font-size: 12px"
                                                        >With our embossing technique, we transfer the finest
                                  details of your product on packaging.</span
                                                        >
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-xs-6 mt-2">
                                            <img
                                                loading="lazy"
                                                width="306"
                                                height="155"
                                                src="{{asset('assets/images/08.webp')}}"
                                                class="img-fluid"
                                                alt="Debossing"
                                            />
                                            <div class="member-info">
                                                <div class="member-info-content py-3 pb-1">
                                                    <span class="text-span2">Debossing</span><br />
                                                    <span style="font-size: 12px"
                                                    >We use debossing technique to add unique graphics into your
                                packaging.</span
                                                    >
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-xs-6 mt-2">
                                            <div class="member">
                                                <img
                                                    loading="lazy"
                                                    width="306"
                                                    height="155"
                                                    src="{{asset('assets/images/matte.webp')}}"
                                                    class="img-fluid"
                                                    alt="Matte"
                                                />
                                                <div class="member-info">
                                                    <div class="member-info-content py-3 pb-1">
                                                        <span class="text-span2">Matte</span><br />
                                                        <span style="font-size: 12px"
                                                        >With our matte finish, fingerprints and smudges will now be
                                  less visible on the packaging.</span
                                                        >
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-xs-6 mt-2">
                                            <div class="member">
                                                <img
                                                    loading="lazy"
                                                    width="306"
                                                    height="155"
                                                    src="{{asset('assets/images/04.webp')}}"
                                                    class="img-fluid"
                                                    alt="Soft Touch Lamination"
                                                />
                                                <div class="member-info">
                                                    <div class="member-info-content py-3 pb-3">
                                                        <span class="text-span2">Soft Touch Lamination</span><br />
                                                        <span style="font-size: 12px"
                                                        >We add additional layer of protection with soft touch
                                  lamination from toner chipping.</span
                                                        >
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

</div>
                    </div>

</div>
                <div class="col-lg-3 mt-5">
                    <div class="sticky_element1">
                        <div class="side_container">
                            <div class="side_owl">
                                <div class="owl_heading">
                                    <h3>Customer Comment</h3>
                                </div>
                                <div class="owl-carousel owl-theme">
                                    @foreach($testimonials as $testimonial)
                                        <div class="item ">
                                            <div class="d-block w-100">
                                                <div class="card_h rounded-1 my-2">
                                                    <p class="pt-2 text_bold">
                                                        <?php
                                                        $comments = strip_tags(substr( $testimonial->comments, 0, 220));
                                                        echo $comments.'...';
                                                        ?>
                                                    </p>
                                                    <div class="head_1">
                                                        <h3><?php $zd=explode(' ',$testimonial->client_name)?> {{ strtoupper(mb_substr($zd[0], 0, 1))  }} @if(!empty($zd[1])){{ strtoupper(mb_substr($zd[1], 0, 1) ) }}@endif</h3>
                                                        <div class="card_n">
                                                            <h6>{{$testimonial->client_name}}</h6>

<p><?php
                                                                $comments = strip_tags(substr( $testimonial->designation, 0, 20));
                                                                echo $comments.'...';
                                                                ?></p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                        <div class="side_person mt-4">
                            @if($products->product_one_image)
                                <img src="{{asset('assets/images/'.$products->product_one_image)}}"  alt="{{$products->product_one_title}}"  alt="{{$products->product_one_title}}" style="display: none;">

@else
                                <img src="{{asset('assets/images/boxeswithlogo-promotional-banner.webp')}}"  alt="customboxeswithlogo " >
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@if(count($faqs) >0)
        <section>
            <div class="container-fluid-lg padding_y">
                <div class="row">
                    <div class="col-12">
                        <div class="faq_head">
                            <h2>Frequently Asked Questions</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-5 d_sm_none">
                        <img
                            src="{{asset('assets/images/frequently-asked-questions.webp')}}"
                            class="img-fluid faqimg"
                            alt="boxeswithlogo-frequently-asked-questions"
                        />
                    </div>
                    <div class="col-lg-6">
                        <div class="questions">
                            <div class="colap_box padding_y">

@foreach($faqs as $k=> $s)
                                    <div class="box_faq">
                                        <a href="#" class="togglefaq ">
                                            {{$s->question}}<i
                                                class="icon-plus"
                                            ></i
                                            ></a>

<?php $anss=\App\Models\FaqsAnswer::where('qid',$s->id)->first();

?>
                                        <div class="faqanswer" >
                                            <p>
                                                {!! $anss['answer'] ??'' !!}
                                            </p>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    @endif

@if(!empty($related_products))

<section>
            <div class="container-fluid-lg">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="top-selling-box padding_top">
                            <div class="top-selling-title">
                                <h3>Top Selling Custom Boxes</h3>
                            </div>
                        </div>
                        <div class="row">
                            @foreach($related_products as $fp)
                                <div
                                    class="col-lg-3 col-md-4 col-sm-6 col-xs-6 mt-4 wow animate__animated animate__fadeInUp"
                                >
                                    <div class="product_box fadeIn">
                                        <div class="product_img">
                                            <a href="{{ url($fp->product_slug)}}<?php if($gclid){ echo '?gclid='.$gclid ;} ?><?php if($MSCLKID){ echo '?msclkid='.$MSCLKID  ;} ?><?php if($gad_source){ echo '?gad_source='.$gad_source  ;} ?>">
                                                <img
                                                    class="text-center img-fluid prod_hover"
                                                    src="{{ asset('assets/products/'.$fp->product_image) }}"
                                                    height="260"
                                                    width="260"
                                                    alt="{{$fp->product_alt}}"
                                                />
                                            </a>
                                        </div>
                                        <div class="product_content">
                                            <a href="{{ url($fp->product_slug)}}<?php if($gclid){ echo '?gclid='.$gclid ;} ?><?php if($MSCLKID){ echo '?msclkid='.$MSCLKID  ;} ?><?php if($gad_source){ echo '?gad_source='.$gad_source  ;} ?>">
                                                <h2>{{$fp->product_title}}</h2>
                                            </a>
                                            <a href="{{ url($fp->product_slug)}}<?php if($gclid){ echo '?gclid='.$gclid ;} ?><?php if($MSCLKID){ echo '?msclkid='.$MSCLKID  ;} ?><?php if($gad_source){ echo '?gad_source='.$gad_source  ;} ?>">
                                                <button class="get_q_btn">Get Quote</button>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </section>
    @endif

<section>
        <div class="container-fluid-lg padding_y">
            <div class="row">
                <div class="col-lg-12">
                    <div class="subscrib_bn">
                        <img
                            src="{{asset('assets/images/subscription-section-image.webp')}}"
                            height="150"
                            width="100%"
                            alt="CustomBoxeseWithLogo"
                        />
                        <div class="sub_content">
                            <span class="text-white">
                                Join Our Newsletter for Promotional Offers and Packaging Insights.
                            </span>
                            <br>
                            <div class="input-box">
                                <form id="ec-newsletter-form" action="{{ route('subscribe') }}" method="post">
                                    <i class="fa-solid fa-envelope arrow"></i>
                                    <input
                                        type="email"
                                        required=""
                                        class="form-control"
                                        id="exampleFormControlInput1"
                                        name="email"
                                        placeholder="Enter Your Email"
                                    />
                                    <a href="">
                                        <button class="shop-button2">
                                            Subscribe <i class="fa-solid fa-right-long ms-2"></i>
                                        </button>
                                    </a>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection

@push('scripts')

function toggleAccordion() {
            const itemToggle = this.getAttribute('aria-expanded');

for (i = 0; i < items.length; i++) {
                items[i].setAttribute('aria-expanded', 'false');
            }

if (itemToggle == 'false') {
                this.setAttribute('aria-expanded', 'true');
            }
        }
        items.forEach((item) => item.addEventListener('click', toggleAccordion));

const accordionBtns = document.querySelectorAll(".item-header");

accordionBtns.forEach((accordion) => {
            accordion.onclick = function () {
                this.classList.toggle("active");

let content = this.nextElementSibling;
                console.log(content);

if (content.style.maxHeight) {
                    //this is if the accordion is open
                    content.style.maxHeight = null;
                } else {
                    //if the accordion is currently closed
                    content.style.maxHeight = content.scrollHeight + "px";
                    console.log(content.style.maxHeight);
                }
            };
        });

const content = document.querySelector(".content-inner");
        const contentFull = document.querySelector(".content-full");
        const more = document.querySelector(".read-more");
        let open = false;
        //  var words=  WordCount(content);
        // alert(words);
        if (more) {
            more.addEventListener("click", (e) => {
                if (open) {
                    content.removeAttribute("style");
                    e.target.innerText = "Read more....";

open = false;
                } else {
                    content.style.maxHeight = `${contentFull.clientHeight}px`;
                    e.target.innerText = "Read less";

open = true;
                }
            });
        }

function WordCount(str) {
            var words = str.split(" ");

var sortedWords = words.sort(function(a,b) {
                if(a.length<b.length) return -1;
                else if(a.length>b.length) return 1;
                else return 0;
            });
            return sortedWords[0];
        }
        $.validator.addMethod('product_captcha',
            function(value) {

$result = ( parseInt($('#product_num1').val()) + parseInt($('#product_num2').val()) == parseInt($('#product_captcha').val()) ) ;
                $('#product_spambot').fadeOut('fast');
                return $result;
            },
            'Incorrect value, please try again.'
        );

$('#get_product_quote').validate({
            debug: false,
            rules: {
                contact_phone: {
                    required: true,

},
            },
            chkCaptcha: {
                required: "* Required"
            },
            highlight: function(element) {
                $(element).addClass('has-error');
                $("#btn").prop("disabled", true);
            },
            unhighlight: function(element) {
                $(element).removeClass('has-error');
                $("#btn").prop("disabled", false);
            },
            errorElement: 'span',
            errorClass: 'validation-error-message help-block form-helper bold',
            errorPlacement: function(error, element) {
                return true;
            }
        });
        $.validator.addMethod('captcha',
            function(value) {

$result = ( parseInt($('#num1').val()) + parseInt($('#num2').val()) == parseInt($('#captcha').val()) ) ;
                $('#spambot').fadeOut('fast');
                return $result;
            },
            'Incorrect value, please try again.'
        );
        $('#get_quotes').validate({
            debug: false,
            rules: {
                captcha: {
                    required: true,

},contact_phone: {
                    required: true,

}, contact_email: {
                    required: true,

}, contact_name: {
                    required: true,

}
            },
            chkCaptcha: {
                required: "* Required"
            },
            highlight: function(element) {
                $(element).addClass('has-error');
            },
            unhighlight: function(element) {
                $(element).removeClass('has-error');
            },
            errorElement: 'span',
            errorClass: 'validation-error-message help-block form-helper bold',
            errorPlacement: function(error, element) {
                return true;
            }
        });
        $('.slider-for').slick({
            slidesToShow: 1,
            slidesToScroll: 1,
            arrows: false,
            fade: true,
            asNavFor: '.slider-nav'
        });
        $('.slider-nav').slick({
            slidesToShow: 4,
            slidesToScroll: 1,
            vertical:true,
            asNavFor: '.slider-for',
            dots: false,
            focusOnSelect: true,
            verticalSwiping:true
        });
        $(document).ready(function() {

});

$('#btn').click(function(){
            //    $(this).html('Saving...');
            //    $(this).attr('disabled', true);
        });
        var banner=document.getElementById('banner');
        var testimonials=document.getElementById('testimonials');
        if(globalThis.screen.availWidth>768){

}else{
            var temp1 = document.getElementsByTagName("template")[1];
            var clon1 = temp1.content.cloneNode(true);
            banner.innerHTML='';
            banner.appendChild(clon1);
        }

var hs=  $(window).height();
        var ws=   $(window).width();

var string = $('.strss').text();
        var str50 = string.substr(0, 10)
        $('.strss').html(str50 + '...' + '.......');
        $('.strss').attr('data-text', string);

$('.readmore').click(function (e) {
            e.preventDefault();
            $(this).parent().html($(this).parent().attr('data-text'))

})

var h=  $(window).height();
        var w=   $(window).width();
        // alert(w);
        var string = $('.strs').text();
        var str50 = string.substr(0, 210)

if(str50.length > 200) {

$('.strs').html(str50 + '...' + '<a class="readmore" href="#">Read More</a>');
            //     $('.strs').html(string);