{% extends "base.html" %}
{% load static %}

{% block title %}Project Submission | ArchDune{% endblock %}

{% block css %}
<link rel="stylesheet" href="{% static 'css/submit/submit.css' %}">
<link rel="stylesheet" href="{% static 'css/alert/style.css' %}" />
<link rel="stylesheet" href="{% static 'css/fellowship/social_media.css' %}" />
{% endblock css %}

{% block content %}

<div class="wro">

    <div class="lead">
        <div class="legal-stuff">
            <h3>Legal Terms</h3>
            <ul class="legal-all-content">
                <li>
                    <span class="legal-stuff-list">●</span>Please ensure that you
                    only submit content to us if you hold all intellectual property
                    rights to it. This means, for example, that you control the
                    content's copyright as well as any trademarks or design rights,
                    whether registered or unregistered. If you are doubtful, please
                    double-check your ownership of these rights. If someone reports
                    that they hold all or part of the intellectual property rights
                    in the content, we will investigate the allegation and, if
                    required, remove the content from our website. We may also seek
                    reimbursement from you.
                </li>
                <li>
                    <span class="legal-stuff-list">●</span>We are free to publish
                    content that you provide to us in whole or in part on this
                    website, any other site where we have publishing rights or by
                    any other means to allow third parties to similarly publish this
                    content where they do so in collaboration with us.
                </li>
                <li>
                    <span class="legal-stuff-list">●</span>We will not post any
                    content that is abusive, vulgar, unlawful, libelous, defamatory,
                    racial or factually incorrect.
                </li>
                <li>
                    <span class="legal-stuff-list">●</span>Remember that you are
                    solely responsible for all content you submit to us, and you
                    accept responsibility for any actions taken in response to the
                    content. Any comments and reviews posted by you or other users
                    on our website do not necessarily reflect our viewpoints, and we
                    are not responsible or accountable for any information
                    contributed by you or anyone else.
                </li>
                <li>
                    <span class="legal-stuff-list">●</span>By submitting us entries,
                    you acknowledge that you agree to these conditions.
                </li>
                <p>
                    Thank you for contributing to ArchDune's content. For further
                    queries email us
                    <span><a href="#" class="contact-web">{{site_config.email}}</a></span>. and check out our Facebook
                    page or LinkedIn page.
                </p>
            </ul>
        </div>
        <div class="submission">
            {% if messages %}
            <div class="messages">
                {% for message in messages %}
                <div class="alert {% if message.tags %}alert-{{ message.tags }}{% endif %}">
                    {{ message }}
                </div>
                {% endfor %}
            </div>
            {% endif %}

            <div class="submit-contanner">
                <form method="post" enctype="multipart/form-data" action="{% url 'projectapp:submission_create' %}">
                    {% csrf_token %}
                    {% if form.non_field_errors %}
                    <div class="alert alert-error">
                        {{ form.non_field_errors }}
                    </div>
                    {% endif %}
                    <fieldset id="vfb-legend2041">
                        <div class="vfb-legend">
                            <h3>
                                For large file, submit via email:
                                <b>{{site_config.email}}</b>
                            </h3>
                        </div>
                        <ul>
                            <li>
                                <label for="project">Do you want to </label>
                                <select name="submission_type" id="project" class="s25109">
                                    {% for value, text in form.fields.submission_type.choices %}
                                    <option value="{{ value }}" {% if form.submission_type.value == value %}selected{% endif %}>{{ text }}</option>
                                    {% endfor %}
                                </select>
                            </li>
                            <li>
                                <label for="projectTitle">Title (project name/article)
                                    <span class="input-requart-star">*</span>
                                </label>
                                <input type="text" name="project_title" id="projectTitle" class="s25110" value="{{ form.project_title.value|default:'' }}" required>
                                {{ form.project_title.errors }}
                            </li>
                            <li>
                                <label for="ProjectYear">Project Year
                                    <span class="input-requart-star">*</span>
                                </label>
                                <input type="text" name="project_year" id="ProjectYear" class="s25110" value="{{ form.project_year.value|default:'' }}" required>
                                {{ form.project_year.errors }}
                            </li>
                            <li>
                                <label for="Name">Your Name
                                    <span class="input-requart-star">*</span>
                                </label>
                                <input type="text" name="name" id="Name" class="s25110" value="{{ form.name.value|default:'' }}" required>
                                {{ form.name.errors }}
                            </li>
                            <li>
                                <label for="Email">Email <span class="input-requart-star">*</span></label>
                                <input type="email" name="email" id="Email" class="s25110" value="{{ form.email.value|default:'' }}" required>
                                {{ form.email.errors }}
                            </li>
                            <li>
                                <label for="Phone">Phone
                                    <span class="input-requart-star">*</span>
                                </label>
                                <span class="vfb-span">
                                    <input type="number" name="phone" id="Phone" class="s25110" value="{{ form.phone.value|default:'' }}" required>
                                    {{ form.phone.errors }}
                                </span>
                            </li>
            
                            <li>
                                <label for="Country">Country
                                    <span class="input-requart-star">*</span>
                                </label>
                                <span class="vfb-span">
                                    <input type="text" name="country" id="Country" class="s25110" value="{{ form.country.value|default:'' }}" required>
                                    {{ form.country.errors }}
                                </span>
                            </li>
                            <li>
                                <label for="Firm">Firm / Company / University
                                    <span class="input-requart-star">*</span>
                                </label>
                                <span class="vfb-span">
                                    <input type="text" name="firm_company_university" id="Firm" class="s25110" value="{{ form.firm_company_university.value|default:'' }}" required>
                                    {{ form.firm_company_university.errors }}
                                </span>
                            </li>
                            <li>
                                <label for="Studio">Studio (If applicable)</label>
                                <span class="vfb-span">
                                    <input type="text" name="studio" id="Studio" class="s25110" value="{{ form.studio.value|default:'' }}">
                                    {{ form.studio.errors }}
                                </span>
                            </li>
                            <li>
                                <label for="Field_of_Study">Field of Study (Department)</label>
                                <span class="vfb-span">
                                    <input type="text" name="field_of_study" id="Field_of_Study" class="s25110" value="{{ form.field_of_study.value|default:'' }}">
                                    {{ form.field_of_study.errors }}
                                </span>
                            </li>
                            <li>
                                <label for="Facebook_URL">Facebook URL / Website</label>
                                <span class="vfb-span">
                                    <input type="text" name="facebook_url" id="Facebook_URL" class="s25110" value="{{ form.facebook_url.value|default:'' }}">
                                    {{ form.facebook_url.errors }}
                                </span>
                            </li>
                            <li>
                                <label for="Project_Brief">Project Brief
                                    <span class="input-requart-star">*</span>
                                </label>
                                <span class="vfb-span">
                                    <input type="file" name="project_brief" id="Project_Brief" class="s25110" required>
                                    {% if form.project_brief.value %}
                                    <p class="file-selected">File selected previously, please reselect</p>
                                    {% endif %}
                                    {{ form.project_brief.errors }}
                                    <label>Please attach a MS word file only</label>
                                </span>
                            </li>
            
                            <li>
                                <label for="Message">Message</label>
                                <div>
                                    <textarea name="message" id="Message" rows="8" class="s25110">{{ form.message.value|default:'' }}</textarea>
                                    {{ form.message.errors }}
                                </div>
                            </li>
                            <li>
                                <label class="vfb-desc">Instructions</label>
                                <span class="instructions-dec">Project brief should not exceed 2000 words. All photos
                                    must be properly captioned and credited where
                                    appropriate. Remember to keep your project brief concise
                                    and focused, while providing enough information to give
                                    a clear understanding of the project's purpose and
                                    requirements. Attach plan, Elevation, Section, 3d view, illustration & form
                                    generation according to desired format. Article should be properly referred and
                                    supplemented by author's biography.</span>
                            </li>
            
                            <!-- File -->
                            <li>
                                <label for="ProjectBrief">Upload Image (10 Max@2 MB max. Format: PDF, JPG, PNG,
                                    MP4)
                                    <span class="input-requart-star">*</span>
                                </label>
                                <span class="vfb-span">
                                    <input type="file" name="project_images" id="ProjectBrief" class="s25110"
                                        multiple="multiple" required>
                                    {% if form.project_images.value %}
                                    <p class="file-selected">Images selected previously, please reselect</p>
                                    {% endif %}
                                </span>
                            </li>
            
                            <li>
                                <div class="checkbox10432">
                                    <span class="vfb-span">
                                        <input type="checkbox" name="terms_agreement" id="checkbox" checked required>
                                        <label for="checkbox" class="checkbox2931">I agree to the
                                            <span class="chack_condition"><a href="./condition.html">Terms of use
                                                </a></span>and the
                                            <span class="chack_condition"><a href="#">Privacy Policy</a></span>
                                        </label>
                                    </span>
                                </div>
                            </li>
                        </ul>
                        <button type="submit" class="submit_user_requirement">
                            Submit
                        </button>
                    </fieldset>
                </form>
            </div>
        </div>
    </div>
</div>

<section>
    <div class="fellowship-social-media-div">
        <div class="title">Stay in Touch</div>
        <div class="fellowship-social-media-div-2">
            {% for social_media in social_media %}
            {% if social_media.platform == "facebook" %}
            <a href="{{ social_media.url }}" class="facebook facebook-button-in-fellowship" target="_blank">
                <div><i class="fa-brands fa-facebook-f icon"></i></div>
                <div class="followers">{{social_media.followers|upper}}</div>
                <div class="fans">FOLLOWERS</div>
            </a>
            {% endif %}

            {% if social_media.platform == "linkedin" %}
            <a href="{{ social_media.url }}" class="linkedin linkedin-button-in-fellowship" target="_blank">
                <div><i class="fa-brands fa-linkedin icon"></i></div>
                <div class="followers">{{social_media.followers|upper}}</div>
                <div class="fans">FANS</div>
            </a>
            {% endif %}

            {% if social_media.platform == "youtube" %}
            <a href="{{ social_media.url }}" class="youtube youtube-button-in-fellowship" target="_blank">
                <div><i class="fa-brands fa-youtube icon"></i></div>
                <div class="followers">{{social_media.followers|upper}}</div>
                <div class="fans">SUBSCRIBERS</div>
            </a>
            {% endif %}

            {% if social_media.platform == "pinterest" %}
            <a href="{{ social_media.url }}" class="pinterest pinterest-button-in-fellowship" target="_blank">
                <div><i class="fa-brands fa-pinterest icon"></i></div>
                <div class="followers">{{social_media.followers|upper}}</div>
                <div class="fans">FOLLOWERS</div>
            </a>
            {% endif %}

            {% endfor %}

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


{% endblock content%}