{% extends "base.html" %} {% block title %}{% trans %}Report An Issue | OnlineConvert.cc{% endtrans %}{% endblock %} {% block description %}{% trans %}Report PAGE{% endtrans %}{% endblock %}

{% block content %}
<script src='https://www.google.com/recaptcha/api.js'></script>

<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
    <div class="prose dark:prose-invert max-w-none mb-8">
        <h1 class="text-3xl font-bold text-gray-900 dark:text-white mb-4">{% trans %}Report An Issue{% endtrans %}</h1>

        <h2 class="text-xl font-semibold mt-6 mb-3">{% trans %}Introduction of OnlineConvert{% endtrans %}</h2>
        <p>{% trans %}Converting files from one format to another can be a useful and efficient way to manage digital content. Whether it's converting an image from JPG to BMP, a document from DOC to PDF, or a video from MP4 to AVI, file conversion tools are widely used by individuals and businesses alike. However, sometimes users may encounter issues during the conversion process, such as errors, incomplete conversions, or other unexpected results. Here we will explore how to effectively use the Report Tool to report conversion issues and provide the necessary information to troubleshoot and resolve the problems.{% endtrans %}</p>
    </div>

    <div class="text-center mb-8">
        <h3 class="text-xl font-bold text-gray-900 dark:text-white">{% trans %}How Can We Help?{% endtrans %}</h3>
    </div>

    <div class="max-w-md mx-auto mb-12">
        {% if success_message %}
        <div class="flex items-center gap-3 p-4 rounded-xl bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 text-green-700 dark:text-green-300 mb-6">
            <i class="fa fa-check-circle"></i> {% trans %}Message successfully sent!{% endtrans %}
        </div>
        {% endif %}

        <form method="post" action="{{ full_url('/report') }}" class="space-y-4">
            <div>
                <input type="text" id="name" name="name" placeholder="{% trans %}Your Name Here{% endtrans %}" required
                    class="w-full px-4 py-3 rounded-xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 text-gray-700 dark:text-gray-300 placeholder-gray-400 dark:placeholder-gray-500 focus:ring-2 focus:ring-primary/50 focus:border-primary dark:focus:border-primary-light outline-none transition-all text-sm">
            </div>
            <div>
                <input type="email" id="email" name="email" placeholder="{% trans %}Email Address{% endtrans %}" required
                    class="w-full px-4 py-3 rounded-xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 text-gray-700 dark:text-gray-300 placeholder-gray-400 dark:placeholder-gray-500 focus:ring-2 focus:ring-primary/50 focus:border-primary dark:focus:border-primary-light outline-none transition-all text-sm">
            </div>
            <div>
                <textarea id="message" name="message" placeholder="{% trans %}Type Your Message Here{% endtrans %}" rows="8" required
                    class="w-full px-4 py-3 rounded-xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 text-gray-700 dark:text-gray-300 placeholder-gray-400 dark:placeholder-gray-500 focus:ring-2 focus:ring-primary/50 focus:border-primary dark:focus:border-primary-light outline-none transition-all text-sm resize-none"></textarea>
            </div>
            <div>
                <div class="g-recaptcha" data-sitekey="{{ sitekey }}"></div>
            </div>
            <input type="hidden" name="g-recaptcha-response" id="g-recaptcha-response">
            {{ recaptcha }}
            {% if captcha %}
            <div class="flex items-center gap-3 p-4 rounded-xl bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 text-yellow-700 dark:text-yellow-300">
                <i class="fa fa-triangle-exclamation"></i> {% trans %}Captcha Issue!{% endtrans %}
            </div>
            {% endif %}
            <div>
                <button type="submit" class="inline-flex items-center gap-2 px-8 py-3 rounded-xl bg-accent hover:bg-accent-dark text-white font-semibold shadow-lg shadow-accent/30 hover:shadow-xl transition-all duration-300">
                    <i class="fa fa-paper-plane"></i> {% trans %}Send{% endtrans %}
                </button>
            </div>
        </form>

        {% with messages = get_flashed_messages() %}{% for msg in messages %}<script>window._oc_flash=window._oc_flash||[];window._oc_flash.push({cat:"info",msg:{{ msg|tojson }}});</script>{% endfor %}{% endwith %}
    </div>

    <div class="prose dark:prose-invert max-w-none">
        <h2 class="text-xl font-semibold mt-8 mb-3">{% trans %}Report Tool{% endtrans %}</h2>
        <p>{% trans report_url=full_url('/terms') %}The Report Tool is a feature that allows users to report issues they encounter while using a file conversion service. It serves as a communication channel between the users and the service provider, enabling users to provide feedback, report problems, and seek assistance in resolving conversion issues. You can find Report Tool in <a href="{{ report_url }}" class="text-primary dark:text-primary-light hover:underline">Contact Us</a> Page.{% endtrans %}</p>

        <h2 class="text-xl font-semibold mt-8 mb-3">{% trans %}Selecting "Report an Issue"{% endtrans %}</h2>
        <p>{% trans %}The first step in using the Report Tool is to select the option "Report an Issue" from the available options.{% endtrans %}</p>

        <h2 class="text-xl font-semibold mt-8 mb-3">{% trans %}Filling in Name, Email, and Message{% endtrans %}</h2>
        <p>{% trans %}Once the user selects "Report an Issue," they are usually prompted to provide their name, email address, and a message that describes the issue they are facing.{% endtrans %}</p>

        <h2 class="text-xl font-semibold mt-8 mb-3">{% trans %}Tips for Using the Report Tool{% endtrans %}</h2>
        <ul class="list-disc list-inside space-y-2">
            <li>{% trans %}Be specific - Provide a detailed description of the issue.{% endtrans %}</li>
            <li>{% trans %}Include examples - If possible, provide screenshots or examples.{% endtrans %}</li>
            <li>{% trans %}Check for user error - Before reporting, double-check your inputs.{% endtrans %}</li>
            <li>{% trans %}Be polite and professional in your communication.{% endtrans %}</li>
            <li>{% trans %}Provide accurate contact information.{% endtrans %}</li>
            <li>{% trans %}Be patient - Resolving technical issues may take time.{% endtrans %}</li>
        </ul>

        <h2 class="text-xl font-semibold mt-8 mb-3">{% trans %}Final Thoughts{% endtrans %}</h2>
        <p>{% trans %}The Report Tool is a valuable resource for users who encounter issues while using a file conversion service. Remember that timely and accurate reporting of issues can benefit not only the individual user but also the file conversion service provider.{% endtrans %}</p>
    </div>
</div>
{% endblock %}