{% extends "partial/layout.html.twig" %}

{% block title %}{{ t("report_abuse_page_name", "Report Abuse") }}{% endblock %}
{% block description %}{{ t("report_abuse_meta_description", "Report Abuse or Copyright Infringement") }}{% endblock %}
{% block keywords %}{{ t("report_abuse_meta_keywords", "report, abuse, copyright, infringement, file, hosting") }}{% endblock %}

{% block body %}
    <section>
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1>{{ t("report_abuse_page_name", "Report Abuse") }}</h1>
                    <hr>
                </div>
            </div>
            <div class="row justify-content-between">
                <div class="col-md-9">
                    {% if msg_page_errors is defined %}
                    <div class="alert bg--error">
                        <div class="alert__body"><i class="fa fa-exclamation-triangle color--error"></i>&nbsp;&nbsp;{% if msg_page_errors is defined %}{{ msg_page_errors|join('. ') }}{% endif %}</div>
                    </div>
                    {% elseif msg_page_successes is defined %}
                    <div class="alert bg--success">
                        <div class="alert__body"><i class="fa fa-check color--success"></i>&nbsp;&nbsp;{% if msg_page_successes is defined %}{{ msg_page_successes|join('. ') }}{% endif %}</div>
                    </div>
                    {% endif %}
                    
                    <p>{{ t("report_file_intro", "Please use the following form to report any copyright infringements ensuring you supply all the following information") }}</p>
                    
                    <form method="post" role="form" action="{{ CORE_SITE_PATH }}/report_file" autocomplete="off">
                        <!-- fix for chrome auto complete not working -->
                        <input style="display:none"><input type="password" style="display:none">
                        <div class="row">
                            <div class="col-md-12">
                                <span>{{ t('report_file_full_file_url', 'Full file url') }}:</span>
                                <input name="fileUrl" id="fileUrl" type="text" value="{{ fileUrl }}" placeholder="" autofocus autocomplete="off" required="required"/>
                            </div>
                            <div class="col-md-12">
                                <span>{{ t('report_file_description_of_the_works', 'Description of the copyrighted works and supporting information') }}:</span>
                                <textarea name="otherInformation" id="otherInformation" autocomplete="off" required="required">{{ otherInformation }}</textarea>
                            </div>
                            <div class="col-md-6">
                                <span>{{ t('report_file_your_name', 'Your name') }}:</span>
                                <input name="reportedByName" id="reportedByName" value="{{ reportedByName }}" type="text" autocomplete="off" required="required"/>
                            </div>
                            <div class="col-md-6">
                                <span>{{ t('report_file_email_address', 'Email address') }}:</span>
                                <input name="reportedByEmail" id="reportedByEmail" value="{{ reportedByEmail }}" type="email" autocomplete="off" required="required"/>
                            </div>
                            <div class="col-md-6">
                                <span>{{ t('report_file_postal_address', 'Postal address') }}:</span>
                                <input name="reportedByAddress" id="reportedByAddress" value="{{ reportedByAddress }}" type="text" autocomplete="off" required="required"/>
                            </div>
                            <div class="col-md-6">
                                <span>{{ t('report_file_phone_number', 'Phone number') }}:</span>
                                <input name="reportedByTelephoneNumber" id="reportedByTelephoneNumber" value="{{ reportedByTelephoneNumber }}" type="tel" autocomplete="off" required="required"/>
                            </div>

                            <div class="col-md-12">
                                <span>{{ t('report_file_electronic_signature_of_the_copyright', 'Electronic signature of the copyright owner or the person authorized to act on its behalf') }}:</span>
                                <input name="digitalSignature" id="digitalSignature" value="{{ digitalSignature }}" type="text" autocomplete="off" required="required"/>
                            </div>
                            
                            <div class="col-md-9">
                                <span><strong>{{ t('report_file_confirm_1', 'Confirm 1') }}:</strong> {{ t('report_file_you_have_a_good_faith_belief', 'You have a good faith belief that use of the material in the manner complained of is not authorized by the copyright owner, its agent, or the law.') }}</span>
                            </div>
                            <div class="col-md-3">
                                <select id="confirm1" name="confirm1">
                                    {% for k,confirmOption in confirmOptions %}
                                        <option value="{{ k }}" {{ (confirm1 == k) ? 'SELECTED' : '' }}>{{ confirmOption }}</option>
                                    {% endfor %}
                                </select>
                            </div>

                            <div class="col-md-9">
                                <span><strong>{{ t('report_file_confirm_2', 'Confirm 2') }}:</strong> {{ t('report_file_the_information_in_this_noticiation', 'The information in the notification is accurate, and, under the pains and penalties of perjury, that you are authorized to act on behalf of the copyright owner.') }}</span>
                            </div>
                            <div class="col-md-3">
                                <select id="confirm2" name="confirm2">
                                    {% for k,confirmOption in confirmOptions %}
                                        <option value="{{ k }}" {{ (confirm2 == k) ? 'SELECTED' : '' }}>{{ confirmOption }}</option>
                                    {% endfor %}
                                </select>
                            </div>

                            {% if SITE_CONFIG_CAPTCHA_REPORT_FILE_FORM == 'yes' %}
                            <div class="col-md-12 mt-3">
                                <div class="input-group" style="display: block; overflow: hidden;">
                                    <span>{{ t('report_captcha', 'Confirm you are not a robot') }}:</span>
                                    {{ CoreHelper.outputCaptcha()|raw }}
                                </div>
                            </div>
                            {% endif %}
                            
                            <div class="col-md-5 col-lg-4"><br/>
                                <button class="btn btn--primary type--uppercase" type="submit">{{ t("submit_report", "submit report")|title }}</button>
                            </div>
                        </div>
                        <input type="hidden" value="1" name="submitme"/>
                    </form>
                </div>
                <div class="col-md-3 text-center">
                    <img alt="Image" src="{{ theme.getFrontendImagePath() }}/report-banner.png"/>
                </div>
            </div>
        </div>
    </section>
{% endblock %}