@extends('admin.index')
@section('title')
{{ translate("edit_page_title") }} {{$title}}  - 
@endsection
@section('header')

@endsection
@section('content')
<div class="row">
    <div class="col-12">
        <div class="content">
            <form action="" method="POST" class="needs-validation" novalidate>
                @csrf
                <input type="hidden" name="key" value="{{$key}}">
                <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="content[{{$item->lang_code}}]">{{ translate("content_label") }}</label>
                                            <textarea class="textarea_ckeditor required @error('content.'.$item->lang_code) is-invalid @enderror"
                                                id="ckeditor_{{$item->lang_code}}" name="content[{{$item->lang_code}}]"
                                                data-lang-id="{{$item->id}}">{{ old('content.'.$item->lang_code) ?? $single_page->where('language_id', $item->id)->first()->content ?? '' }}</textarea>
                                            @if ($errors->has('content.'.$item->lang_code))
                                            <div class="invalid-feedback">
                                                <ul>
                                                    @foreach ($errors->messages('content.'.$item->lang_code) as $error)
                                                    @foreach ($error as $err)
                                                    <li>{{ $err }}</li>
                                                    @endforeach
                                                    @endforeach
                                                </ul>
                                            </div>
                                            @endif
                                        </div>
                
                                    </div><!-- content -->
                                </div>
                            </div><!-- row -->
                
                        </div><!-- content lang -->
                        @endforeach
                    </div><!-- tab-content -->

                    <div class="form-group">
                        <label for="status">{{ translate("page_status_label") }}</label>
                        <select name="status" id="status" class="form-control">
                            <option value="1" @if ($status == 1) selected @endif>{{ translate("active_label") }}</option>
                            <option value="0" @if ( $status == 0) selected @endif>{{ translate("inactive_label") }}</option>
                        </select>
                    </div>

                </div>

                <button type="submit" class="btn btn-primary btn-save">{{ translate("save_button") }}</button>
            </form>
            
        </div>
    </div>
</div>

@endsection
@section('footer')

@endsection