[% extra_js = [
    version('/js/contact.js')
] -%]
[% INCLUDE 'header.html',
    title = loc('Contact Us')
    robots = 'noindex,nofollow'
    bodyclass = 'twothirdswidthpage'
%]

[% INCLUDE 'about/_sidebar.html' %]

[% IF c.cobrand.moniker == 'fixmystreet' %]
<h1>FixMyStreet technical support</h1>
[% ELSE %]
<h1>[% loc('Contact the team') %]</h1>
[% END %]

<form method="post" action="/contact/submit" class="validate">
    <input type="hidden" name="token" value="[% csrf_token %]">
    <input type="hidden" name="s" value="[% s %]">
    <fieldset>
        [% INCLUDE 'errors.html' %]

        [% IF update %]

            <p>
            [% loc('You are reporting the following update for being abusive, containing personal information, or similar:') %]
            </p>

            <blockquote>
                <cite>
                    [% IF update.anonymous %]
                        [% tprintf( loc('Update below added anonymously at %s'), prettify_dt( update.confirmed ) ) %]
                    [% ELSE %]
                        [% tprintf( loc('Update below added by %s at %s'), update.name, prettify_dt( update.confirmed ) ) | html %]
                    [% END %]
                </cite>

                <p>
                    [%~ update.text | html ~%]
                </p>

            </blockquote>
            <input type="hidden" name="update_id" value="[% update.id %]">
            <input type="hidden" name="id" value="[% update.problem_id %]">

        [% ELSIF problem %]
            [% IF moderation_complaint %]
            <input type="hidden" name="m" value="[% moderation_complaint %]">
            <p>[% loc('You are complaining that this problem report was unnecessarily moderated:') %]</p>
            [% ELSE %]
            [% INCLUDE 'contact/unsuitable-text.html' %]
            [% END %]

            <blockquote>
                <h2>[% problem.title_safe | html %]</h2>

                <cite>
                    [% IF problem.anonymous %]
                        [% tprintf( loc('Reported anonymously at %s'), prettify_dt( problem.confirmed ) ) %]
                    [% ELSE %]
                        [% tprintf( loc('Reported by %s at %s'), problem.user.name, prettify_dt( problem.confirmed ) ) | html %]
                    [% END %]
                </cite>

                <p>
                    [%~ problem.detail | html ~%]
                </p>

            </blockquote>
            <input type="hidden" name="id" value="[% problem.id %]">

        [% ELSE %]

            [% INCLUDE 'contact/blurb.html' %]

        [% END %]

        [% INCLUDE 'contact/who.html' %]

        <label for="form_name">[% loc('Your name') %]</label>
        [% IF field_errors.name %]
           <div class="form-error">[% field_errors.name %]</div>
        [% END %]
        <input type="text" class="form-control required" name="name" id="form_name" value="[% form_name | html %]" size="30">

        <label for="form_email">[% loc('Your email') %]</label>
        [% IF field_errors.em %]
           <div class="form-error">[% field_errors.em %]</div>
        [% END %]
        <input type="text" class="form-control required email" name="em" id="form_email" value="[% em | html %]" size="30">

        <div class="form-group">
          <label for="form_phone">[% loc('Your phone number') %]</label>
          <span class="required-text required-text--optional">optional</span>
          <input type="text" class="form-control extra.phone" name="extra.phone" id="form_phone" value="" size="30">
        </div>

        <label for="form_subject">[% loc('Subject') %]</label>
        [% IF field_errors.subject %]
           <div class="form-error">[% field_errors.subject %]</div>
        [% END %]
        <input type="text" class="form-control required" name="subject" id="form_subject" value="[% subject | html %]" size="30">

        <label for="form_message">[% loc('Message') %]</label>
        [% IF field_errors.message %]
           <div class="form-error">[% field_errors.message %]</div>
        [% END %]
        <textarea class="form-control required" name="message" id="form_message" rows="7" cols="50">[% message | html %]</textarea>

        [% IF NOT problem AND NOT update %]
        <p>[% loc('If you are contacting us about a specific report or update please include a link to the report in the message.') %]</p>
        [% END %]


        <input class="final-submit green-btn" type="submit" value="[% loc('Send') %]">

    </fieldset>
</form>

[% TRY %]
    [% INCLUDE 'contact/_footer.html' %]
[% CATCH file %]
    <h4>[% loc("Don't like forms?") %]</h4>

    <p>
    [% tprintf( loc("You can contact technical support on <a href='mailto:%s'>%s</a>"), contact_email, contact_email) %]
    </p>
[% END %]

[% TRY %][% INCLUDE 'contact/address.html' %][% CATCH file %][% END %]

[% INCLUDE 'footer.html' pagefooter = 'yes' %]