@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">Resimler</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('galeri.update')}}">

                                @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>
                                    <li class="nav-item">
                                        <a class="nav-link" data-toggle="tab" href="#almanca">Almanca</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" data-toggle="tab" href="#rusca">Rusça</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 ">
                                                @php
                                                    $resimler1 = $resimler->resim;
                                                    $resimler1 = explode(",",$resimler1);
                                                    $resimler1 = implode("','",$resimler1);
                                                @endphp
                                                <script type="text/javascript">
                                                    $(document).ready(function(){
                                                        $('#galeri_resimler').orakuploader({
                                                            orakuploader_path : '/orakuploader/',

                                                            orakuploader_main_path : '/storage/resimler',
                                                            orakuploader_thumbnail_path : '/storage/resimler/thumbnail',

                                                            orakuploader_add_image : '/orakuploader/images/add.png',
                                                            orakuploader_add_label : 'Logo Yükle',

                                                            orakuploader_crop_to_width: 1366,
                                                            orakuploader_crop_to_height: 768,

                                                            orakuploader_crop_thumb_to_width: 650,
                                                            orakuploader_crop_thumb_to_height: 365,



                                                            orakuploader_maximum_uploads : 100,
                                                            orakuploader_hide_on_exceed : true,
                                                            orakuploader_use_sortable : true,
                                                            orakuploader_use_dragndrop : true,

                                                            orakuploader_attach_images: [''],

                                                            orakuploader_max_exceeded : function() {
                                                                alert("100 resim yüklüye bilirsin.");
                                                            }
                                                        });
                                                    });
                                                </script>
                                                <label>Resimler:</label>
                                                <div class="row">
                                                    <div id="galeri_resimler" orakuploader="on"></div>
                                                </div>
                                            </div>
                                            <div class="form-group ">
                                                <label for="seo_baslik">Site Başlık (SEO Title):</label>
                                                <input type="text" class="form-control form-control-lg" name="seo_baslik" id="seo_baslik" value="{{$resimler->seo_baslik}}" />
                                            </div>
                                            <div class="form-group ">
                                                <label for="seo_aciklama">Site Açıklama (SEO Description):</label>
                                                <input type="text" class="form-control form-control-lg" name="seo_aciklama" id="seo_aciklama" value="{{$resimler->seo_aciklama}}" />
                                            </div>
                                            <div class="form-group ">
                                                <label for="seo_kelime">Site Kelime (SEO Keywords):</label>
                                                <input type="text" class="form-control form-control-lg"  name="seo_kelime" id="seo_kelime" value="{{$resimler->seo_kelime}}" />
                                                <small class="form-text">Anahtar kelimeleri virgül ile giriniz.</small>
                                            </div>



                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="ingilizce">
                                        <div class="form-group ">
                                            <label for="seo_baslik_en">Site Başlık (SEO Title):</label>
                                            <input type="text" class="form-control form-control-lg" name="seo_baslik_en" id="seo_baslik_en" value="{{$resimler->seo_baslik_en}}" />
                                        </div>
                                        <div class="form-group ">
                                            <label for="seo_aciklama_en">Site Açıklama (SEO Description):</label>
                                            <input type="text" class="form-control form-control-lg" name="seo_aciklama_en" id="seo_aciklama_en" value="{{$resimler->seo_aciklama_en}}" />
                                        </div>
                                        <div class="form-group ">
                                            <label for="seo_kelime_en">Site Kelime (SEO Keywords):</label>
                                            <input type="text" class="form-control form-control-lg"  name="seo_kelime_en" id="seo_kelime_en" value="{{$resimler->seo_kelime_en}}" />
                                            <small class="form-text">Anahtar kelimeleri virgül ile giriniz.</small>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="almanca">
                                        <div class="form-group ">
                                            <label for="seo_baslik_de">Site Başlık (SEO Title):</label>
                                            <input type="text" class="form-control form-control-lg" name="seo_baslik_de" id="seo_baslik_de" value="{{$resimler->seo_baslik_de}}" />
                                        </div>
                                        <div class="form-group ">
                                            <label for="seo_aciklama_de">Site Açıklama (SEO Description):</label>
                                            <input type="text" class="form-control form-control-lg" name="seo_aciklama_de" id="seo_aciklama_de" value="{{$resimler->seo_aciklama_de}}" />
                                        </div>
                                        <div class="form-group ">
                                            <label for="seo_kelime_de">Site Kelime (SEO Keywords):</label>
                                            <input type="text" class="form-control form-control-lg"  name="seo_kelime_de" id="seo_kelime_de" value="{{$resimler->seo_kelime_de}}" />
                                            <small class="form-text">Anahtar kelimeleri virgül ile giriniz.</small>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="rusca">
                                        <div class="form-group ">
                                            <label for="seo_baslik_ru">Site Başlık (SEO Title):</label>
                                            <input type="text" class="form-control form-control-lg" name="seo_baslik_ru" id="seo_baslik_ru" value="{{$resimler->seo_baslik_ru}}" />
                                        </div>
                                        <div class="form-group ">
                                            <label for="seo_aciklama_ru">Site Açıklama (SEO Description):</label>
                                            <input type="text" class="form-control form-control-lg" name="seo_aciklama_ru" id="seo_aciklama_ru" value="{{$resimler->seo_aciklama_ru}}" />
                                        </div>
                                        <div class="form-group ">
                                            <label for="seo_kelime_ru">Site Kelime (SEO Keywords):</label>
                                            <input type="text" class="form-control form-control-lg"  name="seo_kelime_ru" id="seo_kelime_ru" value="{{$resimler->seo_kelime_ru}}" />
                                            <small class="form-text">Anahtar kelimeleri virgül ile giriniz.</small>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <button type="submit" class="btn btn-primary ">Kaydet</button>
                                </div>





                    </form>








            </div>
        </div>




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