@extends('layouts.app')
@section('content')


@php
    use Carbon\Carbon;

    $slider = null;

    if (!empty($sliders) && $sliders->count() > 0) {
        $dayIndex = ((Carbon::now()->day - 1) % $sliders->count()); // صفر-مبنا برای آرایه
        $slider = $sliders[$dayIndex];
    }
@endphp

<main>
    <div class="container">
        @if ($slider)
            <!-- Slider Section -->
            <div class="text-center intro">
                <h1>{{ $slider->title }}</h1>
                <p class="front-page">{!! $slider->description !!}</p>

                @if ($slider->button_link)
                    <br>
                    <a href="{{ $slider->button_link }}" class="main-btn">{{ $slider->button }}</a>
                @endif

                @if ($slider->media)
                    <img class="img-fluid" src="{{ asset('storage/' . $slider->media) }}" alt="Slider Image">
                @endif
            </div>
        @endif


            @if ($clients)

                <!-- Clients -->
                <div class="text-center clients">
                    <p class="pb-4 text-muted text-uppercase">Some of our trusted clients</p>
                    <div class="client-logo">
                        @foreach ($clients as $client)
                            <div><a href="{{ $client->link }}"></a> <img src="{{ asset('storage/' . $client->icon) }}"
                                    alt=""></div>
                        @endforeach
                    </div>
                </div>
            @endif

            <!-- Category -->
            <div class="category-wrapper">
                <div class="left">
                    <img src="{{ asset('assets/img/hand.png') }}" alt="">
                </div>

                <div class="right">
                    <h1>We take <span class="blue-frame">care</span><br>of your business</h1>
                    <a href="">All category <img style="width: 20px; margin-left: 20px;"
                            src="{{ asset('assets/img/icon/arrow-right-icon.svg') }}" alt=""></a>

                    <div class="category">
                        @foreach ($categories as $category)
                            <div class="category-item">
                                <img class="category-icon" src="{{ asset('storage/' . $category->media) }}" alt="">
                                <h3 class="category-title">{{ $category->name }}</h3>
                                <p>{!! Str::limit($category->description, 100, '...') !!} </p>
                                <a href="{{ route('category.show', $category->id) }}"><img style="width: 20px;"
                                        src="{{ asset('assets/img/icon/arrow-right-icon.svg') }}" alt=""></a>
                            </div>
                        @endforeach

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

            @if ($cta)
                <!-- cta -->
                <div class="problems">
                    <div id="variations" class="variations">
                        <div class="second-variation">
                            <div class="text">
                                <h1>{{ $cta->title }}</h1>
                                <p class="front-page">{!! $cta->text !!}</p>
                                <a href="{{ $cta->button_link }}" class="main-btn">{{ $cta->button }}</a>
                            </div>
                            <div class="img">
                                <img src="{{ asset('assets/img/man-calendar.png') }}" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            @endif

            <!-- Latest Articles -->
            {{-- <div class="text-center latest-articles">
            <h1>Our latest <span class="blue-frame">Articles</span></h1>
            <a href="">All category <img style="width: 20px; margin-left: 20px;" src="{{asset('asset/img/icon/arrow-right-icon.svg')}}" alt=""></a>
            <div class="latest-articles-wrapper">
                @foreach ($blogs as $blog)

              <div class="article">
                <img src="{{asset('storage/'.$blog->cover_photo_path)}}" alt="">
                <p class="article-meta"><img src="{{asset('asset/img/icon/calendar.svg')}}" alt=""><span class="data text-muted">{{ $blog->published_ay }}</span></p>
                <a href="{{route('blog.show',$blog->id)}}"><h4 class="title">{{$blog->title}}</h4></a>
                <p>{!! Str::words($blog->body, 10, '...') !!} </p>
              </div>
              @endforeach

            </div>
          </div> --}}
        </div>
    </main>