@extends('admin.layout.app')

@section('body')
<div class="container-fluid">

    <div class="d-flex justify-content-between align-items-center mb-4">
        <h4>{{ __('admin.translation_manager') }}</h4>
    </div>

    @if(session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif

    <form method="GET" action="{{route('translations.index') }}" class="card mb-4">
        <div class="card-body">
            <div class="row g-3 align-items-end">

                <div class="col-md-4">
                    <label class="form-label">{{ __('admin.language') }}</label>
                    <select name="language" class="form-select">
                        <option value="en" @selected($language === 'en')>English</option>
                        <option value="ps" @selected($language === 'ps')>پښتو</option>
                        <option value="fa" @selected($language === 'fa')>دری</option>
                    </select>
                </div>

                <div class="col-md-4">
                    <label class="form-label">{{ __('admin.translation_file') }}</label>
                    <select name="file" class="form-select">
                        <option value="admin" @selected($file === 'admin')>Admin</option>
                        <option value="front" @selected($file === 'front')>Front</option>
                        <option value="labels" @selected($file === 'labels')>Labels</option>
                        <option value="navbar" @selected($file === 'navbar')>Navbar</option>
                    </select>
                </div>

                <div class="col-md-4">
                    <button class="btn btn-primary w-100">
                        {{ __('admin.load') }}
                    </button>
                </div>

            </div>
        </div>
    </form>

    <form method="POST" action="{{route('translations.update') }}">
        @csrf

        <input type="hidden" name="language" value="{{ $language }}">
        <input type="hidden" name="file" value="{{ $file }}">

        <div class="card">
            <div class="card-header">
                <strong>{{ strtoupper($language) }} / {{ $file }}.php</strong>
            </div>

            <div class="card-body">

                <div class="table-responsive">
                    <table class="table table-bordered align-middle">
                        <thead>
                            <tr>
                                <th style="width: 30%;">{{ __('admin.key') }}</th>
                                <th>{{ __('admin.value') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($translations as $key => $value)
                                <tr>
                                    <td>
                                        <code>{{ $key }}</code>
                                    </td>
                                    <td>
                                        <textarea
                                            name="translations[{{ $key }}]"
                                            rows="2"
                                            class="form-control @if(empty($value)) border-danger @endif"
                                        >{{ $value }}</textarea>

                                        @if(empty($value))
                                            <small class="text-danger">
                                                {{ __('admin.translation_empty') }}
                                            </small>
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="2" class="text-center text-muted">
                                        {{ __('admin.no_translations_found') }}
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

            </div>

            <div class="card-footer text-end">
                <button class="btn btn-success">
                    {{ __('admin.save_changes') }}
                </button>
            </div>
        </div>
    </form>

</div>
@endsection