@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>
        <a href="{{ route('translations.index') }}" class="btn btn-outline-primary btn-sm">{{ __('admin.translation_file') }}</a>
    </div>
    @if(session('success')) <div class="alert alert-success">{{ session('success') }}</div> @endif
    <form method="POST" action="{{ route('admin.localization.update') }}" class="card shadow-sm">
        @csrf
        <div class="card-body table-responsive">
            <table class="table table-bordered align-middle">
                <thead class="table-light"><tr><th>Key</th><th>English</th><th>Pashto</th><th>Dari</th></tr></thead>
                <tbody>
                @forelse($rows ?? [] as $key => $row)
                    <tr>
                        <td><code>{{ $key }}</code></td>
                        <td><textarea name="labels[{{ $key }}][en]" class="form-control" rows="2">{{ $row['en'] ?? '' }}</textarea></td>
                        <td><textarea name="labels[{{ $key }}][ps]" class="form-control" rows="2" dir="rtl">{{ $row['ps'] ?? '' }}</textarea></td>
                        <td><textarea name="labels[{{ $key }}][fa]" class="form-control" rows="2" dir="rtl">{{ $row['fa'] ?? '' }}</textarea></td>
                    </tr>
                @empty
                    <tr><td colspan="4" class="text-center text-muted p-4">{{ __('admin.no_records_found') }}</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
        <div class="card-footer text-end"><button class="btn btn-success">{{ __('admin.save_changes') }}</button></div>
    </form>
</div>
@endsection