@extends('admin.index')
@section('title')
Dil Ayarları - 
@endsection
@section('header')
    
@endsection
@section('content')

<div class="row">
    <div class="col-12">
        
        <form action="" method="POST">
            @csrf

            <div class="card card-body">
                <ul class="nav nav-tabs" id="languages_list" role="tablist">
                    @foreach ($languages as $item)
                    <li class="nav-item" role="presentation">
                        <a class="nav-link" id="{{ $item->lang_code }}-tab" data-toggle="tab" href="#{{ $item->lang_code }}"
                            role="tab" aria-controls="{{ $item->lang_code }}" aria-selected="true">{{ $item->lang_name }} <span
                                class="badge badge-danger" style="display: none">1</span></a>
                    </li>
                    @endforeach
                </ul>

                <div class="tab-content" id="languages_content">
                    @foreach ($languages as $item)
                    <div class="tab-pane fade" id="{{ $item->lang_code }}" role="tabpanel"
                        aria-labelledby="{{ $item->lang_code }}-tab">

                        <div class="row">
                            <div class="col-12">
                                <div class="content">

                                    <div class="form-group">
                                        <label for="string_value[{{ $item->lang_code }}]">Değer</label>
                                        <input type="text" class="form-control" name="string_value[{{ $item->lang_code }}]"
                                            id="string_value[{{ $item->lang_code }}]"
                                            value="{{ $language_string[$item->lang_code] ?? '' }}">
                                    </div>

                                </div><!-- content -->
                            </div>
                        </div><!-- row -->

                    </div><!-- content lang -->
                    @endforeach
                </div><!-- tab-content -->

                <div class="row">
                    <div class="col-12">
                        <div class="content">

                            <div class="form-group">
                                <label for="string_key">Dil Tanımı <a role="button" id="helper1"> <i class="fa fa-question"></i>
                                    </a></label>
                                <input type="text" class="form-control required @error('string_key') is-invalid @enderror"
                                    id="string_key" name="string_key" value="{{$string_key}}" readonly>
                                <small style="color: red;">Dil tanımı değiştirmenizi önermiyoruz.</small>
                                <small>Dil tanımları sitenizi oluşturan yazılım ekibinin sitenize yerleştirdiği değerdir.
                                    Sitenizdeki bir kısmın dil karşılığını değiştirmek istiyorsanız, yukarıdaki dil listesinden
                                    seçim yapıp <b>Değer</b> kısmını güncelleyiniz.</small>

                                <div class="invalid-feedback">
                                    @if (isset($errors->messages()['string_key']))
                                    <ul>
                                        @foreach ($errors->messages()['string_key'] as $error)
                                        <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                    @endif
                                </div>
                            </div>

                        </div><!-- content -->
                    </div>
                </div><!-- row -->
            </div>
            <br>
            <button type="submit" class="btn btn-primary" id="submit">
                <span>Kaydet</span>
                <div class="spinner-border spinner-border-sm text-light" role="status" style="display: none"></div>
            </button>
        </form>

    </div>
</div>

@endsection
@section('footer')

@endsection