@extends('inculdes.main')
@section('content')
    <style>
        th:first-child,
        td:first-child {
            width: 50%;
            /* Adjust the width as needed */
        }
    </style>
    <div class="container-fluid mt-5 wow fadeInUp" data-wow-delay="0.1s"
        style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
        <div class="container ">
            <div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;">
                <h1 class="mb-0">{{ $service->name }}</h1>
            </div>
            <div class="row g-5">
                <div class="col-lg-8">
                    <h5 class="fw-bold text-primary text-uppercase">SK Financial: Simplifying Business Incorporation</h5>
                    <p>Choose SK Financial for a seamless, cost-effective incorporation experience curated by CPA experts.
                        Our package is not only 300% more affordable but also 200% faster,
                        ensuring a smooth transition for your new business. Simply fill out our online form, and let us
                        handle the complexities of incorporation with utmost proficiency.</p>
                    <div class="pricing mt-5">
                        <div class="table-responsive wow fadeInUp" data-wow-delay="0.3s"
                            style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
                            <table class="price-table table align-middle table-hover mb-0">
                                <thead class="table-light align-top">
                                    <tr>
                                        <th >
                                            <h4 class="text-primary mb-1">Our Incorporation Package Includes</h4>
                                        </th>
                                        <th class="text-center">
                                            <h4 class="text-primary mb-1">SK Incorporation</h4>
                                        </th>
                                        <th class="text-center">
                                            <h4 class="text-primary mb-1">Legal Zoom </h4>
                                        </th>
                                        <th class="text-center">
                                            <h4 class="text-primary mb-1">Traditional Law Firm</h4>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody class="fs-6">
                                    <tr class="bg-primary text-light">
                                        <td class="fw-bold">Fee</td>
                                        <td class="fw-bold text-center" style="color: #dc3545; font-weight: bold; background-color: #fff;">$299 </td>
                                        <td class="fw-bold text-center">$647 </td>
                                        <td class="fw-bold text-center">$500 - $800</td>
                                    </tr>
                                    <tr>
                                        <td class="fs-5 fw-bold">Processing Time in Days</td>
                                        <td class="fs-5 fw-bold text-center table-light">3- 5</td>
                                        <td class="fs-5 fw-bold text-center">10</td>
                                        <td class="fs-5 fw-bold text-center">5 - 10</td>
                                    </tr>
                                    <tr>
                                        <td colspan="4" class="fs-5 fw-bold">Guidance & Filings</td>
                                    </tr>
                                    <tr>
                                        <td>Free Entity Type Consultation</td>
                                        <td class="text-center table-light"><i class="fa fa-check fa-2x text-primary"></i></td>
                                        <td class="text-center"><i class="fa fa-times fa-2x text-danger"></i></td>
                                        <td class="text-center"><i class="fa fa-times fa-2x text-danger"></i></td>
                                    </tr>
                                    <tr>
                                        <td>Articles of Incorporation Filing</td>
                                        <td class="text-center table-light"><i class="fa fa-check fa-2x text-primary"></i></td>
                                        <td class="text-center"><i class="fa fa-check fa-2x text-primary"></i></td>
                                        <td class="text-center"><i class="fa fa-check fa-2x text-primary"></i></td>
                                    </tr>
                                    <tr>
                                        <td>New Business Federal ID Application</td>
                                        <td class="text-center table-light"><i class="fa fa-check fa-2x text-primary"></i></td>
                                        <td class="text-center"><i class="fa fa-check fa-2x text-primary"></i></td>
                                        <td class="text-center"><i class="fa fa-check fa-2x text-primary"></i></td>
                                    </tr>
                                    <tr>
                                        <td>“S” Corporation Election Assistance</td>
                                        <td class="text-center table-light"><i class="fa fa-check fa-2x text-primary"></i></td>
                                        <td class="text-center"><i class="fa fa-times fa-2x text-danger"></i></td>
                                        <td class="text-center"><i class="fa fa-check fa-2x text-primary"></i></td>
                                    </tr>
                                    
                                     <tr>
                                        <td>Beneficial Ownership Information Report services</td>
                                        <td class="text-center table-light"><i class="fa fa-check fa-2x text-primary"></i></td>
                                        <td class="text-center"><i class="fa fa-check fa-2x text-primary"></i></td>
                                        <td class="text-center"><i class="fa fa-check fa-2x text-primary"></i></td>
                                    </tr>
                                    <tr>
                                        <td colspan="4" class="fs-5 fw-bold">Tools & Resources</td>
                                    </tr>
                                    <tr>
                                        <td>Sample Operation Agreement</td>
                                        <td class="text-center table-light"><i class="fa fa-check fa-2x text-primary"></i></td>
                                        <td class="text-center"><i class="fa fa-check fa-2x text-primary"></i></td>
                                        <td class="text-center"><i class="fa fa-check fa-2x text-primary"></i></td>
                                    </tr>
                                    <tr>
                                        <td>Access to CPA Resource Library</td>
                                        <td class="text-center table-light"><i class="fa fa-check fa-2x text-primary"></i></td>
                                        <td class="text-center"><i class="fa fa-times fa-2x text-danger"></i></td>
                                        <td class="text-center"><i class="fa fa-times fa-2x text-danger"></i></td>
                                    </tr>
                                    <tr>
                                        <td>Secure Online Portal Access</td>
                                        <td class="text-center table-light"><i class="fa fa-check fa-2x text-primary"></i></td>
                                        <td class="text-center"><i class="fa fa-times fa-2x text-danger"></i></td>
                                        <td class="text-center"><i class="fa fa-times fa-2x text-danger"></i></td>
                                    </tr>
                                    <tr>
                                        <td colspan="4" class="fs-5 fw-bold">Value & Assurance</td>
                                    </tr>
                                    <tr>
                                        <td>Save 200-300% vs Legal Zoom</td>
                                        <td class="text-center table-light"><i class="fa fa-check fa-2x text-primary"></i></td>
                                        <td class="text-center"><i class="fa fa-times fa-2x text-danger"></i></td>
                                        <td class="text-center"><i class="fa fa-times fa-2x text-danger"></i></td>
                                    </tr>
                                    <tr>
                                        <td>Accountability: We Pay for Our Mistakes</td>
                                        <td class="text-center table-light"><i class="fa fa-check fa-2x text-primary"></i></td>
                                        <td class="text-center"><i class="fa fa-times fa-2x text-danger"></i></td>
                                        <td class="text-center"><i class="fa fa-times fa-2x text-danger"></i></td>
                                    </tr>
                                    <tr>
                                        <td>Accuracy Guarantee for Your Peace of Mind</td>
                                        <td class="text-center table-light"><i class="fa fa-check fa-2x text-primary"></i></td>
                                        <td class="text-center"><i class="fa fa-times fa-2x text-danger"></i></td>
                                        <td class="text-center"><i class="fa fa-times fa-2x text-danger"></i></td>
                                    </tr>
                                    <tr>
                                        <td>Year-Round Assistance</td>
                                        <td class="text-center table-light"><i class="fa fa-check fa-2x text-primary"></i></td>
                                        <td class="text-center"><i class="fa fa-times fa-2x text-danger"></i></td>
                                        <td class="text-center"><i class="fa fa-times fa-2x text-danger"></i></td>
                                    </tr>
                                    <tr>
                                        <td colspan="4" class="fs-5 fw-bold">Extras & Rewards</td>
                                    </tr>
                                    <tr>
                                        <td>Referral Program Benefits</td>
                                        <td class="text-center table-light"><i class="fa fa-check fa-2x text-primary"></i></td>
                                        <td class="text-center"><i class="fa fa-times fa-2x text-danger"></i></td>
                                        <td class="text-center"><i class="fa fa-times fa-2x text-danger"></i></td>
                                    </tr>
                                    <tr>
                                        <td>Free Amended Filings (if our mistake)</td>
                                        <td class="text-center table-light"><i class="fa fa-check fa-2x text-primary"></i></td>
                                        <td class="text-center"><i class="fa fa-times fa-2x text-danger"></i></td>
                                        <td class="text-center"><i class="fa fa-times fa-2x text-danger"></i></td>
                                    </tr>
                                </tbody>
                                {{-- <tfoot style="border-color: #FFFFFF;">
                                    <tr>
                                        <th></th>
                                        <th colspan="6">For businesses with monthly expenses over $100K, an additional fee of $100/Month applies for each additional $100K in monthly</th>
                                    </tr>
                                </tfoot> --}}
                            </table>
                        </div>
                    </div>
                </div>
                <div class="d-none col-lg-4 d-lg-block">
                    <div class="mb-5 wow slideInUp" data-wow-delay="0.1s"
                        style="visibility: visible; animation-delay: 0.1s; animation-name: slideInUp;">
                        <div class="section-title-1 section-title-sm position-relative pb-3 mb-4">
                            <h3 class="mb-0">Our Services</h3>
                        </div>
                        <div class="d-flex flex-column justify-content-start">
                            @foreach ($all_services as $key => $item)
                                <a class="h6 fw-bold  {{ @$service->slug == $item->slug ? 'bg-primary' : 'bg-light' }} rounded py-3 px-4 d-flex align-items-center justify-content-between mb-2"
                                    href="{{ route('service', ['slug' => $item->slug]) }}"><span
                                        class="text-capitalize">{{ $item->name }}</span>
                                    <i class="bi bi-arrow-right ms-3"></i>
                                </a>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid  mt-5 wow fadeInUp bg-primary text-light" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
        <div class="container py-5">
            <div class="row g-5">
                <div class="col-md-5 text-center">
                    <img src="{{ asset('assets/sk/img/explore.png') }}" alt="explore" style="height: 250px ;    border-radius: 20px; width:100%">
                </div>
                <div class="col-md-7">
                        <div class="mb-2">
                            <p class="subject">Transforming Ideas into Reality</p>
                        </div>
                        <h1 class="title mb-5 mb-sm-6">Get your business incorporated quickly and affordably for only $299 </h1>
                        <div class="mt-3">
                            <div class="money-back-container">
                                <div>
                                    <span class="vertical-middle money-back c-bw-12">Get our expert assistance today </span>
                                </div>
                            </div>
                        </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s"
        style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
        <div class="container py-5">
            <div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;">
                <h5 class="fw-bold text-primary text-uppercase">Work Process</h5>
                <h1 class="mb-0">Your Incorporation Journey: Streamlined in Three Steps</h1>
            </div>
            <div class="row g-5">
                <div class="col-lg-4 col-md-4 process-item wow slideInUp" data-wow-delay="0.2s"
                    style="visibility: visible; animation-delay: 0.2s; animation-name: slideInUp;">
                    <div class="position-relative d-flex flex-column align-items-center text-center">
                        <div class="process-icon rounded d-flex align-items-center justify-content-center mb-4">
                            <img src="{{ asset('assets/sk/icons/step1.png') }}" alt="step1" style="height: 100px">
                        </div>
                        <h3>Complete Our Online Form </h3>
                        <p>For LLC: Fill <a href="https://forms.skfinancial.com/app/form?id=o4vCAA"> this </a>form <br></p>
                        <p>For Corporation: Fill <a href="https://forms.skfinancial.com/app/form?id=DF8Fsg">this</a> Form</p>
                        <p>For Non-Profit Corporation: Fill <a href="https://forms.skfinancial.com/app/form?id=jsmOlw">this</a> Form</p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 process-item wow slideInUp" data-wow-delay="0.4s"
                    style="visibility: visible; animation-delay: 0.4s; animation-name: slideInUp;">
                    <div class="position-relative d-flex flex-column align-items-center text-center">
                        <div class="process-icon  rounded d-flex align-items-center justify-content-center mb-4">
                            <img src="{{ asset('assets/sk/icons/step2.png') }}" alt="step2" style="height: 100px">
                        </div>
                        <h3>Personalized Assistance</h3>
                        <p class="mb-0">A SK Financial Representative will promptly contact you for personalized service.</p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 process-item wow slideInUp" data-wow-delay="0.6s"
                    style="visibility: visible; animation-delay: 0.6s; animation-name: slideInUp;">
                    <div class="position-relative d-flex flex-column align-items-center text-center">
                        <div class="process-icon rounded d-flex align-items-center justify-content-center mb-4">
                            <img src="{{ asset('assets/sk/icons/step3.png') }}" alt="step3" style="height: 100px">
                        </div>
                        <h3>Swift Incorporation</h3>
                        <p class="mb-0">Your business will be incorporated seamlessly within 24 hours.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    
    <div class="container my-5 wow fadeInUp" data-wow-delay="0.1s"
        style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
        <div class="text-center">
            <h1 class="fw-bold text-primary mb-3" style="color: #091e3e!important;">Nonprofit Tax-Exempt Application</h1>
            <p class="lead">Ready to secure your nonprofit’s tax-exempt status? We handle the entire application process with options tailored to your organization’s needs.</p>
        </div>
        
        <div class="row justify-content-center">
            <!-- Option 1 -->
            <div class="col-md-5 mb-4">
                <div class="card border-primary shadow">
                    <div class="card-header bg-primary text-white text-center fw-bold">
                        For Annual Contributions Under $50,000
                    </div>
                    <div class="card-body text-center">
                        <p class="mb-2"><strong>SK Financial CPA Fee:</strong> $499</p>
                        <p class="mb-2"><strong>IRS Application Fee:</strong> $275</p>
                    </div>
                </div>
            </div>
            
            <!-- Option 2 -->
            <div class="col-md-5 mb-4">
                <div class="card border-success shadow">
                    <div class="card-header bg-success text-white text-center fw-bold">
                        For Annual Contributions Over $50,000
                    </div>
                    <div class="card-body text-center">
                        <p class="mb-2"><strong>SK Financial CPA Fee:</strong> $1,299</p>
                        <p class="mb-2"><strong>IRS Application Fee:</strong> $600</p>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="text-center mt-4">
            <p class="fw-light">Let us streamline the path to tax-exempt status so you can focus on your mission.</p>
            <a href="https://skfinancial.com/meeting" class="btn btn-primary btn-lg mt-3">Book a Free Consultation</a>
        </div>
    </div>
    
    
    
    
    
    @if(!empty($service->faqs()))
    <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s"
        style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
        <div class="container py-5">
            <div class="row g-5">
              <div class="text-center position-relative pb-3 mx-auto" style="max-width: 600px;">
                <h1 class="mb-0">FAQs</h1>
              </div>
                <div class="col-md-9 m-auto">
                    <div class="accordion accordion-custom" id="faqs">
                        @foreach($service->faqs() as $key => $faq)
                        <div class="accordion-item wow fadeInUp" data-wow-delay="0.1s"
                            style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
                            <h2 class="accordion-header" id="heading-{{ $key }}">
                                <button class="accordion-button fw-semi-bold collapsed" type="button"
                                    data-bs-toggle="collapse" data-bs-target="#faq-{{ $key }}" aria-expanded="false"
                                    aria-controls="faq-{{ $key }}">
                                    {{ $faq->question }}
                                </button>
                            </h2>
                            <div id="faq-{{ $key }}" class="accordion-collapse collapse" aria-labelledby="heading-{{ $key }}"
                                data-bs-parent="#faqs" style="">
                                <div class="accordion-body">
                                {!! $faq->answer !!}
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif
    <div class="container-fluid wow fadeInUp d-lg-none" data-wow-delay="0.1s"
        style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
        <div class="container">
            <div class="section-title-1 section-title-sm position-relative pb-3 mb-4">
                <h3 class="mb-0">Our Services</h3>
            </div>
            <div class="d-flex flex-column justify-content-start">
                @foreach ($all_services as $key => $item)
                    <a class="h6 fw-bold  {{ @$service->slug == $item->slug ? 'bg-primary' : 'bg-light' }} rounded py-3 px-4 d-flex align-items-center justify-content-between mb-2"
                        href="{{ route('service', ['slug' => $item->slug]) }}"><span
                            class="text-capitalize">{{ $item->name }}</span>
                        <i class="bi bi-arrow-right ms-3"></i>
                    </a>
                @endforeach
            </div>
        </div>
    </div>
    @include('inculdes.contact_form')
@endsection