@extends('admin.layout.app')
@section('body')
<div class="container-fluid">
    <div class="d-flex flex-column flex-lg-row justify-content-between align-items-lg-center gap-3 mb-4">
        <div>
            <h4 class="mb-1">{{ ($scope ?? 'mis') === 'website' ? 'Website Translation Manager' : 'MIS Translation Manager' }}</h4>
            <p class="text-muted mb-0 small">{{ ($scope ?? 'mis') === 'website' ? 'Public website, portal, and public-facing label translations.' : 'Administrative, academic, finance, reports, and internal system label translations.' }}</p>
        </div>
        <div class="d-flex flex-wrap gap-2">
            <a href="{{ route('admin.localization.index', ['scope' => 'mis']) }}" class="btn btn-sm {{ ($scope ?? 'mis') === 'mis' ? 'btn-primary' : 'btn-outline-primary' }}">MIS Translation Manager</a>
            <a href="{{ route('admin.localization.index', ['scope' => 'website']) }}" class="btn btn-sm {{ ($scope ?? 'mis') === 'website' ? 'btn-primary' : 'btn-outline-primary' }}">Website Translation Manager</a>
            <a href="{{ route('translations.index') }}" class="btn btn-outline-secondary btn-sm">{{ __('admin.translation_file') }}</a>
        </div>
    </div>
    @if(session('success')) <div class="alert alert-success">{{ session('success') }}</div> @endif
    <form method="POST" action="{{ route('admin.localization.update', ['scope' => $scope ?? 'mis']) }}" 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