{{-- resources/views/components/admin/translation-help.blade.php --}}
<div class="card">
    <div class="card-header">
        <h5 class="card-title mb-0">
            <i class="ri-question-line me-2"></i>{{ __('admin/components.translation_help.title') }}
        </h5>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-lg-12">
                <div class="mb-5">
                    <h5 class="mt-3 mb-4 text-decoration-underline"><i class="ri-book-line me-2"></i> {{ __('admin/components.translation_help.basic_usage.title') }}</h5>
                    <ul class="list-unstyled">
                        <li class="mb-2">
                            <i class="ri-check-line text-success me-2"></i>
                            <strong>{{ __('admin/components.translation_help.basic_usage.create_file') }}</strong> {{ __('admin/components.translation_help.basic_usage.create_file_desc') }}
                        </li>
                        <li class="mb-2">
                            <i class="ri-check-line text-success me-2"></i>
                            <strong>{{ __('admin/components.translation_help.basic_usage.add_keys') }}</strong> {{ __('admin/components.translation_help.basic_usage.add_keys_desc') }}
                        </li>
                        <li class="mb-2">
                            <i class="ri-check-line text-success me-2"></i>
                            <strong>{{ __('admin/components.translation_help.basic_usage.save') }}</strong> {{ __('admin/components.translation_help.basic_usage.save_desc') }}
                        </li>
                    </ul>
                </div>

                <div class="mb-4">
                    <h5 class="mt-3 mb-4 text-decoration-underline"><i class="ri-code-line me-2"></i>{{ __('admin/components.translation_help.naming_convention.title') }}</h5>
                    <div class="table-responsive">
                        <table class="table table-sm">
                            <thead>
                                <tr>
                                    <th>{{ __('admin/components.translation_help.naming_convention.type') }}</th>
                                    <th>{{ __('admin/components.translation_help.naming_convention.example') }}</th>
                                    <th>{{ __('admin/components.translation_help.naming_convention.usage') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td><code>auth.php</code></td>
                                    <td><code>login_required</code></td>
                                    <td>{{ __('admin/components.translation_help.naming_convention.authentication') }}</td>
                                </tr>
                                <tr>
                                    <td><code>validation.php</code></td>
                                    <td><code>required</code></td>
                                    <td>{{ __('admin/components.translation_help.naming_convention.error_messages') }}</td>
                                </tr>
                                <tr>
                                    <td><code>admin/general.php</code></td>
                                    <td><code>dashboard.title</code></td>
                                    <td>{{ __('admin/components.translation_help.naming_convention.admin_interface') }}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

                <div>
                    <h5 class="mt-3 mb-4 text-decoration-underline"><i class="ri-lightbulb-line me-2"></i>{{ __('admin/components.translation_help.best_practices.title') }}</h5>

                    <div class="alert alert-info">
                        <strong>{{ __('admin/components.translation_help.best_practices.good_practices') }}</strong>
                        <ul class="mb-0 mt-2">
                            <li>{{ __('admin/components.translation_help.best_practices.descriptive_keys') }} <code>user.profile.edit_title</code></li>
                            <li>{{ __('admin/components.translation_help.best_practices.group_by_feature') }} <code>admin/users.php</code></li>
                            <li>{{ __('admin/components.translation_help.best_practices.avoid_special_chars') }}</li>
                            <li>{{ __('admin/components.translation_help.best_practices.test_translations') }}</li>
                        </ul>
                    </div>

                    <div class="alert alert-warning">
                        <strong>{{ __('admin/components.translation_help.best_practices.warning') }}</strong>
                        <ul class="mb-0 mt-2">
                            <!-- <li>{{ __('admin/components.translation_help.best_practices.auto_save') }}</li> -->
                            <li>{{ __('admin/components.translation_help.best_practices.check_all_languages') }}</li>
                            <li>{{ __('admin/components.translation_help.best_practices.dont_delete_used_keys') }}</li>
                            <li>{{ __('admin/components.translation_help.best_practices.translations_with_keys_in_code') }} <code>ex: "Hello :name"</code></li>
                        </ul>
                    </div>

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