@extends('layouts.app')

@section('content')

    <div class="main-content">
        @if ($errors->any())
            <div class="alert alert-danger" role="alert">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div><br />
        @endif
        <script>
            window.setTimeout(function() {
                $(".alert").fadeTo(500, 0).slideUp(500, function(){
                    $(this).remove();
                });
            }, 4000);
        </script>

        <div class="card">
            <h4 class="card-title">Aktivite Ekle</h4>




            <div class="card-body">
                @if(session()->get('success'))
                    <div class="alert alert-success" role="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <strong>Tebrikler !</strong> {{session()->get('success')}}
                    </div>
                @endif
                <form method="post" action="{{route('aktiviteler.depo')}}" enctype="multipart/form-data" >

                    @csrf
                    <ul class="nav nav-tabs nav-justified nav-tabs-info">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#turkce">Türkçe</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#ingilizce">İngilizce</a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane fade active show" id="turkce">

                            <div class="col-md-12">
                                <div class="form-group ">
                                    <script type="text/javascript" src="{{asset('js/aktivite_resimleri.js')}}"></script>

                                    <div class="row">
                                        <div id="aktivite_resimleri" orakuploader="on"></div>
                                    </div>
                                </div>
                                <div class="form-group ">
                                    <label for="adi">Adı:</label>
                                    <input type="text" class="form-control form-control-lg" name="adi" id="adi"  />
                                </div>
                                <div class="form-group ">
                                    <label for="seo_baslik">SEO Başlık:</label>
                                    <input type="text" class="form-control form-control-lg" name="seo_baslik" id="seo_baslik"  />
                                </div>
                                <div class="form-group ">
                                    <label for="seo_kelime">SEO Kelime:</label>
                                    <input type="text" class="form-control form-control-lg" name="seo_kelime" id="seo_kelime"  />
                                </div>
                                <div class="form-group ">
                                    <label for="seo_aciklama">SEO Açıklama:</label>
                                    <input type="text" class="form-control form-control-lg" name="seo_aciklama" id="seo_aciklama"  />
                                </div>
                                <div class="form-group ">
                                    <label for="url">Url:</label>
                                    <input type="text" class="form-control form-control-lg" name="url" id="url"  />
                                </div>
                                <div class="form-group ">
                                    <label for="sira">Sıra:</label>
                                    <input type="text" class="form-control form-control-lg" name="sira" id="sira"  />
                                </div>
                                <div class="form-group ">
                                    <label for="dahil">Dahil:</label>
                                    <input type="text" class="form-control form-control-lg" name="dahil" id="dahil"  />
                                </div>
                                <div class="form-group ">
                                    <label for="dahil_degil">Dahil Değil:</label>
                                    <input type="text" class="form-control form-control-lg" name="dahil_degil" id="dahil_degil"  />
                                </div>
                                <div class="form-group ">
                                    <label for="saat">Saat:</label>
                                    <input type="text" class="form-control form-control-lg" name="saat" id="saat"  />
                                </div>
                                <div class="form-group ">
                                    <label for="tur_plan">Tur Plan:</label>
                                    <input type="text" class="form-control form-control-lg" name="tur_plan" id="tur_plan"  />
                                </div>
                                <div class="form-group ">
                                    <label for="fiyat">Fiyat:</label>
                                    <input type="text" class="form-control form-control-lg" name="fiyat" id="fiyat"  />
                                </div>
                                <div class="form-group ">
                                    <label for="kisa_aciklama">Kısa Açıklama:</label>
                                    <input type="text" class="form-control form-control-lg" name="kisa_aciklama" id="kisa_aciklama"  />
                                </div>

                                <div class="form-group ">
                                    <label for="aciklama">Açıklama:</label>
                                    <textarea id="summernote" data-provide="summernote" name="aciklama" data-min-height="150" data-toolbar="full"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="ingilizce">
                            <div class="col-md-12">
                                <div class="form-group ">
                                    <label for="adi_en">Adı:</label>
                                    <input type="text" class="form-control form-control-lg" name="adi_en" id="adi_en"  />
                                </div>
                                <div class="form-group ">
                                    <label for="seo_baslik_en">SEO Başlık:</label>
                                    <input type="text" class="form-control form-control-lg" name="seo_baslik_en" id="seo_baslik_en"  />
                                </div>
                                <div class="form-group ">
                                    <label for="seo_kelime_en">SEO Kelime:</label>
                                    <input type="text" class="form-control form-control-lg" name="seo_kelime_en" id="seo_kelime_en"  />
                                </div>
                                <div class="form-group ">
                                    <label for="seo_aciklama_en">SEO Açıklama:</label>
                                    <input type="text" class="form-control form-control-lg" name="seo_aciklama_en" id="seo_aciklama_en"  />
                                </div>
                                <div class="form-group ">
                                    <label for="url_en">Url:</label>
                                    <input type="text" class="form-control form-control-lg" name="url_en" id="url_en"  />
                                </div>
                                <div class="form-group ">
                                    <label for="dahil_en">Dahil:</label>
                                    <input type="text" class="form-control form-control-lg" name="dahil_en" id="dahil_en"  />
                                </div>
                                <div class="form-group ">
                                    <label for="dahil_degil_en">Dahil Değil:</label>
                                    <input type="text" class="form-control form-control-lg" name="dahil_degil_en" id="dahil_degil_en"  />
                                </div>
                                <div class="form-group ">
                                    <label for="saat_en">Saat:</label>
                                    <input type="text" class="form-control form-control-lg" name="saat_en" id="saat_en"  />
                                </div>
                                <div class="form-group ">
                                    <label for="tur_plan_en">Tur Plan:</label>
                                    <input type="text" class="form-control form-control-lg" name="tur_plan_en" id="tur_plan_en"  />
                                </div>
                                <div class="form-group ">
                                    <label for="fiyat_en">Fiyat:</label>
                                    <input type="text" class="form-control form-control-lg" name="fiyat_en" id="fiyat_en"  />
                                </div>
                                <div class="form-group ">
                                    <label for="kisa_aciklama_en">Kısa Açıklama:</label>
                                    <input type="text" class="form-control form-control-lg" name="kisa_aciklama_en" id="kisa_aciklama_en"  />
                                </div>

                                <div class="form-group ">
                                    <label for="aciklama_en">Açıklama:</label>
                                    <textarea id="summernote" data-provide="summernote" name="aciklama_en" data-min-height="150" data-toolbar="full"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <button type="submit" class="btn btn-primary ">Kaydet</button>
                    </div>
                </form>
            </div>
        </div>




    </div><!--/.main-content -->
@endsection