@extends('panel.layout.base')

@section('title',$title)

@section('content')
{!! \App\Metha\TMethaForm::open([
    'method' => 'POST',
    'action' => $action
]) !!}
@csrf
<div class="row">
    <div class="col-lg-12 col-xl-12">
        <div class="card">
            <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>
                @elseif (\Session::has('warning'))
                    <div class="alert alert-warning mg-b-0 alert-dismissible fade show" role="alert">
                        <strong>Uyarı</strong><br>{!! \Session::get('warning') !!}
                    </div>
                    <br>
                @endif
                <div class="form-group">
                    <div class="panel panel-primary tabs-style-2">
                        <div class=" tab-menu-heading">
                            <div class="tabs-menu1">
                                <!-- Tabs -->
                                <ul class="nav panel-tabs main-nav-line">
                                    @foreach(\App\Models\Language::all()->where('status','Y')->toArray() as $index => $item)
                                        <li><a href="#{{ $item['code'] }}" class="nav-link {{ $index == 0 ? '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">
                                @foreach(\App\Models\Language::all()->where('status','Y')->toArray() as $index => $item)
                                    <div class="tab-pane {{ $index == 0 ? 'active' : null }}" id="{{ $item['code'] }}">
                                        <div class="panel panel-primary tabs-style-2">
                                            <div class=" tab-menu-heading">
                                                <div class="tabs-menu1">
                                                    <!-- Tabs -->
                                                    <ul class="nav panel-tabs main-nav-line">
                                                        @foreach($translateData as $indexTranslate => $itemTranslate)
                                                            <li><a href="#{{ $item['code'] }}_{{ $itemTranslate['name'] }}" class="nav-link {{ $indexTranslate == 0 ? 'active' : null }}" data-bs-toggle="tab">{{ $itemTranslate['title'] }}</a></li>
                                                        @endforeach
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="panel-body tabs-menu-body main-content-body-right border">
                                                <div class="tab-content">
                                                    @foreach($translateData as $indexTranslate => $itemTranslate)
                                                        <div class="tab-pane {{ $indexTranslate == 0 ? 'active' : null }}" id="{{ $item['code'] }}_{{ $itemTranslate['name'] }}">
                                                            @foreach($itemTranslate['fields'] as $field)
                                                                @if($field['type'] == 'text')
                                                                    <div class="form-group">
                                                                        <label>{{ $item['language'] }} {{ $field['title'] }}</label>
                                                                        <input type="text" class="form-control" name="translate[{{ $item['code'] }}][{{ $field['tag'] }}]">
                                                                    </div>
                                                                @elseif($field['type'] == 'col-text')
                                                                    <div class="row">
                                                                        <div class="col-6">
                                                                            <div class="form-group">
                                                                                <label>{{ $item['language'] }} {{ $field['title'] }}</label>
                                                                                <input type="text" class="form-control" name="translate[{{ $item['code'] }}][{{ $field['tag'] }}][title]">
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-4">
                                                                            <div class="form-group">
                                                                                <label>Mesaj</label>
                                                                                <input type="text" class="form-control" name="translate[{{ $item['code'] }}][{{ $field['tag'] }}][info]">
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-2">
                                                                            <div class="form-group">
                                                                                <label>Zorunlu Durumu</label>
                                                                                <select class="form-control" name="translate[{{ $item['code'] }}][{{ $field['tag'] }}][required]">
                                                                                    <option value="true">Zorunlu</option>
                                                                                    <option value="false">Boş Geçilebilir</option>
                                                                                </select>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                @endif
                                                            @endforeach
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-footer">
                <div class="btn-group">
                    <button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> Kaydet</button>
                </div>
            </div>
        </div>
    </div>
</div>


{!! \App\Metha\TMethaForm::close() !!}
@endsection

@section('script')
    <script>
        $(document).ready(function(){
            var data = {!! json_encode($translate) !!};

            $.each(data, function(index, item){
                var value = JSON.parse(item.payload);

                if(item.name == 'page.seller_form.general.title' || item.name == 'page.seller_form.general.description')
                {
                    $('[name="translate[' + item.language + '][' + item.name + ']"]').val(value).change();
                }else{
                    $('[name="translate[' + item.language + '][' + item.name + '][title]"]').val(value.title).change();
                    $('[name="translate[' + item.language + '][' + item.name + '][required]"]').val(value.required).change();
                    $('[name="translate[' + item.language + '][' + item.name + '][info]"]').val(value.info).change();
                }
            });
        });
    </script>
@endsection