@extends('include.app')
@section('content')
{{--    @if(session('error'))--}}
{{--        <div class="alert alert-danger">--}}
{{--            {{ session('error') }}--}}
{{--        </div>--}}
{{--    @endif--}}

    <!-- Add this section to display success messages -->
{{--    @if(session('success'))--}}
{{--        <div class="alert alert-success">--}}
{{--            {{ session('success') }}--}}
{{--        </div>--}}
{{--    @endif--}}
    <!-- Begin: Main Slider -->
    <div class="innerBan">
        <img src="{{ asset('images/innerbnr1.png') }}" class="w-100" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-12">
                        <h2>Packages</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End: Main Slider -->

    <section class="packtop">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <ul class="nav nav-tabs packgtab" id="myTab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Show All</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">General</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="Exterior-tab" data-toggle="tab" href="#Exterior" role="tab" aria-controls="Exterior" aria-selected="false"> Exterior</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="Interior-tab" data-toggle="tab" href="#Interior" role="tab" aria-controls="Interior" aria-selected="false"> Interior</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

        <section class="packagesSec">
            <div class="container">
                <div class="tab-content" id="myTabContent">
                    <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="packgwrap">
                                    <figure>
                                        <img src="{{ asset('images/packg1.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="packkgcntnt">
                                        <h2>Half-Day Package</h2>
                                        <h2>450.00</h2>
                                        <p>Have A quality handy man in your home for four hours. We provide all tools and equipment to get the job done. Includes 1 handy man</p>
                                        <ul class="servicelist">
                                            <li>Four (4) hours of professional handyman services</li>
                                            <li>Quality workmanship and satisfaction guaranteed</li>
                                            <li> Trained and multi-skilled Craftsman</li>
                                        </ul>
                                        <a href="#" class="themeBtn learn-more-btn"
                                           data-package-name="Half-Day Package"
                                           data-package-duration="4 hours"
                                           data-package-price="450.00"
                                           data-package-id="1">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </div>




                            <div class="col-md-6">
                                <div class="packgwrap">
                                    <figure>
                                        <img src="{{ asset('images/packg2.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="packkgcntnt">
                                        <h2>Full-Day Package</h2>
                                        <h2>1000.00</h2>
                                        <p>Have A quality handy man in your home for eight hours. We provide all tools and equipment to get the job done. Includes 1 handyman and helper
                                        </p>
                                        <ul class="servicelist">
                                            <li>Eight (8) hours of professional handyman services</li>
                                            <li>Quality workmanship and satisfaction guaranteed</li>
                                            <li> Trained and multi-skilled Craftsman</li>
                                        </ul>
                                        <a href="#" class="themeBtn learn-more-btn"
                                           data-package-name="Full-Day Package"
                                           data-package-duration="8 hours"
                                           data-package-price="1000.00"
                                           data-package-id="2">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </div>




                            <div class="col-md-6">
                                <div class="packgwrap">
                                    <figure>
                                        <img src="{{ asset('images/packg3.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="packkgcntnt">
                                        <h2>Mount a TV Package</h2>
                                        <h2>250.00</h2>
                                        <p>Typically starts at 2 hours minimum 250.00. Includes 2 hours of labor. Materials can be provide at additional cost. </p>
                                        <ul class="servicelist">
                                            <li>Professional Installation & TV Mount</li>
                                            <li> Assembly of mount (if needed)</li>
                                            <li> Attach all cables & connections</li>
                                            <li>Install a U-Channel* to hide wiring for aesthetic purposes.</li>
                                        </ul>
                                        <a href="#" class="themeBtn learn-more-btn"
                                           data-package-name="Mount a TV Package"
                                           data-package-duration="2 hours"
                                           data-package-price="250.00"
                                           data-package-id="2">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="packgwrap">
                                    <figure>
                                        <img src="{{ asset('images/packg4.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="packkgcntnt">
                                        <h2>Kitchen Backsplash Package</h2>
                                        <h2>2500.00</h2>
                                        <p>We include complete demo and replacement with top quality product backed by our 1 year guarantee. Prices start at 2500.00</p>
                                        <ul class="servicelist">
                                            <li>Eight (8) hours of professional handyman services</li>
                                            <li>Quality workmanship and satisfaction guaranteed</li>
                                            <li> Trained and multi-skilled Craftsman</li>
                                        </ul>
                                        <a href="#" class="themeBtn learn-more-btn"
                                           data-package-name="Kitchen Backsplash Package"
                                           data-package-duration="8 hours"
                                           data-package-price="2500.00"
                                           data-package-id="3">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="packgwrap">
                                    <figure>
                                        <img src="{{ asset('images/packg5.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="packkgcntnt">
                                        <h2>Accent Wall Package</h2>
                                        <h2>650.00</h2>
                                        <p>Any wall in your home can bring accents of color. We can add paint or different types of wall boards. The sky is the limit! Starting at 650.00</p>
                                        <ul class="servicelist">
                                            <li>Wall Preparation</li>
                                            <li> Plank Layout</li>
                                            <li> Craftsmanship, specifically around outlets/switches</li>
                                            <li> Product delivered direct to your home.</li>
                                            <li> Clean-up after the job.</li>
                                        </ul>
                                        <a href="#" class="themeBtn learn-more-btn"
                                           data-package-name="Accent Wall Package"
                                           data-package-duration="on work demand"
                                           data-package-price="650.00"
                                           data-package-id="4">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="packgwrap">
                                    <figure>
                                        <img src="{{ asset('images/packg6.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="packkgcntnt">
                                        <h2>Pet Door Package</h2>
                                        <h2>Small door 250.00</h2>
                                        <h2>Large door 350.00</h2>
                                        <ul class="servicelist">
                                            <li>Professional Pet Door Installation</li>
                                            <li> Hale Pet Door</li>
                                            <li> Heavy duty aluminum frame</li>
                                            <li> Heavy duty vinyl flaps</li>
                                            <li> Five-year warranty, including flaps</li>
                                            <li> Made in America</li>
                                        </ul>
                                        <a href="#" class="themeBtn learn-more-btn"
                                           data-package-name="Pet Door Package"
                                           data-package-item1="small door 250.00"
                                           data-package-item2="Large door 359"
                                           data-package-price="250.00"
                                           data-package-id="5">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade show" id="profile" role="tabpanel" aria-labelledby="home-tab">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="packgwrap">
                                    <figure>
                                        <img src="{{ asset('images/packg1.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="packkgcntnt">
                                        <h2>Half-Day Package</h2>
                                        <h2>450.00</h2>
                                        <p>Have A quality handy man in your home for four hours. We provide all tools and equipment to get the job done. Includes 1 handy man</p>
                                        <ul class="servicelist">
                                            <li>Four (4) hours of professional handyman services</li>
                                            <li>Quality workmanship and satisfaction guaranteed</li>
                                            <li> Trained and multi-skilled Craftsman</li>
                                        </ul>
                                        <a href="#" class="themeBtn learn-more-btn"
                                           data-package-name="Half-Day Package"
                                           data-package-duration="4 hours"
                                           data-package-price="450.00"
                                           data-package-id="6">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </div>




                            <div class="col-md-6">
                                <div class="packgwrap">
                                    <figure>
                                        <img src="{{ asset('images/packg2.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="packkgcntnt">
                                        <h2>Full-Day Package</h2>
                                        <h2>1000.00</h2>
                                        <p>Have A quality handy man in your home for eight hours. We provide all tools and equipment to get the job done. Includes 1 handyman and helper</p>
                                        <ul class="servicelist">
                                            <li>Eight (8) hours of professional handyman services</li>
                                            <li>Quality workmanship and satisfaction guaranteed</li>
                                            <li> Trained and multi-skilled Craftsman</li>
                                        </ul>
                                        <a href="#" class="themeBtn learn-more-btn"
                                           data-package-name="Full-Day Package"
                                           data-package-duration="8 hours"
                                           data-package-price="1000.00"
                                           data-package-id="7">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </div>




                            <div class="col-md-6">
                                <div class="packgwrap">
                                    <figure>
                                        <img src="{{ asset('images/packg3.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="packkgcntnt">
                                        <h2>Mount a TV Package</h2>
                                        <h2>250.00</h2>
                                        <p>Typically starts at 2 hours minimum 250.00. Includes 2 hours of labor. Materials can be provide at additional cost.</p>
                                        <ul class="servicelist">
                                            <li>Professional Installation & TV Mount</li>
                                            <li> Assembly of mount (if needed)</li>
                                            <li> Attach all cables & connections</li>
                                            <li>Install a U-Channel* to hide wiring for aesthetic purposes.</li>
                                        </ul>
                                        <a href="#" class="themeBtn learn-more-btn"
                                           data-package-name="Mount a TV Package"
                                           data-package-duration="2 hours min."
                                           data-package-price="250.00"
                                           data-package-id="8">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="packgwrap">
                                    <figure>
                                        <img src="{{ asset('images/packg4.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="packkgcntnt">
                                        <h2>Kitchen Backsplash Package</h2>
                                        <h2>2500.00</h2>
                                        <p>We include complete demo and replacement with top quality product backed by our 1 year guarantee. Prices start at 2500.00</p>
                                        <ul class="servicelist">
                                            <li>Eight (8) hours of professional handyman services</li>
                                            <li>Quality workmanship and satisfaction guaranteed</li>
                                            <li> Trained and multi-skilled Craftsman</li>
                                        </ul>
                                        <a href="#" class="themeBtn learn-more-btn"
                                           data-package-name="Kitchen Backsplash Package"
                                           data-package-duration="8 hours"
                                           data-package-price="2500.00"
                                           data-package-id="9">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="packgwrap">
                                    <figure>
                                        <img src="{{ asset('images/packg5.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="packkgcntnt">
                                        <h2>Accent Wall Package</h2>
                                        <h2>650.00</h2>
                                        <p>Any wall in your home can bring accents of color. We can add paint or different types of wall boards. The sky is the limit! Starting at 650.00</p>
                                        <ul class="servicelist">
                                            <li>Wall Preparation</li>
                                            <li> Plank Layout</li>
                                            <li> Craftsmanship, specifically around outlets/switches</li>
                                            <li> Product delivered direct to your home.</li>
                                            <li> Clean-up after the job.</li>
                                        </ul>
                                        <a href="#" class="themeBtn learn-more-btn"
                                           data-package-name="Accent Wall Package"
                                           data-package-duration="Depending on work"
                                           data-package-price="650.00"
                                           data-package-id="10">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="packgwrap">
                                    <figure>
                                        <img src="{{ asset('images/packg6.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="packkgcntnt">
                                        <h2>Pet Door Package</h2>
                                        <h2>Small door- 500.00</h2>
                                        <h2>Large door- 350.00</h2>
                                        <ul class="servicelist">
                                            <li>Professional Pet Door Installation</li>
                                            <li> Hale Pet Door</li>
                                            <li> Heavy duty aluminum frame</li>
                                            <li> Heavy duty vinyl flaps</li>
                                            <li> Five-year warranty, including flaps</li>
                                            <li> Made in America</li>
                                        </ul>
                                        <a href="#" class="themeBtn learn-more-btn"
                                           data-package-name="Half-Day Package"
                                           data-package-item1="Small door- 500.00"
                                           data-package-item2="Large door- 350.00"
                                           data-package-price1="500.00"
                                           data-package-price2="350.00"
                                           data-package-id="11">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade show" id="Exterior" role="tabpanel" aria-labelledby="home-tab">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="packgwrap">
                                    <figure>
                                        <img src="{{ asset('images/packg1.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="packkgcntnt">
                                        <h2>Half-Day Package</h2>
                                        <h2>450.00</h2>
                                        <p>Have A quality handy man in your home for four hours. We provide all tools and equipment to get the job done. Includes 1 handy man</p>
                                        <ul class="servicelist">
                                            <li>Four (4) hours of professional handyman services</li>
                                            <li>Quality workmanship and satisfaction guaranteed</li>
                                            <li> Trained and multi-skilled Craftsman</li>
                                        </ul>
                                        <a href="#" class="themeBtn learn-more-btn"
                                           data-package-name="Half-Day Package"
                                           data-package-duration="4 hours"
                                           data-package-price="450.00"
                                           data-package-id="12">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </div>




                            <div class="col-md-6">
                                <div class="packgwrap">
                                    <figure>
                                        <img src="{{ asset('images/packg2.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="packkgcntnt">
                                        <h2>Full-Day Package</h2>
                                        <h2>1000.00</h2>
                                        <p>Have A quality handy man in your home for eight hours. We provide all tools and equipment to get the job done. Includes 1 handyman and helper</p>
                                        <ul class="servicelist">
                                            <li>Eight (8) hours of professional handyman services</li>
                                            <li>Quality workmanship and satisfaction guaranteed</li>
                                            <li> Trained and multi-skilled Craftsman</li>
                                        </ul>
                                        <a href="#" class="themeBtn learn-more-btn"
                                           data-package-name="Full-Day Package"
                                           data-package-duration="8 hours"
                                           data-package-price="1000.00"
                                           data-package-id="13">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </div>




                            <div class="col-md-6">
                                <div class="packgwrap">
                                    <figure>
                                        <img src="{{ asset('images/packg3.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="packkgcntnt">
                                        <h2>Mount a TV Package</h2>
                                        <h2>250.00</h2>
                                        <p>Typically starts at 2 hours minimum 250.00. Includes 2 hours of labor. Materials can be provide at additional cost.</p>
                                        <ul class="servicelist">
                                            <li>Professional Installation & TV Mount</li>
                                            <li> Assembly of mount (if needed)</li>
                                            <li> Attach all cables & connections</li>
                                            <li>Install a U-Channel* to hide wiring for aesthetic purposes.</li>
                                        </ul>
                                        <a href="#" class="themeBtn learn-more-btn"
                                           data-package-name="Mount a TV Package"
                                           data-package-duration="2 hours min."
                                           data-package-price="250.00"
                                           data-package-id="14">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="packgwrap">
                                    <figure>
                                        <img src="{{ asset('images/packg4.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="packkgcntnt">
                                        <h2>Kitchen Backsplash Package</h2>
                                        <h2>2500.00</h2>
                                        <p>We include complete demo and replacement with top quality product backed by our 1 year guarantee. Prices start at 2500.00</p>
                                        <ul class="servicelist">
                                            <li>Eight (8) hours of professional handyman services</li>
                                            <li>Quality workmanship and satisfaction guaranteed</li>
                                            <li> Trained and multi-skilled Craftsman</li>
                                        </ul>
                                        <a href="#" class="themeBtn learn-more-btn"
                                           data-package-name="Kitchen Backsplash Package"
                                           data-package-duration="8 hours"
                                           data-package-price="2500.00"
                                           data-package-id="15">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="packgwrap">
                                    <figure>
                                        <img src="{{ asset('images/packg5.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="packkgcntnt">
                                        <h2>Accent Wall Package</h2>
                                        <h2>650.00</h2>
                                        <p>Any wall in your home can bring accents of color. We can add paint or different types of wall boards. The sky is the limit! Starting at 650.00</p>
                                        <ul class="servicelist">
                                            <li>Wall Preparation</li>
                                            <li> Plank Layout</li>
                                            <li> Craftsmanship, specifically around outlets/switches</li>
                                            <li> Product delivered direct to your home.</li>
                                            <li> Clean-up after the job.</li>
                                        </ul>
                                        <a href="#" class="themeBtn learn-more-btn"
                                           data-package-name="Accent Wall Package"
                                           data-package-duration="Depending on work"
                                           data-package-price="650.00"
                                           data-package-id="16">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="packgwrap">
                                    <figure>
                                        <img src="{{ asset('images/packg6.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="packkgcntnt">
                                        <h2>Pet Door Package</h2>
                                        <h2>Small door- 500.00</h2>
                                        <h2>Large door- 350.00</h2>
                                        <ul class="servicelist">
                                            <li>Professional Pet Door Installation</li>
                                            <li> Hale Pet Door</li>
                                            <li> Heavy duty aluminum frame</li>
                                            <li> Heavy duty vinyl flaps</li>
                                            <li> Five-year warranty, including flaps</li>
                                            <li> Made in America</li>
                                        </ul>
                                        <a href="#" class="themeBtn learn-more-btn"
                                           data-package-name="Half-Day Package"
                                           data-package-item1="Small door- 500.00"
                                           data-package-item2="Large door- 350.00"
                                           data-package-duration="4 hours"
                                           data-package-price="500.00"
                                           data-package-price2="350.00"
                                           data-package-id="17">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="tab-pane fade show" id="Interior" role="tabpanel" aria-labelledby="home-tab">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="packgwrap">
                                    <figure>
                                        <img src="{{ asset('images/packg1.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="packkgcntnt">
                                        <h2>Half-Day Package</h2>
                                        <h2>450.00</h2>
                                        <p>Have A quality handy man in your home for four hours. We provide all tools and equipment to get the job done. Includes 1 handy man</p>
                                        <ul class="servicelist">
                                            <li>Four (4) hours of professional handyman services</li>
                                            <li>Quality workmanship and satisfaction guaranteed</li>
                                            <li> Trained and multi-skilled Craftsman</li>
                                        </ul>
                                        <a href="#" class="themeBtn learn-more-btn"
                                           data-package-name="Half-Day Package"
                                           data-package-duration="4 hours"
                                           data-package-price="450.00"
                                           data-package-id="18">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </div>




                            <div class="col-md-6">
                                <div class="packgwrap">
                                    <figure>
                                        <img src="{{ asset('images/packg2.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="packkgcntnt">
                                        <h2>Full-Day Package</h2>
                                        <h2>1000.00</h2>
                                        <p>Have A quality handy man in your home for eight hours. We provide all tools and equipment to get the job done. Includes 1 handyman and helper</p>
                                        <ul class="servicelist">
                                            <li>Eight (8) hours of professional handyman services</li>
                                            <li>Quality workmanship and satisfaction guaranteed</li>
                                            <li> Trained and multi-skilled Craftsman</li>
                                        </ul>
                                        <a href="#" class="themeBtn learn-more-btn"
                                           data-package-name="Full-Day Package"
                                           data-package-duration="8 hours"
                                           data-package-price="1000.00"
                                           data-package-id="19">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </div>




                            <div class="col-md-6">
                                <div class="packgwrap">
                                    <figure>
                                        <img src="{{ asset('images/packg3.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="packkgcntnt">
                                        <h2>Mount a TV Package</h2>
                                        <h2>250.00</h2>
                                        <p>Typically starts at 2 hours minimum 250.00. Includes 2 hours of labor. Materials can be provide at additional cost.</p>
                                        <ul class="servicelist">
                                            <li>Professional Installation & TV Mount</li>
                                            <li> Assembly of mount (if needed)</li>
                                            <li> Attach all cables & connections</li>
                                            <li>Install a U-Channel* to hide wiring for aesthetic purposes.</li>
                                        </ul>
                                        <a href="#" class="themeBtn learn-more-btn"
                                           data-package-name="Mount a TV Package"
                                           data-package-duration="2 hours min."
                                           data-package-price="250.00"
                                           data-package-id="20">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="packgwrap">
                                    <figure>
                                        <img src="{{ asset('images/packg4.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="packkgcntnt">
                                        <h2>Kitchen Backsplash Package</h2>
                                        <h2>2500.00</h2>
                                        <p>We include complete demo and replacement with top quality product backed by our 1 year guarantee. Prices start at 2500.00</p>
                                        <ul class="servicelist">
                                            <li>Eight (8) hours of professional handyman services</li>
                                            <li>Quality workmanship and satisfaction guaranteed</li>
                                            <li> Trained and multi-skilled Craftsman</li>
                                        </ul>
                                        <a href="#" class="themeBtn learn-more-btn"
                                           data-package-name="Kitchen Backsplash Package"
                                           data-package-duration="8 hours"
                                           data-package-price="2500.00"
                                           data-package-id="21">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="packgwrap">
                                    <figure>
                                        <img src="{{ asset('images/packg5.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="packkgcntnt">
                                        <h2>Accent Wall Package</h2>
                                        <h2>650.00</h2>
                                        <p>Any wall in your home can bring accents of color. We can add paint or different types of wall boards. The sky is the limit! Starting at 650.00</p>
                                        <ul class="servicelist">
                                            <li>Wall Preparation</li>
                                            <li> Plank Layout</li>
                                            <li> Craftsmanship, specifically around outlets/switches</li>
                                            <li> Product delivered direct to your home.</li>
                                            <li> Clean-up after the job.</li>
                                        </ul>
                                        <a href="#" class="themeBtn learn-more-btn"
                                           data-package-name="Accent Wall Package"
                                           data-package-duration="Depending on work"
                                           data-package-price="650.00"
                                           data-package-id="22">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="packgwrap">
                                    <figure>
                                        <img src="{{ asset('images/packg6.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="packkgcntnt">
                                        <h2>Pet Door Package</h2>
                                        <h2>Small door- 500.00</h2>
                                        <h2>Large door- 350.00</h2>
                                        <ul class="servicelist">
                                            <li>Professional Pet Door Installation</li>
                                            <li> Hale Pet Door</li>
                                            <li> Heavy duty aluminum frame</li>
                                            <li> Heavy duty vinyl flaps</li>
                                            <li> Five-year warranty, including flaps</li>
                                            <li> Made in America</li>
                                        </ul>
                                        <a href="#" class="themeBtn learn-more-btn"
                                           data-package-name="Half-Day Package"
                                           data-package-item1="Small door- 500.00"
                                           data-package-item2="Large door- 350.00"
                                           data-package-duration="4 hours"
                                           data-package-price="500.00"
                                           data-package-price2="350.00"
                                           data-package-id="23">
                                            Learn More
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    <div class="modal fade" id="packageModal" tabindex="-1" role="dialog" aria-labelledby="packageModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="packageModalLabel">Package Details</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <h2 id="modalPackageName"></h2>
                    <h2 id="modalPackagePrice"></h2>
{{--                    <p id="modalPackageDescription"></p>--}}
{{--                    <ul id="modalPackageServices" class="servicelist"></ul>--}}
                    <form id="paypalForm" action="{{ route('processTransaction') }}" method="POST">
                        @csrf
                        <input type="text" name="customer_name" class="form-control my-3" id="customerName" placeholder="Your Name">
                        <input type="text" name="customer_email" class="form-control my-3" id="customerEmail" placeholder="Your Email">
                        <input type="text" name="customer_address" class="form-control my-3" id="customerAddress" placeholder="Your Address">

                        <input type="hidden" name="package_name" value="" id="modalPackagesName">
                        <input type="hidden" name="package_price" value="" id="modalPackageAmount">
                        <button type="submit" class="   btn btn-primary">Pay Now</button>
                    </form>
                </div>
                <div class="modal-footer">
                    <!-- Pay Now Button -->


                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

    <script>
        // JavaScript to handle dynamically updating modal content
        $(document).ready(function() {
            $('.learn-more-btn').click(function() {
                // Fetch package details from the clicked button
                var packageName = $(this).data('package-name');
                var packagePrice = $(this).data('package-price');
                // var packageDescription = $(this).data('package-description');
                console.log('Package Name:', packageName);
                console.log('Package Price:', packagePrice);
                // Update modal content
                $('#modalPackageName').text(packageName)
                $('#modalPackagePrice').text(packagePrice);
                // $('#modalPackageDescription').text(packageDescription);
                $('#modalPackagesName').val(packageName);
                $('#modalPackageAmount').val(packagePrice);



                // Show the modal
                $('#packageModal').modal('show');

            });
        });


    </script>
    <script>
        $(document).ready(function() {
            @if(session('success'))
            $('#packageModal').modal('hide');
            @endif
        });
    </script>
    @endsection