@extends('frontend.layouts.master')

@section('content')





    <!--/.popup-sidebox-->
    @if($modul->slider=='1')
    <div id="sidebox-overlay"></div>

    <div class="slider-section">
        <div class="main-slider">

            <div class="swiper-wrapper">
                @if(!empty($slider) && $slider->count()>0)
                    @foreach($slider as $sliders)
                <div class="swiper-slide">
                    <div class="slider-img"><img src="{{asset($sliders->resim)}}" alt="img" class="kenburns"
                                                 style="animation-duration: 12000ms; "></div>
                    <div class="car-holder">
                        <img src="{{asset($sliders->resim2)}}" alt="car" data-animation="car-animation" data-duration="1.5s">
                        <div class="shape">
                            <div data-animation="slide-in-bottom" data-duration="1.5s" data-delay="0.3s"></div>
                            <div data-animation="fade-in" data-duration="1.5s" data-delay="0.2s"></div>
                            <div data-animation="slide-in-top" data-duration="1.5s" data-delay="0.5s"></div>
                        </div>
                    </div>
                    <div class="slider-content-wrap d-flex align-items-center text-left">
                        <div class="container">
                            <div class="slider-content">
                                <div class="slider-caption medium">
                                    <div class="inner-layer">
                                        <div data-animation="fade-in-bottom" data-delay="0.3s">{{$sliders->kbaslik}}
                                        </div>
                                    </div>
                                </div>
                                <div class="slider-caption big">
                                    <div class="inner-layer">
                                        <div data-animation="fade-in-bottom" data-delay="0.5s">{{$sliders->baslik}}
                                        </div>
                                    </div>
                                </div>
                                <div class="slider-caption small">
                                    <div class="inner-layer">
                                        <div data-animation="fade-in-bottom" data-delay="0.7s" data-duration="1s">
                                            {{$sliders->aciklama}}</div>
                                    </div>
                                </div>
                                <div class="slider-btn">
                                    <a href="{{$sliders->butonlink}}" class="default-btn" data-animation="fade-in-bottom"
                                       data-delay="0.9s">{{$sliders->butonad}}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                    @endforeach
                @endif
            </div>
            <!-- Slider navigation buttons -->
            <div class="slider-controls">
                <div class="slider-control slider-button-prev"><span><i
                            class="las la-long-arrow-alt-left"></i></span>Geri</div>
                <div class="slider-pagination"></div>
                <div class="slider-control slider-button-next">İleri<span><i
                            class="las la-long-arrow-alt-right"></i></span>
                </div>
            </div>
        </div>
    </div>
    <!--/.slider-section-->

    @endif
    @if($modul->hizmet=='1')
    <section class="service-section bg-grey padding">
        <div class="bg-half"></div>
        <div class="container">
            <div class="section-heading text-center mb-40 wow fade-in-bottom" >
                <h4>{{$bhizmet->baslik}}</h4>
                <h2 class="white">{{$bhizmet->aciklama}}</h2>

            </div>
            <!--/.section-heading-->
            <div class="swiper-outside">
                <div class="service-carousel">

                    <div class="swiper-wrapper">
                        @if(!empty($hizmet) && $hizmet->count()>0)
                            @foreach($hizmet as $hizmets)
                        <div class="swiper-slide">
                            <div class="service-item wow fade-in-bottom" data-wow-delay="200ms">
                                <div class="service-thumb">
                                    <img src="{{asset($hizmets->resim)}}" alt="img">
                                    <div class="service-shape-wrap">
                                        <div class="service-shape"></div>
                                    </div>

                                </div>
                                <div class="service-content">
                                    <h3><a href="{{route('hizmet',$hizmets->slug)}}">{{$hizmets->baslik}}</a></h3>
                                    <p>{!!Illuminate\Support\Str::limit($hizmets->icerik, $limit = 40, $end = '...') !!}</p>
                                    <a class="read-more" href="{{route('hizmet',$hizmets->slug)}}">Devamını Oku</a>
                                </div>
                            </div>
                        </div>

                            @endforeach
                        @endif


                    </div>

                    <div class="swiper-pagination"></div><!-- Carousel Dots -->
                </div>
                <!-- Carousel Arrows -->
                <div class="swiper-nav swiper-next"><i class="las la-long-arrow-alt-right"></i></div>
                <div class="swiper-nav swiper-prev"><i class="las la-long-arrow-alt-left"></i></div>
            </div>
        </div>
    </section>
    <!--/.service-section-->
    @endif
    @if($modul->proje=='1')
    <section class="booking-section">
        <div class="container">
            <div   class="row pos-relative padding">
                <div class="col-lg-4">
                    <div style="background-image: url({{asset($bsss->resim1)}});" class="booking-car wow fade-in-left" data-wow-delay="200ms"></div>
                </div>
                <div class="col-lg-8">
                    <div class="booking-wrap">
                        <div class="section-heading mb-30">
                            <h4><span></span>{{$bsss->baslik }}</h4>
                            <h2 style="color: white">{{$bsss->aciklama }}</h2>
                        </div>
                        <form action="{{route('randevu.kaydet')}}" method="POST">
                            @csrf
                            <div class="booking-form">
                                <div class="form-field">
                                    <i class="las la-user-tie"></i>
                                    <input type="text" id="full-name" name="ad" class="form-control"
                                           placeholder="Adınız" required>
                                </div>
                                <div class="form-field">
                                    <i class="las la-user-tie"></i>
                                    <input type="text" id="email" name="soyad" class="form-control" placeholder="Soyadınız"
                                           required>
                                </div>
                                <div class="form-field">
                                    <i class="las la-tags"></i>
                                    <input type="text" id="full-name" name="telefon" class="form-control"
                                           placeholder="Telefon Numaranız" required>
                                </div>
                                <div class="form-field">
                                    <i class="las la-map-marker"></i>
                                    <input type="text" id="full-name" name="nereden" class="form-control"
                                           placeholder="nereden" required>
                                </div>
                                <div class="form-field">
                                    <i class="las la-map-marker"></i>
                                    <input type="text" id="start-dest" name="nereye" class="form-control"
                                           placeholder="Nereye" required>
                                </div>
                                <div class="form-field">
                                    <i class="las la-car"></i>
                                    <input type="text" id="end-dest" name="marka" class="form-control"
                                           placeholder="Araç Marka ve Modeli" required>
                                </div>
                                <div class="form-field">
                                    <i class="las la-calendar"></i>
                                    <input type="text" id="ride-date" name="tarih" class="form-control date-picker"
                                           placeholder="Tarih Giriniz" required>
                                </div>
                                <div class="form-field">
                                    <i class="las la-clock"></i>
                                    <input type="text" id="ride-time" name="saat" class="form-control time-picker"
                                           placeholder="Saat Giriniz" required>
                                </div>
                                <div class="form-field">
                                    <button id="submit" class="default-btn" type="submit">Gönder</button>
                                </div>
                            </div>
                            <div id="form-messages" class="alert" role="alert"></div>
                        </form><!-- Booking Form -->
                    </div>
                </div>
            </div>
        </div>
    </section><!--/.booking-section-->

    @endif
    @if($modul->slideralt=='1')
    <section class="pricing-section bg-grey bd-bottom padding">
        <div class="container">
            <div class="section-heading text-center mb-40 wow fade-in-bottom" data-wow-delay="200ms">
                <h4><span></span>{{$bbolge->kbaslik}}</h4>
                <h2>{{$bbolge->baslik}}</h2>

            </div><!--/.section-heading-->

            <!--Tab Menu-->
            <div class="swiper-outside">
                <div class="service-carousel">

                    <div class="swiper-wrapper">
                        @if(!empty($bolge) && $bolge->count()>0)
                            @foreach($bolge as $bolges)
                                <div class="swiper-slide">
                                    <div class="service-item wow fade-in-bottom" data-wow-delay="200ms">
                                        <div class="service-thumb">
                                            <img src="{{asset($bolges->resim)}}" alt="img">
                                            <div class="service-shape-wrap">
                                                <div class="service-shape"></div>
                                            </div>

                                        </div>
                                        <div class="service-content">
                                            <h3><a href="{{route('bolge',$bolges->slug)}}">{{$bolges->il}}</a></h3>

                                            <a class="read-more" href="{{route('bolge',$bolges->slug)}}">Devamını Oku</a>
                                        </div>
                                    </div>
                                </div>

                            @endforeach
                        @endif


                    </div>

                    <div class="swiper-pagination"></div><!-- Carousel Dots -->
                </div>
                <!-- Carousel Arrows -->
                <div class="swiper-nav swiper-next"><i class="las la-long-arrow-alt-right"></i></div>
                <div class="swiper-nav swiper-prev"><i class="las la-long-arrow-alt-left"></i></div>
            </div>
        </div>
    </section>
    <!--/.pricing-section-->
    @endif


    @if($modul->urun=='1')
    <section class="testimonial-section bg-grey">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="section-heading mb-10">
                        <h4><span></span>{{$byorum->baslik}}</h4>
                        <h2>{{$byorum->aciklama}}</h2>

                    </div>
                    <div class="swiper-outside testi-pagination">
                        <div class="testimonial-carousel">
                            <div class="swiper-wrapper">
                                @if(!empty($yorum && $yorum->count()>0))
                                    @foreach($yorum as $yorums)
                                <div class="swiper-slide">
                                    <div class="testi-item">
                                        <div class="quote-icon"><i class="las la-quote-right"></i></div>
                                        <p>{{$yorums->icerik}}</p>
                                        <div class="testi-author">

                                            <div class="author-info">
                                                <h3>{{$yorums->adsoyad}} <span>{{$yorums->firma}}</span></h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                    @endforeach
                                @endif
                            </div>
                        </div>
                        <div class="swiper-pagination"></div><!-- Carousel Dots -->
                    </div>
                </div>




                <div class="col-lg-6">
                    <div class="feature-wrap">
                        <div class="section-heading mb-30 wow fade-in-right" data-wow-delay="200ms">
                            <h4 class="white"><span></span>{{$ortamodel->baslik}}</h4>
                            <h2 class="white">{{$ortamodel->aciklama}}</h2>

                        </div>
                        <!--/.section-heading-->
                        <ul class="ridek-features">
                            <li class="wow fade-in-right" data-wow-delay="500ms">
                                <div class="feature-icon">
                                    <i class="las la-tachometer-alt"></i>
                                </div>
                                <div class="feature-content">
                                    <h3>{{$ortamodel->yazi1}}</h3>
                                    <p>{{$ortamodel->aciklama1}}</p>
                                </div>
                            </li>
                            <li class="wow fade-in-right" data-wow-delay="500ms">
                                <div class="feature-icon">
                                    <i class="las la-tachometer-alt"></i>
                                </div>
                                <div class="feature-content">
                                    <h3>{{$ortamodel->yazi2}}</h3>
                                    <p>{{$ortamodel->aciklama2}}</p>
                                </div>
                            </li>
                            <li class="wow fade-in-right" data-wow-delay="500ms">
                                <div class="feature-icon">
                                    <i class="las la-tachometer-alt"></i>
                                </div>
                                <div class="feature-content">
                                    <h3>{{$ortamodel->yazi3}}</h3>
                                    <p>{{$ortamodel->aciklama3}}</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    @endif
    <!--/.testimonial-section-->

    @if($modul->ortaalan=='1')
    <section class="cta-section padding">
        <div style=" background-image: url({{asset($ortaalan->resim)}});" class="cta-men wow fade-in-bottom" data-wow-delay="200ms"></div>
        <div class="container">
            <div class="cta-content">
                <h2>{{ $ortaalan->kbaslik }}</h2>
                <p>{{ $ortaalan->baslik }}</p>
                <div class="cta-call">
                    <i class="las la-phone-volume"></i>
                    <p><a href="tel{{ $ortaalan->video }}">{{ $ortaalan->video }}</a></p>
                </div>
            </div>
        </div>
    </section>
    <!--/.cta-section-->
    @endif
    @if($modul->blog=='1')

    <section class="blog-section bg-grey padding">
        <div class="container">
            <div class="section-heading text-center mb-40 wow fade-in-bottom" data-wow-delay="200ms">
                <h4><span></span>{{$bblog->arkaplan}}</h4>
                <h2>{{$bblog->baslik}}</h2>

            </div>
            <!--/.section-heading-->
            <div class="row grid-post">
                @if(!empty($blog) && $blog->count()>0 )
                    @foreach($blog as $blogs)
                <div class="col-lg-4 col-md-6 padding-15">
                    <div class="post-card">
                        <div class="post-thumb">
                            <img src="{{asset($blogs->resim)}}" alt="post">

                        </div>
                        <div class="post-content-wrap">
                            <ul class="post-meta">
                                <li><i class="las la-calendar"></i>{{$blogs->created_at}}</li>

                            </ul>
                            <div class="post-content">
                                <h3>
                                    <a href="{{route('blog',$blogs->slug)}}" class="hover">{{$blogs->ad}}</a>
                                </h3>
                                <p> {!!Illuminate\Support\Str::limit($blogs->icerik, $limit = 80, $end = '...') !!}</p>
                                <a href="{{route('blog',$blogs->slug)}}" class="read-more">Devamını oku</a>
                            </div>
                        </div>
                    </div>
                </div>
                    @endforeach
                @endif

            </div>
        </div>
    </section>
    <!--/.blog-section-->
    @endif


@endsection
@section('ekcss')
    @if(session()->has('success'))
        <script>

            Swal.fire({
                title: 'Gönderildi',
                text: 'Tebrikler talebiniz  iletildi',
                icon: 'success',
                confirmButtonText: 'Tamam'
            })
        </script>
    @endif
@endsection