@extends('inculdes.main')
@section('content')
<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">Value-Driven CPA Excellence in Personal Tax Preparation</h5>
                    <p>Elevate your tax experience with CPA expertise, ensuring precision, value, and peace of mind—all for less than the cost of traditional tax preparers.</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 Individual Tax Preparation Offers:</h4>
                                        </th>
                                        <th class="text-center">
                                            <h4 class="text-primary mb-1">SK Tax Services</h4>
                                        </th>
                                        <th class="text-center">
                                            <h4 class="text-primary mb-1">Other Preparers </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;">Starting at $250 </td>
                                        <td class="fw-bold text-center">Varies </td>
                                    </tr>
                                    <tr>
                                        <td>100% Accuracy Guarantee on Every Return</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>
                                        </tr>
                                       <tr>
                                        <td>Maximum Refund Guaranteed</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>
                                        </tr>
                                                                            <tr>
                                        <td>Every Return Reviewed by an Expert CPA</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>
                                        </tr>
                                                                            <tr>
                                        <td>We Fix Our Mistakes at No Cost</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>
                                        </tr>
                                                                            <tr>
                                        <td>Simple, Upfront Flat Fee Pricing</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>
                                        </tr>
                                                                            <tr>
                                        <td>Save 10-30% Compared to H&R Block</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>
                                        </tr>
                                                                            <tr>
                                        <td>Year-Round Support</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>
                                        </tr>
                                                                            <tr>
                                        <td>Free E-Filing & Extensions</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>
                                        </tr>
                                                                            <tr>
                                        <td>Free Prior Year Tax Review</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>
                                        </tr>
                                                                            <tr>
                                        <td>Free Amendments for Our Errors</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>
                                        </tr>
                                                                            <tr>
                                        <td>Secure Online Portal</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>
                                        </tr>
                                                                            <tr>
                                        <td>Tax Return Prepared in</td>
                                        <td class="text-center table-light">1-3 Days</td>
                                        <td class="text-center">3+ Days</td>
                                        </tr>
                                                                            <tr>
                                        <td>Earn Rewards for Referrals.</td>
                                        <td class="text-center table-light">From $210-$1,395</td>
                                        <td class="text-center"><i class="fa fa-times fa-2x text-danger"></i></td>
                                        </tr>
                                                                            <tr>
    <td class="text-start"></td>
    <td class="text-center table-light">
        <a href="https://skfinancial.com/meeting" class="btn btn-primary px-3" style="margin-top: 20px;">Book a Free Consultation</a>
    </td>
    <td class="text-center"></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/services/individual-tax.png') }}" alt="explore" style="height: 300px ;    border-radius: 20px; width:100%">
                </div>
                <div class="col-md-7">
                        <div class="mb-2">
                            <p class="subject">Use Our Fee Calculator</p>
                        </div>
                        <h1 class="title mb-5 mb-sm-6" style="font-size:30px">Gain a clearer understanding of your estimated personal tax return quickly.</h1>
                        <div class="mt-3">
                            <div class="money-back-container">
                                <p > <a class="text-primary btn btn-light" href="{{ route('ind_tax_calculator') }}" style="border-radius: 10px"> <img src="{{ asset('assets/sk/img/services/calculator.png') }}" alt="Tax Cal Icon" height="40px" >Tax Calculator</a></p>
                            </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">Streamlined Individual Tax Preparation: A 3-Step Journey
                </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>Tax Prep Fee Calculator </h3>
                        <p>Calculate Your Fee: Use our Tax Prep Fee <a href="{{ route('ind_tax_calculator') }}">Calculator</a> to determine the exact cost of preparing your personal tax return. <br></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>Organize Your Details</h3>
                        <p class="mb-0">Organize Your Details: Easily complete our <a href="https://forms.skfinancial.com/app/form?id=fQBIOw">online tax organizer</a> to compile all necessary information.</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;" id="faq">
                    <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>Quick Turnaround</h3>
                        <p class="mb-0">Quick Turnaround: Your tax return will be meticulously prepared and completed within 1-3 days.</p>
                    </div>
                </div>
            </div>
        </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