<div class="bg-white rounded-lg border border-gray-200 p-6">
    <h2 class="text-xl font-bold text-gray-900 mb-4">{{ __('help.topic_jobs') }}</h2>

    <div class="prose prose-sm max-w-none text-gray-700 space-y-4">
        <h3 class="text-lg font-semibold text-gray-800">{{ __('help.jobs_workflow_title') }}</h3>
        <p>{{ __('help.jobs_workflow_text') }}</p>

        <h3 class="text-lg font-semibold text-gray-800">{{ __('help.jobs_types_title') }}</h3>
        <p>{{ __('help.jobs_types_text', ['app_name' => brand()]) }}</p>

        <h3 class="text-lg font-semibold text-gray-800">{{ __('help.jobs_manual_title') }}</h3>
        <p>{{ __('help.jobs_manual_text') }}</p>

        <h3 class="text-lg font-semibold text-gray-800">{{ __('help.jobs_photos_title') }}</h3>
        <p>{{ __('help.jobs_photos_text') }}</p>

        <h3 class="text-lg font-semibold text-gray-800">{{ __('help.jobs_weather_title') }}</h3>
        <p>{{ __('help.jobs_weather_text', ['app_name' => brand()]) }}</p>

        <h3 class="text-lg font-semibold text-gray-800">{{ __('help.jobs_gps_title') }}</h3>
        <p>{{ __('help.jobs_gps_text') }}</p>
    </div>
</div>
