@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>{{$kampus->isim}} Tarihçe</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">
                        {!! $kampus->tarihce !!}
                    </div>
                    <div class="col-md-3"><img src="/uploads/img/kampusler/{{$kampus->resim}}" class="img-fluid">

                    </div>
                </div>


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

                    <div class="row">
                        <div class="col-md-4">
                            <div class="card" style="max-width: 25rem;">
                                <div class="card-header bigtext"><b>{{$kampus->isim}}</b></div>
                                <ul class="list-group list-group-flush">

                                    <li class="list-group-item"><i class="fa fa-file-text" style="color:#f2791e;"></i> <a href="/yemek#card">YEMEK</a></li>
                                    <li class="list-group-item"><i class="fa fa-file-text" style="color:#f2791e;"></i> <a href="/servis#card">SERVİS</a></li>
                                    <li class="list-group-item"><i class="fa fa-file-text" style="color:#f2791e;"></i> <a href="/guvenlik#card">GÜVENLİK</a></li>
                                    <li class="list-group-item"><i class="fa fa-file-text" style="color:#f2791e;"></i> <a href="/iletisim#card">İLETİŞİM</a></li>
                                    <!--
                                    <li class="list-group-item"><i class="fa fa-file-text" style="color:#f2791e;"></i> <a href="/uploads/dosya/stratejikPlanlar/{{$kampus->seo}}_ilkokul_stratejik_plan.pdf" target="_blank">İLKOKUL STRATEJİK PLAN</a></li>
                                    <li class="list-group-item"><i class="fa fa-file-text" style="color:#f2791e;"></i> <a href="/uploads/dosya/stratejikPlanlar/{{$kampus->seo}}_ortaokul_stratejik_plan.pdf" target="_blank">ORTAOKUL STRATEJİK PLAN</a></li>
                                    <li class="list-group-item"><i class="fa fa-file-text" style="color:#f2791e;"></i> <a href="/uploads/dosya/stratejikPlanlar/{{$kampus->seo}}_lise_stratejik_plan.pdf" target="_blank">LİSE STRATEJİK PLAN</a></li>
                                    -->
                                    <!--
                                    <li class="list-group-item"><i class="fa fa-file-text" style="color:#f2791e;"></i> <a href="/kampusler/{{$kampus->seo}}/anaokulu#card">ANAOKULU</a></li>
                                    <li class="list-group-item"><i class="fa fa-file-text" style="color:#f2791e;"></i> <a href="/kampusler/{{$kampus->seo}}/ilkokul#card">İLKOKUL</a></li>
                                    <li class="list-group-item"><i class="fa fa-file-text" style="color:#f2791e;"></i> <a href="/kampusler/{{$kampus->seo}}/ortaokul#card">ORTAOKUL</a></li>
                                    <li class="list-group-item"><i class="fa fa-file-text" style="color:#f2791e;"></i> <a href="/kampusler/{{$kampus->seo}}/lise#card">LİSE</a></li>
                                    -->

                                </ul>
                            </div>
                        </div>
                        <div class="col-md-8" style="padding-right:30px"><h2 style="color: #f2791e;">{{$kampus->isim}}</h2><p class="text-justify pad-15">{!! $kampus->tarihce !!}</p>
                            </div>

                        </div>

            </div>
            </div>
            <!--
            <div class="st-pd mb-4">
                <div class="row kademeler">
                    <div class="col-md-3"><div class="alert alert-primary text-center">
                            <a href="/kampusler/{{$kampus->seo}}/anaokulu"><b>ANAOKULU</b></a>
                        </div></div>
                    <div class="col-md-3"><div class="alert alert-success text-center">
                            <a href="/kampusler/{{$kampus->seo}}/ilkokul"><b>İLKOKUL</b></a>
                        </div></div>
                    <div class="col-md-3"><div class="alert alert-danger text-center">
                            <a href="/kampusler/{{$kampus->seo}}/ortaokul"><b>ORTAOKUL</b></a>
                        </div></div>
                    <div class="col-md-3"><div class="alert alert-warning text-center">
                            <a href="/kampusler/{{$kampus->seo}}/lise"><b>LİSE</b></a>
                        </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="{{route('fHaberKampus',$kampus->seo)}}" 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>{{$kampus->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="{{route('fResimGalerisiKampus',$kampus->seo)}}" 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="{{route('fResimGalerisiKampus',$kampus->seo)}}" 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($kampus->id==$kampusForm->id) selected @endif>{{$kampusForm->isim}}</option>
                                        @endforeach
                                    </select>

                                </div>
                                <div class="col-sm-6">
                                    <select name="kademeId" class="form-control form-control-sm">
                                        <option value="0">Kademe Seçiniz</option>
                                        @foreach($kademelerForm as $kademeForm)
                                            <option value="{{$kademeForm->id}}">{{$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