@extends('layouts.main')

@section('title', $title)

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <x-buttons.back-small name="blog-tag" :route="route('blog-tag.index')" />
                        {{ $title }}
                    </div>
                    <form action="{{ $formAction }}" method="POST">
                        @csrf
                        @if(!$isFormCreate)
                            @method('PUT')
                        @endif

                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="card mb-3">
                                        <div class="card-body">
                                            <h5 class="mb-3">Indonesia</h5>
                                            <!-- Name (ID) -->
                                            <div class="form-group">
                                                <label for="name-id">{{ __('general.name') }}</label>
                                                <input type="text" class="form-control @error('translate.id.name') is-invalid @enderror"
                                                    id="name-id" name="translate[id][name]"
                                                    value="{{ old('translate.id.name', $blogTag->translate['id']['name'] ?? '') }}" required>
                                                @error('translate.id.name')
                                                    <span class="invalid-feedback">{{ $message }}</span>
                                                @enderror
                                            </div>

                                            <!-- Description (ID) -->
                                            <div class="form-group">
                                                <label for="description-id">{{ __('general.description') }}</label>
                                                <textarea class="form-control @error('translate.id.description') is-invalid @enderror"
                                                    id="description-id" name="translate[id][description]" rows="4">{{ old('translate.id.description', $blogTag->translate['id']['description'] ?? '') }}</textarea>
                                                @error('translate.id.description')
                                                    <span class="invalid-feedback">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="col-md-6">
                                    <div class="card">
                                        <div class="card-body">
                                            <h5 class="mb-3">English</h5>
                                            <!-- Name (EN) -->
                                            <div class="form-group">
                                                <label for="name-en">{{ __('general.name') }}</label>
                                                <input type="text" class="form-control @error('translate.en.name') is-invalid @enderror"
                                                    id="name-en" name="translate[en][name]"
                                                    value="{{ old('translate.en.name', $blogTag->translate['en']['name'] ?? '') }}" required>
                                                @error('translate.en.name')
                                                    <span class="invalid-feedback">{{ $message }}</span>
                                                @enderror
                                            </div>

                                            <!-- Description (EN) -->
                                            <div class="form-group">
                                                <label for="description-en">{{ __('general.description') }}</label>
                                                <textarea class="form-control @error('translate.en.description') is-invalid @enderror"
                                                    id="description-en" name="translate[en][description]" rows="4">{{ old('translate.en.description', $blogTag->translate['en']['description'] ?? '') }}</textarea>
                                                @error('translate.en.description')
                                                    <span class="invalid-feedback">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="card-footer">
                            <div class="row">
                                <div class="col-12">
                                    <div class="float-end">
                                        <x-buttons.submit-save />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection