@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">Ana Sayfa Banner</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

                    <ul class="nav nav-tabs nav-justified nav-tabs-info">

                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#ingilizce">İngilizce</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#ispanyolca">İspanyolca</a>
                        </li>

                    </ul>
                    <form method="post" action="{{route('banner.update')}}">

                        @csrf
                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div class="tab-pane fade active show" id="ingilizce">


                                <div class="col-md-12">
                                    <div class="form-group ">
                                        @php
                                            $resimler = $banner->resim;
                                            $resimler = explode(",",$resimler);
                                            $resimler = implode("','",$resimler);
                                        @endphp
                                        <script type="text/javascript">
                                            $(document).ready(function(){
                                                $('#resim').orakuploader({
                                                    orakuploader_path : '/orakuploader/',

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

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

                                                    orakuploader_crop_to_width: 1920,
                                                    orakuploader_crop_to_height: 160,

                                                    orakuploader_crop_thumb_to_width: 650,
                                                    orakuploader_crop_thumb_to_height: 165,



                                                    orakuploader_maximum_uploads : 1,
                                                    orakuploader_hide_on_exceed : true,
                                                    orakuploader_use_sortable : true,
                                                    orakuploader_use_dragndrop : true,

                                                    orakuploader_attach_images: [''],

                                                    orakuploader_max_exceeded : function() {
                                                        alert("1 resim yüklüye bilirsin.");
                                                    }
                                                });
                                            });
                                        </script>
                                        <label>Logo:</label>
                                        <div class="row">
                                            <div id="resim" orakuploader="on"></div>
                                        </div>
                                    </div>
                                    <div class="form-group ">
                                        <label for="baslik">Kısım 1</label>
                                        <input type="text" class="form-control form-control-lg" name="baslik" id="baslik" value="{{$banner->baslik}}" />
                                    </div>
                                    <div class="form-group ">
                                        <label for="aciklama">Kısım 2</label>
                                        <input type="text" class="form-control form-control-lg" name="aciklama" id="aciklama" value="{{$banner->aciklama}}" />
                                    </div>
                                    <div class="form-group ">
                                        <label for="url">Banner URL</label>
                                        <input type="text" class="form-control form-control-lg" name="url" id="url" value="{{$banner->url}}" />
                                    </div>


                                </div>


                        </div>

                        <div class="tab-pane fade" id="ispanyolca">
                            <div class="col-md-12">
                                <div class="form-group ">
                                    <label for="baslik_de">Kısım 1</label>
                                    <input type="text" class="form-control form-control-lg" name="baslik_de" id="baslik_de" value="{{$banner->baslik_de}}" />
                                </div>
                                <div class="form-group ">
                                    <label for="aciklama_de">Kısım 2</label>
                                    <input type="text" class="form-control form-control-lg" name="aciklama_de" id="aciklama_de" value="{{$banner->aciklama_de}}" />
                                </div>
                                <div class="form-group ">
                                    <label for="url_de">Banner URL</label>
                                    <input type="text" class="form-control form-control-lg" name="url_de" id="url_de" value="{{$banner->url_de}}" />
                                </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