WordPress

{% extends 'contributor/layout.html.twig' %}

{% block title %}Images Upload{% endblock %}
     {% block contributor_body %}
         <div class="app_main_inner">
             {% set new=false %}
             {% for message in app.flashes('contributor_success') %}

                 {% set new=true %}
                 <div class="alert alert-success">
                     {{ message }}
                 </div>
             {% endfor %}
             <div class="alert alert-danger complete_reg_notif" style="display: none">
                 To proceed, kindly provide your Contact & Payment details under "My Account".
    </div>
             <div class="page_excerpt">
                 <h2 class="sr_heading_title">Upload Images</h2>
                 <p class="sr_heading_intro">
                     Turn your passion into a cash cow by submitting your best images.
                     Make sure your images are of high quality with a minimum file size of 3MB and a minimum resolution of 300dpi each, all in JPEG format ONLY.
                 </p>
                 <div class="alert alert-danger" style="font-size:13px; margin-top:10px; padding:10px;">
                     Please note, every file you upload will automatically be licensed as Royalty Free until our curator review and deem the file otherwise, but should you feel your work is worth being licensed as Rights Managed or Rights Ready kindly don’t hesitate to communicate to us
                 </div>
             </div>

             <div class="new_upload">
                 <div class="upload_form">
                     <form action="{{ oneup_uploader_endpoint('stock') }}" class="dropzone" id="imagesdrop">
                             <a href="{{ path('stock_images') }}" data-new="{{ new }}" class="submit_next_btn">{{ button_label|default('Next') }}</a>

                     </form>

                 </div>
                 <div class="upload_options" style="margin-top: 6em;">
                     <div class="upload_cols">
                         <h4>Upload Using FTP (Optional)</h4>
                         <p>This method of file transfer File Transfer Protocol (FTP) allows Sura Images contributors to transfer files from their computer to our servers especially when transferring large files like video clips or many images that the contributor intends to upload all at once.</p>
                         <div class="ftp_procedure">
                             <ol>
                                 <li>Install FTP client software <a href="https://filezilla-project.org/download.php?show_all=1" target="_blank">(We recommend Filezilla)</a></li>
                                 <li>
                                     Configure your FTP connection to the following settings:
                                     <ul>
                                         <li>Host Address: <strong>{{ ftp_server }}</strong></li>
                                         <li>Username: <strong>{{ app.user.ftpUser.userid }}</strong></li>
                                         <li>Password: <strong>{{ app.user.ftpUser.passwd }}</strong></li>
                                     </ul>
                                 </li>
                                 <li>Connect and upload your photos</li>
                                 <li>Please Note that your photos should be uploaded to the photos directory</li>
                                 <li>After completion, the uploads will appear in your upload section</li>
                             </ol>
                         </div>
                     </div>

                     <div class="upload_cols">
                         <h4>Contributor General Guidelines</h4>
                         <p>Here are afew general guidelines to consider when creating your content that will meet our professional standards.
                             <br> <strong>Image Quality:</strong>  Always make sure your subject is perfectly exposed, well lit and in focus unless it's deliberately shot otherwise for instance when shooting to create motion blur or abstract content which are exceptional....</p>
                         <a href="{{ path('static_contributor_guidelines') }}" class="learn_more">Learn More</a>
                     </div>

                     <div class="upload_cols">
                         <h4>File Size Requirements</h4>
                         <p>The reason we recommend a minimum size of 3MB and a minimum resolution of 300dpi (dot per inch) is to have a quality image that won't lose it's clarity when the image is blown to a bigger size than it's normal dimesional size. And guess what, buyers always prefers images with high Megabytes (MB) because the higher the size the better the quality if everything else is kept to the required standards. To learn more about the size requirements see
                             <u><a href="{{ path('static_conterms') }}" target="_blank">Contributor Agreement</a> </u> page.</p>
                     </div>
                 </div>
             </div>

         </div>

         <div class="modal fade" id="ftp_detail">
             <div class="modal-dialog">
                 <div class="modal-content">
                     <h3 class="section_title">Upload your Videos using FTP.</h3>

                 </div>
             </div>
         </div>
     {% endblock %}
{% block stylesheets %}
    <script src="{{ asset('js/multiple_select.js') }}"></script>
    <style>
        select {
            width: 500px;
        }
    </style>
{% endblock %}
{% block footer_js %}
    <script>
        let uploads= [
            {% for upload in uploads %}
            {
                'file_name': '{{ upload.fileName }}',
                'image_url': '{{ upload.FileUrl }}',
                'database_id':'{{ upload.id }}',
                'title':null,
                'keywords':[],
                'image_type':null,
                'orientation':null,
                'people':null,
                'model_percentage':null,
                'same_shoot_code':null,
                'categories':[],
                'releases':[]
            },
            {% endfor %}
        ];
    </script>
    <script type='text/javascript' src='{{asset('js/upload.js')}}'></script>
{% endblock %}