@extends('frontend.app')

@section('title'){{$seo['title']}}@endsection
@section('desc'){{$seo['desc']}}@endsection
@section('keywords'){{$seo['keywords']}}@endsection



@section('content')
    @include('frontend.inc_slider')
    @include('frontend.inc_kampusler')



            <div class="container2">

                <!--<div class="st-pd" style="padding-top: 25px">
            <div class="kampusTitle float-left"><h2>@if(isset($kampus->isim)){{$kampus->isim}} @endif{{$kademe->isim}} - Akademik Eğitim</h2></div><div class="clearfix"></div>
            <div class="kampusInfo shadow p-3 mb-5 bg-white rounded">
                <div class="row">
                    <div class="col-md-9 pad-15">
                        <p>Akademik eğitim olarak şunları yapmaktadır. Yabancı dil olarak İNGİLİZCE eğitim vermektedir. Değerler eğitimi olarak şunları yapmaktadır.

                            Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir. Lorem Ipsum, adı bilinmeyen bir matbaacının bir hurufat numune kitabı oluşturmak üzere bir yazı galerisini alarak karıştırdığı 1500'lerden beri endüstri standardı sahte metinler olarak kullanılmıştır. Beşyüz yıl boyunca varlığını sürdürmekle kalmamış, aynı zamanda pek değişmeden elektronik dizgiye de sıçramıştır. 1960'larda Lorem Ipsum pasajları da içeren Letraset yapraklarının yayınlanması ile ve yakın zamanda Aldus PageMaker gibi Lorem Ipsum sürümleri içeren masaüstü yayıncılık yazılımları ile popüler olmuştur.</p><p>
                            Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir. Lorem Ipsum, adı bilinmeyen bir matbaacının bir hurufat numune kitabı oluşturmak üzere bir yazı galerisini alarak karıştırdığı 1500'lerden beri endüstri standardı sahte metinler olarak kullanılmıştır. Beşyüz yıl boyunca varlığını sürdürmekle kalmamış, aynı zamanda pek değişmeden elektronik dizgiye de sıçramıştır. 1960'larda Lorem Ipsum pasajları da içeren Letraset yapraklarının yayınlanması ile ve yakın zamanda Aldus PageMaker gibi Lorem Ipsum sürümleri içeren masaüstü yayıncılık yazılımları ile popüler olmuştur.
                        </p>
                    </div>
                    <div class="col-md-3"><img src="/images/t1_1.png" class="img-fluid">

                    </div>
                </div>


            </div>
        </div>-->

                    <div class="st-pd" style="padding-top: 25px;padding-bottom: 25px">
                        <div class="shadow bg-white rounded" style="padding-bottom: 25px">

                            <div class="row">
                                <div class="col-md-4">
                                    <div class="card" style="max-width: 25rem;">
                                        <div class="card-header"><b>MENU</b></div>
                                        <ul class="nav list-group list-group-flush">

                                            @php
                                                $i=1;
                                                    $kategoriler = \App\SayfaKategori::where('id','<',5)->get();

                                                foreach ($kategoriler as $kategori) {
                                                $kategoriSayfalari = \App\Sayfa::where('kategoriId',$kategori->id)->get();
                                                echo '<li class="nav-item">
                                                <a class="nav-link collapsed text-truncate" href="#submenu'.$i.'" data-toggle="collapse" data-target="#submenu'.$i.'"><i class="fa fa-file-text" style="color:#F26A00;"></i> <span class="d-none d-sm-inline bigtext bold">'.$kategori->isim.'</span></a>
                                                <div class="collapse" id="submenu'.$i.'" aria-expanded="false">
                                                <ul class="flex-column pl-2 nav">


                                                ';

                                                foreach ($kategoriSayfalari as $kategoriSayfa) {

                                                echo '
                                                <li class="nav-item"><a class="nav-link py-0 dchild" href="/kategori/'.$kategori->seo.'/'.$kategoriSayfa->seo.'"><i class="fa fa-arrow-right" style="color:##3348b0;"></i> <span>'.$kategoriSayfa->baslik.'</span></a></li>';
                                                }
                                                echo '</ul></div></li>';
                                                $i++;
                                                }

                                            @endphp

                                        </ul>
                                    </div>
                                </div>
                                <div class="col-md-8" style="padding-right: 50px;">
                                    <h2 class="text-orange bigtext" style="padding-bottom: 25px">EĞİTİM ANLAYIŞIMIZ</h2>
                                    <div class="tarihce justify-content"><p>{!! $sayfa->detay !!}</p></div>

                                </div>
                            </div>

                        </div>
                    </div>


        <div class="st-pd">
            <div class="kampusTitle float-right"><h2>SON HABERLER</h2></div><div class="clearfix"></div>
                <div class="icerik shadow p-3 mb-5 bg-white rounded">
                    <div class="card-deck" style="padding-top: 10px;">
            @foreach ($icerikler as $icerik)

            <div class="card">

                <a href="{{route('fHaber',$icerik->seo)}}"><img src="/uploads/img/icerik/515x290/{{$icerik->icerikResmi->resim}}" class="card-img-top" alt="{{$icerik->baslik}}"></a>

                <div class="card-body">
                    <h5 class="card-title"><a href="{{route('fHaber',$icerik->seo)}}">{{$icerik->baslik}}</a></h5>
                    <p class="card-text">{{$icerik->descreption}}</p>
                </div>
                <div class="card-footer">
                    <small class="text-muted">{{$icerik->created_at}}</small>
                </div>
            </div>

            @endforeach
                </div>
                    <div align="center"><a href="@if(!isset($kampus->seo)){{route('fHaberKademe',$kademe->seo)}} @else {{route('fHaberKampusKademe',[$kampus->seo,$kademe->seo])}}@endif" class="btn btn-primary btn-sm btn-block"> TÜM HABERLER </a></div>
            </div>
        </div>
    </div>

    <div class="container2">
        <div class="galeri st-pd"> <h3>{{$kademe->isim}} - Galeri</h3>
            <hr />
            <div class="row">
                <div class="col-md-6">
                    <div class="embed-responsive embed-responsive-16by9" style="max-height: 380px;">
                        <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/pKaHP2MUUKA" allowfullscreen></iframe>
                    </div>
                    <div style="padding-top: 8px"><a href="@if(!isset($kampus->seo)){{route('fResimGalerisiKademe',$kademe->seo)}} @else {{route('fResimGalerisiKampusKademe',[$kampus->seo,$kademe->seo])}}@endif" class="btn btn-primary btn-sm btn-block">TÜM GALERİLER</a></div>
                </div>

                <div class="col-md-6">
                    <div class="resimGaleri">

                        <div class="row">
                            @foreach($resimGalerisi as $galeri)
                                <div class="col-md-6" style="padding-bottom: 10px;">
                                    <a href="{{route('fResimGalerisiShow',$galeri->icerikId)}}"><img src="/uploads/img/icerik/295x165/{{$galeri->resim}}" class="img-fluid shadow p-3 bg-white rounded"></a>
                                </div>
                            @endforeach

                        </div>
                        <div>
                            <a href="@if(!isset($kampus->seo)){{route('fResimGalerisiKademe',$kademe->seo)}} @else {{route('fResimGalerisiKampusKademe',[$kampus->seo,$kademe->seo])}}@endif" class="btn btn-primary btn-sm btn-block">TÜM GALERİLER</a></div>
                    </div>

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



    <div class="bottom-form">
        <div class="bottom-form-bg">
            <div class="container2">
                <div class="bottom-form-fr shadow p-3 bg-white rounded">
                    <div class="bottom-form-fr-pd">
                        <div class="title"><h2>KAYIT BİLGİ FORMU</h2>
                        </div>
                        <div class="stDesc"><h2>ÖĞRENCİ BİLGİLERİ</h2></div>
                        <form id="kayit-form" action="{{route('kayitFormuEkle')}}" method="post">
                                @csrf
                                <div class="form-group row">
                                    <div class="col-sm-6">
                                        <input type="text" name="ogrenci_adi" class="form-control form-control-sm" placeholder="Öğrenci Adı" required>
                                    </div>
                                    <div class="col-sm-6">
                                        <input type="text" name="ogrenci_soyadi" class="form-control form-control-sm" placeholder="Öğrenci Soyadı" required>
                                    </div>
                                </div>
                            <div class="form-group row">
                                <div class="col-sm-6">
                                    <select name="kampusId" class="form-control form-control-sm" required>

                                        <option value="0">Kampüs Seçiniz</option>
                                        @php
                                        $kampuslerForm  = \App\Helper\SqlSorgu::Kampusler();
                                        $kademelerForm  = \App\Helper\SqlSorgu::Kademeler();
                                        @endphp
                                        @foreach($kampuslerForm as $kampusForm)
                                            <option value="{{$kampusForm->id}}" @if(isset($kampus->id))@if($kampus->id==$kampusForm->id) selected @endif @endif>{{$kampusForm->isim}}</option>
                                        @endforeach
                                    </select>

                                </div>
                                <div class="col-sm-6">
                                    <select name="kademeId" class="form-control form-control-sm">
                                        @foreach($kademelerForm as $kademeForm)
                                            <option value="{{$kademeForm->id}}" @if($kademe->id==$kademeForm->id) selected @endif>{{$kademeForm->isim}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                           <div class="stDesc"><h2>VELİ BİLGİLERİ</h2></div>
                                <div class="form-group row">
                                    <div class="col-sm-6">
                                        <input type="text" name="veli_adi" class="form-control form-control-sm" placeholder="Veli Adı" required>
                                    </div>
                                    <div class="col-sm-6">
                                        <input type="text" name="veli_soyadi" class="form-control form-control-sm" placeholder="Veli Soyadı" required>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="col-sm-6">
                                        <input type="email" name="eposta" class="form-control form-control-sm" placeholder="E-Posta">
                                    </div>
                                    <div class="col-sm-6">
                                        <input type="text" name="telefon" class="form-control form-control-sm"  placeholder="Telefon" required>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <div class="col-sm-6">
                                        <div class="captcha">
                                        <span>{!! captcha_img()!!}</span>
                                        <button type="button" class="btn btn-success btn-refresh">Yenile</button>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <input type="text" name="captcha" class="form-control form-control-sm" id="captcha" placeholder="Doğrulama Kodunu Giriniz" required>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <div class="col-sm-6">
                                        <input type="checkbox" name="chbox" id="chbox" required> <a href="/kisisel-verilerin-korunmasi">Kişisel Verilerin Korunması Hakkındaki Şartları</a> Kabul Ediyorum
                                    </div>
                                    <div class="col-sm-6">
                                        <button type="submit" id="submit" class="btn btn-primary">GÖNDER</button>
                                    </div>
                                </div>

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

    </div>
@endsection
@section('js')
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script>
       $(".btn-refresh").click(function () {
           $.ajax({
               type: 'GET',
               url: '/refresh_captcha',
               success: function (data) {
                   $(".captcha span").html(data.captcha);
               }
           });
       });
   </script>
   @endsection