@extends('admin.layouts.app')

@section('content')
<div class="row">
    <div class="col-xl-12">
        <div class="page-title-box d-sm-flex align-items-center justify-content-between bg-galaxy-transparent">
            <h4 class="mb-sm-0">{{ __('admin/settings.page_title') }}</h4>
            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="javascript: void(0);">{{ __('admin/settings.breadcrumb.administration') }}</a></li>
                    <li class="breadcrumb-item active">{{ __('admin/settings.breadcrumb.settings') }}</li>
                </ol>
            </div>
        </div>

        <!-- Cards principale -->
        <div class="row">
            <!-- Configuration générale -->
            <div class="col-lg-6">
                <div class="card h-100">
                    <div class="card-header">
                        <div class="d-flex align-items-center">
                            <div class="avatar-sm me-3">
                                <span class="avatar-title rounded-circle bg-primary-subtle text-primary">
                                    <i class="ri-settings-3-line"></i>
                                </span>
                            </div>
                            <h5 class="card-title mb-0">{{ __('admin/settings.general_config.title') }}</h5>
                        </div>
                    </div>
                    <div class="card-body">
                        <p class="text-muted mb-4">
                            {{ __('admin/settings.general_config.description') }}
                        </p>
                        
                        <div class="d-flex flex-column gap-3">
                            <div class="d-flex align-items-center">
                                <div class="avatar-xs me-3">
                                    <span class="avatar-title rounded-circle bg-success-subtle text-success">
                                        <i class="ri-building-line"></i>
                                    </span>
                                </div>
                                <div>
                                    <h6 class="mb-0">{{ __('admin/settings.general_config.company_info.title') }}</h6>
                                    <small class="text-muted">{{ __('admin/settings.general_config.company_info.description') }}</small>
                                </div>
                            </div>
                            
                            <div class="d-flex align-items-center">
                                <div class="avatar-xs me-3">
                                    <span class="avatar-title rounded-circle bg-info-subtle text-info">
                                        <i class="ri-code-line"></i>
                                    </span>
                                </div>
                                <div>
                                    <h6 class="mb-0">{{ __('admin/settings.general_config.system_vars.title') }}</h6>
                                    <small class="text-muted">{{ __('admin/settings.general_config.system_vars.description') }}</small>
                                </div>
                            </div>
                        </div>
                        
                        <div class="mt-4">
                            <a href="{{ route('admin.settings.config') }}" class="btn btn-primary">
                                <i class="ri-settings-line me-1"></i>{{ __('admin/settings.general_config.manage_config') }}
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Traductions -->
            <div class="col-lg-6">
                <div class="card h-100">
                    <div class="card-header">
                        <div class="d-flex align-items-center">
                            <div class="avatar-sm me-3">
                                <span class="avatar-title rounded-circle bg-success-subtle text-success">
                                    <i class="ri-translate-2"></i>
                                </span>
                            </div>
                            <h5 class="card-title mb-0">{{ __('admin/settings.translations_title') }}</h5>
                        </div>
                    </div>
                    <div class="card-body">
                        <p class="text-muted mb-4">
                            {{ __('admin/settings.translations.description') }}
                        </p>
                        
                        <div class="d-flex flex-column gap-3">
                            <div class="d-flex align-items-center">
                                <div class="avatar-xs me-3">
                                    <span class="avatar-title rounded-circle bg-warning-subtle text-warning">
                                        <i class="ri-global-line"></i>
                                    </span>
                                </div>
                                <div>
                                    <h6 class="mb-0">{{ __('admin/settings.translations.available_langs.title') }}</h6>
                                    <small class="text-muted">
                                        @foreach(config('translatable.locales', ['fr']) as $locale)
                                            <span class="badge bg-primary-subtle text-primary me-1">{{ strtoupper($locale) }}</span>
                                        @endforeach
                                    </small>
                                </div>
                            </div>
                            
                            <div class="d-flex align-items-center">
                                <div class="avatar-xs me-3">
                                    <span class="avatar-title rounded-circle bg-danger-subtle text-danger">
                                        <i class="ri-file-text-line"></i>
                                    </span>
                                </div>
                                <div>
                                    <h6 class="mb-0">{{ __('admin/settings.translations.files.title') }}</h6>
                                    <small class="text-muted">{{ __('admin/settings.translations.files.description') }}</small>
                                </div>
                            </div>
                        </div>
                        
                        <div class="mt-4">
                            <a href="{{ route('admin.settings.translations') }}" class="btn btn-success">
                                <i class="ri-translate-line me-1"></i>{{ __('admin/settings.translations.manage_translations') }}
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Informations système -->
        <div class="row mt-4">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-header">
                        <h5 class="card-title mb-0">
                            <i class="ri-information-line me-2"></i>{{ __('admin/settings.system_info.title') }}
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="table-responsive">
                                    <table class="table table-sm">
                                        <tbody>
                                            <tr>
                                                <td class="text-muted">{{ __('admin/settings.system_info.php_version') }}</td>
                                                <td><span class="badge bg-info-subtle text-info">{{ PHP_VERSION }}</span></td>
                                            </tr>
                                            <tr>
                                                <td class="text-muted">{{ __('admin/settings.system_info.laravel_version') }}</td>
                                                <td><span class="badge bg-success-subtle text-success">{{ app()->version() }}</span></td>
                                            </tr>
                                            <tr>
                                                <td class="text-muted">{{ __('admin/settings.system_info.environment') }}</td>
                                                <td>
                                                    <span class="badge bg-{{ app()->environment('production') ? 'danger' : 'warning' }}-subtle text-{{ app()->environment('production') ? 'danger' : 'warning' }}">
                                                        {{ strtoupper(app()->environment()) }}
                                                    </span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="text-muted">{{ __('admin/settings.system_info.debug_mode') }}</td>
                                                <td>
                                                    <span class="badge bg-{{ config('app.debug') ? 'warning' : 'success' }}-subtle text-{{ config('app.debug') ? 'warning' : 'success' }}">
                                                        {{ config('app.debug') ? __('admin/settings.system_info.status.enabled') : __('admin/settings.system_info.status.disabled') }}
                                                    </span>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="table-responsive">
                                    <table class="table table-sm">
                                        <tbody>
                                            <tr>
                                                <td class="text-muted">{{ __('admin/settings.system_info.timezone') }}</td>
                                                <td>{{ config('app.timezone') }}</td>
                                            </tr>
                                            <tr>
                                                <td class="text-muted">{{ __('admin/settings.system_info.configured_langs') }}</td>
                                                <td>
                                                    @foreach(config('translatable.locales', ['fr']) as $locale)
                                                        <span class="badge bg-primary-subtle text-primary me-1">{{ strtoupper($locale) }}</span>
                                                    @endforeach
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="text-muted">{{ __('admin/settings.system_info.default_lang') }}</td>
                                                <td><span class="badge bg-primary-subtle text-primary">{{ strtoupper(env('APP_LOCALE')) }}</span></td>
                                            </tr>
                                            <tr>
                                                <td class="text-muted">{{ __('admin/settings.system_info.config_cache') }}</td>
                                                <td>
                                                    <span class="badge bg-{{ app()->configurationIsCached() ? 'success' : 'warning' }}-subtle text-{{ app()->configurationIsCached() ? 'success' : 'warning' }}">
                                                        {{ app()->configurationIsCached() ? __('admin/settings.system_info.status.enabled') : __('admin/settings.system_info.status.disabled') }}
                                                    </span>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Actions rapides -->
        <div class="row mt-4">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-header">
                        <h5 class="card-title mb-0">
                            <i class="ri-tools-line me-2"></i>{{ __('admin/settings.quick_actions.title') }}
                        </h5>
                    </div>
                    <div class="card-body">
    <div class="d-flex flex-wrap align-items-center gap-2">
        <button type="button" class="btn btn-outline-primary" id="clearcache" onclick="clearCache()">
            <i class="ri-refresh-line me-1"></i>{{ __('admin/settings.quick_actions.clear_cache') }}
        </button>
        <p class="text-muted mb-0">
            {{ __('admin/settings.quick_actions.clear_cache_description') }}
        </p>
    </div>
</div>

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

<!-- Modal de confirmation -->
<x-admin.confirm-modal
    modal-id="confirmAction"
    title="{{ __('admin/settings.actions.confirm') }}"
    message="{{ __('admin/settings.quick_actions.confirmations.clear_cache.message') }}"
    confirm-text="{{ __('admin/settings.actions.confirm') }}"
    cancel-text="{{ __('admin/settings.actions.cancel') }}"
    type="warning" />

<!-- Composant toast global -->
<x-admin.toast-messages />
@endsection

@push('script')
<script>
function setLoading(btn, loading, loadingText) {
    if (!btn) return;
    if (loading) {
        btn.dataset.originalHtml = btn.innerHTML;
        btn.disabled = true;
        btn.innerHTML = `
            <span class="spinner-border spinner-border-sm me-2" role="status" aria-hidden="true"></span>
            ${loadingText}
        `;
    } else {
        btn.disabled = false;
        if (btn.dataset.originalHtml) {
            btn.innerHTML = btn.dataset.originalHtml;
        }
    }
}

function clearCache() {
    showConfirmModal({
        modalId: 'confirmAction',
        title: @json(__('admin/settings.quick_actions.confirmations.clear_cache.title')),
        message: @json(__('admin/settings.quick_actions.confirmations.clear_cache.message')),
        confirmText: @json(__('admin/settings.quick_actions.confirmations.clear_cache.confirm')),
    }).then(() => {
        // Récupérer le bouton directement dans le DOM
        const btn = document.getElementById('clearcache');

        setLoading(btn, true, @json(__('Vidage du cache...')));

        fetch("{{ route('admin.settings.clear-cache') }}", {
            method: 'POST',
            headers: {
                'X-CSRF-TOKEN': '{{ csrf_token() }}',
                'Accept': 'application/json'
            }
        })
        .then(res => res.json())
        .then(data => {
            if (data.status === 'success') {
                showToast(@json(__('admin/settings.quick_actions.success.cache_cleared')), 'success');
            } else {
                showToast(@json(__('Une erreur est survenue lors du vidage du cache')), 'error');
            }
        })
        .catch(() => {
            showToast(@json(__('Une erreur est survenue lors du vidage du cache')), 'error');
        })
        .finally(() => {
            setLoading(btn, false);
        });
    });
}


</script>
@endpush