@if (count($languages) > 0)
@include('layouts.components.section-marker', ['section_name' => 'Traduções - bloqueada'])
    <div class="row">
        <div class="col">
            <div class="card pt-4 px-4">
                <ul class="nav nav-tabs" role="tablist">
                    @foreach ($languages as $language)
                        <li class="nav-item">
                            <a class="nav-link disabled" data-bs-toggle="tab" href="#{{$language->language_code}}">
                                @if($language->image)
                                    <img src="{{ asset('storage/' . $language->image) }}" alt="{{$language->language_code}}" />
                                @else
                                    {{strtoupper($language->language_code)}}
                                @endif
                            </a>
                        </li>
                    @endforeach
                </ul>
                <div class="tab-content mb-4" style="margin-top: 0px !important;">
                    @foreach ($languages as $index => $language)
                        <div id="{{$language->language_code}}" class="tab-pane {{ $index === 0 ? 'active' : '' }}"><br>
                            <h3>Traduções do conteúdo para {{$language->language_name}}</h3>
                            @foreach ($translatable as $fields)
                                <label for="{{$fields['name']}}_{{$language->language_code}}">{{$fields['label']}}</label>
                                @if ($fields['type'] === 'textarea')
                                    <textarea class="form-control mb-3" id="{{$fields['name']}}_{{$language->language_code}}" name="{{$fields['name']}}_{{$language->language_code}}" disabled>{{ old("$language->language_code") }}</textarea>
                                @else
                                    <input type="{{$fields['type']}}" class="form-control mb-3" id="{{$fields['name']}}_{{$language->language_code}}" name="{{$fields['name']}}_{{$language->language_code}}" value="{{ old("$language->language_code") }}" disabled>
                                @endif
                            @endforeach
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
@endif