@extends('panel.layout.base')

@section('title',$title)

@section('script')
    <script>
        $(document).ready(function (){
            var translate = {!! json_encode($translate) !!};
            $.each(translate, function(lang, items){
                $.each(items, function(index, item){
                    $.each(JSON.parse(item.payload), function(key, value){
                        if(key == 'question')
                        {
                            if(value.buyer != null)
                            {
                                $('[name="translate[' + lang + '][form][' + key + '][buyer]"]').val(value.buyer).change();
                            }

                            if(value.seller != null)
                            {
                                $('[name="translate[' + lang + '][form][' + key + '][seller]"]').val(value.seller).change();
                            }

                            if(value.title != null)
                            {
                                $('[name="translate[' + lang + '][form][' + key + '][title]"]').val(value.title).change();
                            }
                        }

                        $('[name="translate[' + lang + '][' + item.name + '][' + key + ']"]').val(value).change();
                    });
                });
            })
        })
    </script>
@endsection

@section('content')
    <form method="post">
        @csrf
        <div class="card custom-card">
            <div class="card-header">
                <p>{{ $description }}</p>
            </div>
            <div class="card-body">
                @if (\Session::has('success'))
                    <div class="alert alert-success mg-b-0 alert-dismissible fade show" role="alert">
                        <strong>Başarılı</strong><br>{!! \Session::get('success') !!}
                    </div>
                    <br>
                @endif
                <div class="panel panel-primary tabs-style-2">
                    <div class=" tab-menu-heading">
                        <div class="tabs-menu1">
                            <ul class="nav panel-tabs main-nav-line">
                                <li><a href="#tab4" class="nav-link active" data-bs-toggle="tab">Sosyal Medya & İletişim</a></li>
                                <li><a href="#tab5" class="nav-link" data-bs-toggle="tab">Sayfa Çevirisi</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel-body tabs-menu-body main-content-body-right border">
                        <div class="tab-content">
                            <div class="tab-pane active" id="tab4">
                                <h3 class="text-center">Sosyal Medya Bağlantııları</h3>
                                <hr>
                                <div class="row">
                                    <div class="col-4">
                                        <div class="form-group">
                                            <label for="facebook">Facebook</label>
                                            <input type="text" class="form-control" name="social[facebook]" placeholder="URL" id="facebook" value="{{ $social['facebook'] }}">
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                            <label for="instagram">Instagram</label>
                                            <input type="text" class="form-control" name="social[instagram]" placeholder="URL" id="instagram" value="{{ $social['instagram'] }}">
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                            <label for="twitter">Twitter</label>
                                            <input type="text" class="form-control" name="social[twitter]" placeholder="URL" id="twitter" value="{{ $social['twitter'] }}">
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                            <label for="reddit">Reddit</label>
                                            <input type="text" class="form-control" name="social[reddit]" placeholder="URL" id="reddit" value="{{ $social['reddit'] }}">
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                            <label for="vk">VK</label>
                                            <input type="text" class="form-control" name="social[vk]" placeholder="URL" id="vk" value="{{ $social['vk'] }}">
                                        </div>
                                    </div>
                                </div>
                                <h3 class="text-center">E-Posta Bilgileri</h3>
                                <hr>
                                <div class="row">
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label for="support">Support Email</label>
                                            <input type="text" class="form-control" name="info[support-mail]" placeholder="Email" id="support" value="{{ $info['support-mail'] }}">
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label for="info">Info Mail</label>
                                            <input type="text" class="form-control" name="info[info-mail]" placeholder="Email" id="info" value="{{ $info['info-mail'] }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="tab5">






                                <div class=" tab-menu-heading">
                                    <div class="tabs-menu1">
                                        <ul class="nav panel-tabs main-nav-line">
                                            @php
                                                $index = 0;
                                            @endphp
                                            @foreach(\App\Models\Language::all()->toArray() as $item)
                                                @php
                                                    $index++;
                                                @endphp
                                            <li><a href="#lang-{{ $item['code'] }}" class="nav-link {{ $index == 1 ? 'active' : null }}" data-bs-toggle="tab">{{ $item['language'] }}</a></li>
                                            @endforeach
                                        </ul>
                                    </div>
                                </div>
                                <div class="panel-body tabs-menu-body main-content-body-right border">
                                    <div class="tab-content">
                                        @php
                                            $index = 0;
                                        @endphp
                                        @foreach(\App\Models\Language::all()->toArray() as $item)
                                            @php
                                                $index++;
                                            @endphp
                                            <div class="tab-pane {{ $index == 1 ? 'active' : null }}" id="lang-{{ $item['code'] }}">
                                                <h3 class="text-center">Üst Kısım</h3>
                                                <div class="form-group">
                                                    <label>Başlık <small>{{ $item['language'] }}</small></label>
                                                    <input type="text" class="form-control" name="translate[{{ $item['code'] }}][page][title]">
                                                </div>
                                                <div class="form-group">
                                                    <label>Açıklama <small>{{ $item['language'] }}</small></label>
                                                    <input type="text" class="form-control" name="translate[{{ $item['code'] }}][page][description]">
                                                </div>
                                                <div class="form-group">
                                                    <label>Yardım Merkezi <small>{{ $item['language'] }}</small></label>
                                                    <input type="text" class="form-control" name="translate[{{ $item['code'] }}][support][title]">
                                                </div>
                                                <h3 class="text-center">Sıkça Sorulan Sorular</h3>
                                                <div class="form-group">
                                                    <label>Sıkça Sorulan Sorular Başlık <small>{{ $item['language'] }}</small></label>
                                                    <input type="text" class="form-control" name="translate[{{ $item['code'] }}][faq][title]">
                                                </div>
                                                <div class="form-group">
                                                    <label>Sıkça Sorulan Sorular Açıklama <small>{{ $item['language'] }}</small></label>
                                                    <input type="text" class="form-control" name="translate[{{ $item['code'] }}][faq][description]">
                                                </div>
                                                <div class="form-group">
                                                    <label>{{ $item['language'] }} Sıkça Sorulan Sorular Buton</label>
                                                    <input type="text" class="form-control" name="translate[{{ $item['code'] }}][faq][button]">
                                                </div>
                                                <div class="form-group">
                                                    <label>{{ $item['language'] }} Sıkça Sorulan Sorular Link</label>
                                                    <input type="text" class="form-control" name="translate[{{ $item['code'] }}][faq][link]">
                                                </div>
                                                <h3 class="text-center">Form Çevirisi</h3>
                                                <div class="form-group">
                                                    <label>Başlk <small>{{ $item['language'] }}</small></label>
                                                    <input type="text" class="form-control" name="translate[{{ $item['code'] }}][form][title]">
                                                </div>
                                                <div class="form-group">
                                                    <label>Ad Soyad <small>{{ $item['language'] }}</small></label>
                                                    <input type="text" class="form-control" name="translate[{{ $item['code'] }}][form][fullname]">
                                                </div>
                                                <div class="form-group">
                                                    <label>Kullanıcı Adı <small>{{ $item['language'] }}</small></label>
                                                    <input type="text" class="form-control" name="translate[{{ $item['code'] }}][form][username]">
                                                </div>
                                                <div class="form-group">
                                                    <label>EPosta <small>{{ $item['language'] }}</small></label>
                                                    <input type="text" class="form-control" name="translate[{{ $item['code'] }}][form][email]">
                                                </div>
                                                <div class="form-group">
                                                    <label>Soru <small>{{ $item['language'] }}</small></label>
                                                    <input type="text" class="form-control" name="translate[{{ $item['code'] }}][form][question][title]">
                                                </div>
                                                <div class="form-group">
                                                    <label>Alıcı <small>{{ $item['language'] }}</small></label>
                                                    <input type="text" class="form-control" name="translate[{{ $item['code'] }}][form][question][buyer]">
                                                </div>
                                                <div class="form-group">
                                                    <label>Satıcı <small>{{ $item['language'] }}</small></label>
                                                    <input type="text" class="form-control" name="translate[{{ $item['code'] }}][form][question][seller]">
                                                </div>
                                                <div class="form-group">
                                                    <label>Sipariş Numarası <small>{{ $item['language'] }}</small></label>
                                                    <input type="text" class="form-control" name="translate[{{ $item['code'] }}][form][order]">
                                                </div>
                                                <div class="form-group">
                                                    <label>Konu <small>{{ $item['language'] }}</small></label>
                                                    <input type="text" class="form-control" name="translate[{{ $item['code'] }}][form][subject]">
                                                </div>
                                                <div class="form-group">
                                                    <label>Özet <small>{{ $item['language'] }}</small></label>
                                                    <input type="text" class="form-control" name="translate[{{ $item['code'] }}][form][message]">
                                                </div>
                                            </div>
                                        @endforeach

                                    </div>
                                </div>






                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-footer p-3">
                <button type="submit" class="btn btn-primary btn-sm"><i class="fa fa-save"></i> Kaydet</button>
            </div>
        </div>
    </form>
@endsection