@extends('layouts.master')
@section('content')
    <!--Main Slider-->


    <!--Main Slider-->
    <section class="main-slider revolution-slider">

        <div class="tp-banner-container">
            <div class="tp-banner d">
                <ul>
                    @foreach ($slide as $item)
                        {{-- @dd($slide); --}}
                        <li data-transition="fade" data-slotamount="1" data-masterspeed="1000"
                            data-thumb="public/upload/{{ $item->image }}" data-saveperformance="off"
                            data-title="{{ $item->title }}">
                            <img src="public/upload/{{ $item->image }}" alt="" data-bgposition="center top"
                                data-bgfit="cover" data-bgrepeat="no-repeat">

                            <div class="tp-caption sfl sfb tp-resizeme" data-x="left" data-hoffset="90" data-y="center"
                                data-voffset="40" data-speed="1500" data-start="1500" data-easing="easeOutExpo"
                                data-splitin="none" data-splitout="none" data-elementdelay="0.01" data-endelementdelay="0.3"
                                data-endspeed="1200" data-endeasing="Power4.easeIn">
                                <h3 class="bg-color">{{ $item->title }}</h3>
                            </div>

                        </li>
                    @endforeach
                </ul>

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

    <style>
         .column-card {
            box-shadow: 0 3px 6px rgba(0, 0, 0, .11), 0 3px 6px rgba(0, 0, 0, .23);
            border-radius: 5px
        }
    </style>
    <!--Recent Projects Section-->
    <section class="recent-projects">
        <div class="auto-container">
            <div class="row clearfix">
                @foreach ($comment as $item)
                    <div class="column default-featured-column col-md-4 col-sm-6 col-xs-12">
                        <article class="inner-box wow fadeInLeft column-card" data-wow-delay="0ms" data-wow-duration="1500ms">
                            <figure class="image-box ">
                                <a href="#"><img height="450px" src="{{ asset('/public/upload/' . $item->image) }}"
                                        alt=""></a>
                            </figure>
                        </article>
                    </div>
                @endforeach
            </div>
        </div>
    </section>

    <!--Recent Projects Section-->
    <section class="recent-projects" style="margin-top:-100px">
        <div class="auto-container">
            <div class="row">

                <!--Default Featured Column-->
                         @foreach ($ShabaInfo as $ShabaInfo)
                    <div class="column  default-featured-column col-md-4 col-sm-6 col-xs-12">
                        <article class="inner-box wow fadeInLeft column-card" data-wow-delay="0ms"
                            data-wow-duration="1500ms">
                            <figure class="image-box">
                                <a href="#"><img height="200px" src="public/upload/{{ $ShabaInfo->image }}"
                                        alt=""></a>
                            </figure>
                            <div class="content-box" style="padding: 10px; height:260px;box-sizeing:border">
                                <h3><a href="#">{{ $ShabaInfo->title }}</a></h3>
                                <div class="text text-justify" style="color: rgb(33, 27, 27)">
                                    @php
                                             $maxLength = 250;
                                        if (strlen($ShabaInfo->longDetails) > $maxLength) {
                                            $truncatedText = substr($ShabaInfo->longDetails, 0, $maxLength);
                                            echo $truncatedText . ' <a href="' . url('read-more/' . $ShabaInfo->id) . '">.....Read More</a>';
                                        } else {
                                            echo $ShabaInfo->longDetails;
                                        }
                                    @endphp
                                </div>
                            </div>
                        </article>
                    </div>
                @endforeach
              
            </div>
        </div>
    </section>
      <section class="recent-projects" style="margin-top:-100px">
        <div class="auto-container">
                   <style>
                .hover-effect {
                    text-align: center;
                    padding: 20px;
                    font-weight: bold;
                    font-size:25px;
                    transition: color 0.3s;
                }

                .hover-effect:hover {
                    color: #0dc715;;
                }
            </style>
            <h3 class="hover-effect">Success Work
                <hr>
            </h3>
            <div class="row">
                <!--Default Featured Column-->

                @foreach ($success as $item)
                    <div class="column  default-featured-column col-md-4 col-sm-6 col-xs-12">
                        <article class="inner-box wow fadeInLeft column-card" data-wow-delay="0ms"
                            data-wow-duration="1500ms">
                            <figure class="image-box">
                                <a href="#"><img height="200px" src="public/upload/{{ $item->image }}"
                                        alt=""></a>
                            </figure>
                            <div class="content-box" style="padding: 10px;  height:250px;">
                                <h3><a href="#">{{ $item->title }}</a></h3>
                                <div class="text text-justify" style="color: rgb(33, 27, 27);">
                                     @php
                                             $maxLength = 250;
                                        if (strlen($ShabaInfo->longDetails) > $maxLength) {
                                            $truncatedText = substr($ShabaInfo->longDetails, 0, $maxLength);
                                            echo $truncatedText . ' <a href="' . url('read-more/' . $item->id) . '">.....Read More</a>';
                                        } else {
                                            echo $ShabaInfo->longDetails;
                                        }
                                    @endphp
                               
                                </div>
                            </div>
                        </article>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
      <section class="recent-projects" style="margin-top:-100px">
        <div class="auto-container">
                   <style>
                .hover-effect {
                    text-align: center;
                    padding: 20px;
                    font-weight: bold;
                    font-size:25px;
                    transition: color 0.3s;
                }

                .hover-effect:hover {
                    color: rgb(82, 31, 237);
                }
            </style>
            <h3 class="hover-effect">Notice Board
                <hr>
            </h3>
            <div class="row">
                <!--Default Featured Column-->

                @foreach ($notice as $item)
                    <div class="column  default-featured-column col-md-4 col-sm-6 col-xs-12">
                        <article class="inner-box wow fadeInLeft column-card" data-wow-delay="0ms"
                            data-wow-duration="1500ms">
                            <figure class="image-box">
                                <a href="#"><img height="200px" src="public/upload/{{ $item->image }}"
                                        alt=""></a>
                            </figure>
                            <div class="content-box" style="padding: 10px;  height:250px;">
                                <h3><a href="#">{{ $item->title }}</a></h3>
                                <div class="text text-justify" style="color: rgb(33, 27, 27);">
                                     @php
                                             $maxLength = 250;
                                        if (strlen($ShabaInfo->longDetails) > $maxLength) {
                                            $truncatedText = substr($ShabaInfo->longDetails, 0, $maxLength);
                                            echo $truncatedText . ' <a href="' . url('read-more/' . $item->id) . '">.....Read More</a>';
                                        } else {
                                            echo $ShabaInfo->longDetails;
                                        }
                                    @endphp
                               
                                </div>
                            </div>
                        </article>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
@endsection