@extends('Website.Layout.App')

@push('css')
    <link href="{{ asset('assets/css/custom/index.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/css/custom/offerings.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/css/custom/service.css') }}" rel="stylesheet">
@endpush


@section('content')
    <div class="container-fluid intro-homepage">
        <div class="container text-center">
            <h1 class="mx-auto">Tax Filing Made <span><b><u>Simple</u></b></span></h1>
            <h4 class="mx-auto mt-4"><b>Your One-Stop Solution for Seamless Tax Filing</b></h4>
            <div class="intro-image">
                <img src="{{ url('assets/images/person.png') }}">
            </div>
        </div>
    </div>
     <div class="offering-div">
        <div class="container-fluid">
            <div class="container">
                <div class="text-center d-flex flex-column">
                    <h1 class="offering-title">Our Services</h1>
                    <div class="d-flex justify-content-center">
                        <h4 class="text-muted offering-subtitle">
                            Discover the Effortless 5-step Journey from Selection to
                            Satisfaction with TaxOreo
                        </h4>
                    </div>
                </div>
            </div>
        </div>
     </div>
     
        <div class="services-list pb-2">
            @foreach ($categoriesData as $c)
                @if($c->show_on_offering==1)
                    <div class="service-category-group-div">
                        <div class="service-category-div">
                            <span class="service-category-name">
                                {{ $c->category_name }}
                            </span>
                            <span class="service-know-more">
                                <a href="{{url('category/'.$c->slug)}}">Know More</a>                                       
                            </span>
                        </div>
                        <div class="service-category-list">
                            @if(count($c->services))
                                @foreach ($c->services as $s)
                                    @if($s->show_on_offering==1)
                                        <div class="service-div service-div-w-300 service-div-h-250">
                                            <a href="{{url('service/'.$s->slug)}}">
                                                <div class="service-header">
                                                
                                                    <div class="service-icon">
                                                        <i class="{{ $s->service_icon }}"></i>
                                                    </div>
                                                    <div class="service-name">
                                                        {{ $s->service_name }}
                                                    </div>
                                                </div>
                                            </a>

                                            <div class="service-body">
                                                <div class="service-description">
                                                    ...                                                </div>
                                                <div class="service-cost-div">
                                                    <div class="display-cost">
                                                        @if($s->display_cost && $s->display_cost > 0)
                                                            <s>     
                                                                Rs.{{ $s->display_cost }}
                                                            </s>
                                                        @endif
                                                    </div>
                                                    <div class="service-cost">
                                                        Rs. {{ $s->service_cost }}
                                                    </div>
                                                </div>

                                            <div class="service-buttons">