@extends('admin.layouts.app')

@section('title', $title)

@section('content')
    <div class="col-md-12">
        <!-- Page Heading -->
        <div class="row mb-3">
            <h4 class="c-grey-900 mT-10 mB-30">
                {{$title}} 
                <a class="btn btn-primary" href="{{route('ch-admin.language.create')}}">Add New</a> 
                <a class="btn btn-primary" href="{{route('ch-admin.phrases.sync')}}">Sync / Update Translations</a>
                <button type="button" class="btn btn-danger" onclick="confirmResetAllLanguages()">
                    <i class="fa fa-refresh"></i> Reset ALL Languages ({{ setting('site_theme', 'default') }})
                </button>
            </h4>
        </div>

        <!-- Languages Table -->
        <div class="row">
            <div class="bgc-white bd bdrs-3 p-20 mB-20">
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <th class="col">ID</th>
                            <th>Name</th>
                            <th>Locale</th>
                            <th>Enabled</th>
                            <th>Default</th>
                            <th>Edit Phrases</th>
                            <th>Edit</th>
                            <th>Reset</th>
                            <th>Delete</th>
                        </tr>
                        </thead>
                        <tbody>
                        @forelse($languages as $language)
                            <tr>
                                <th scope="row">{{$language->id}}</th>
                                <td>{{$language->name}}</td>
                                <td>{{$language->locale}}</td>
                                <td>
                                    <form action="{{ route('ch-admin.language.update', $language->id) }}" method="POST">
                                        @csrf
                                        @method('PATCH')

                                        @if ($language->default)
                                            <span class="label label-warning">Default language.</span>
                                        @elseif ($language->enabled)
                                            <input type="hidden" name="enabled" value="0">
                                            <button type="submit" class="btn btn-sm btn-secondary" {{ $language->default == 1 ? 'disabled' : '' }}>Disable</button>
                                        @else
                                            <input type="hidden" name="enabled" value="1">
                                            <button type="submit" class="btn btn-sm btn-info">Enable</button>
                                        @endif
                                    </form>
                                </td>
                                <td>
                                    @if ($language->default == 1)
                                        <span class="label label-success">Default Language</span>
                                    @elseif ($language->enabled)
                                        <form action="{{ route('ch-admin.language.update', $language->id) }}" method="POST">
                                            @method('PATCH')
                                            @csrf
                                            <input type="hidden" name="default" value="1">
                                            <button class="btn btn-sm btn-info">Set as Default</button>
                                        </form>
                                    @else
                                        <span class="label label-warning">Language not enabled.</span>
                                    @endif
                                </td>
                                <td>
                                    <a href="{{route('ch-admin.phrases.edit', [$language->id])}}" class="btn btn-sm btn-info">Edit</a>
                                </td>
                                <td>
                                    <a href="{{route('ch-admin.language.edit', [$language->id])}}" class="btn btn-sm btn-info">Edit</a>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-sm btn-warning" onclick="confirmResetLanguage({{$language->id}}, '{{$language->name}}')">
                                        <i class="fa fa-refresh"></i> Reset
                                    </button>
                                </td>
                                <td>
                                    @if ($language->id != 1)
                                        <form action="{{ route('ch-admin.language.destroy', $language->id) }}" method="POST" onsubmit="return confirm('Are you sure you want to delete this language?');">
                                            @method('DELETE')
                                            @csrf
                                            <button class="btn btn-sm btn-danger">Delete</button>
                                        </form>
                                    @else
                                        <span class="label label-warning">Cannot be deleted.</span>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="9">No languages found.</td>
                            </tr>
                        @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Reset to Default Form (hidden) -->
    <form id="resetToDefaultForm" action="{{route('ch-admin.language.reset-to-default')}}" method="POST" style="display:none;">
        @csrf
    </form>
@endsection

@push('scripts')
<script>
// Reset all languages (from top button)
async function confirmResetAllLanguages() {
    const activeTheme = '{{ setting("site_theme", "default") }}';
    
    try {
        // Fetch phrase count
        const response = await fetch("{{route('ch-admin.language.reset-phrase-count')}}");
        const data = await response.json();
        
        const breakdown = data.breakdown.join('\n• ');
        const message = `⚠️⚠️⚠️ CRITICAL WARNING ⚠️⚠️⚠️\n\nThis will DELETE ALL customized translations for ALL LANGUAGES in the "${activeTheme}" theme!\n\nTotal phrases to delete: ${data.count}\n\nBreakdown:\n• ${breakdown}\n\nThis action CANNOT be undone!\n\nAre you ABSOLUTELY sure?`;
        
        if (confirm(message)) {
            document.getElementById('resetToDefaultForm').submit();
        }
    } catch (error) {
        console.error('Error fetching phrase count:', error);
        // Fallback to basic confirmation
        const message = `⚠️⚠️⚠️ CRITICAL WARNING ⚠️⚠️⚠️\n\nThis will DELETE ALL customized translations for ALL LANGUAGES in the "${activeTheme}" theme!\n\nThis action CANNOT be undone!\n\nAre you ABSOLUTELY sure?`;
        if (confirm(message)) {
            document.getElementById('resetToDefaultForm').submit();
        }
    }
}

// Reset specific language (from row button)
async function confirmResetLanguage(langId, langName) {
    const activeTheme = '{{ setting("site_theme", "default") }}';
    
    try {
        // Fetch phrase count for this language
        const response = await fetch("{{route('ch-admin.language.reset-phrase-count', ['lang_id' => '__LANG_ID__'])}}".replace('__LANG_ID__', langId));
        const data = await response.json();
        
        const message = `⚠️ WARNING: This will DELETE all customized translations for "${langName}" in the "${activeTheme}" theme.\n\nPhrases to delete: ${data.count}\n\nThis action CANNOT be undone!\n\nAre you sure you want to reset ${langName}?`;
        
        if (confirm(message)) {
            // Update form action to include language ID
            const form = document.getElementById('resetToDefaultForm');
            form.action = "{{route('ch-admin.language.reset-to-default', ['lang_id' => '__LANG_ID__'])}}".replace('__LANG_ID__', langId);
            form.submit();
        }
    } catch (error) {
        console.error('Error fetching phrase count:', error);
        // Fallback to basic confirmation
        const message = `⚠️ WARNING: This will DELETE all customized translations for "${langName}" in the "${activeTheme}" theme.\n\nThis action CANNOT be undone!\n\nAre you sure you want to reset ${langName}?`;
        if (confirm(message)) {
            const form = document.getElementById('resetToDefaultForm');
            form.action = "{{route('ch-admin.language.reset-to-default', ['lang_id' => '__LANG_ID__'])}}".replace('__LANG_ID__', langId);
            form.submit();
        }
    }
}
</script>
@endpush