WordPress

{% extends 'contributor/layout.html.twig' %}
{% trans_default_domain 'FOSUserBundle' %}
{% block contributor_body %}
    <div class="app_main_inner">
    <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">Edit your account details</h2>

        </div>

        {{ form_start(form, { 'action': path('fos_user_profile_edit'), 'attr': { 'class': 'fos_user_profile_edit' } }) }}


        <div class="row sector_profile_edit">
        
            <div class="col-xl-2">
                <div class="profile_edit">
                    <div class="image_box">
                        <img id="user_avatar" src="{{ helper.avatarIsUrl(app.user.avatar) ? app.user.avatar : asset(app.user.getAvatarUrl()) }}" alt="">
                    </div>
                    <label for="profile_avatar" class="avatar_change">
                        Change Picture
                        <input data-upload_url="{{ path('contributor_avatar_upload') }}" type="file" class="hide" id="profile_avatar">
                    </label>
                </div>
            </div>
            <div class="col-lg-7">
                <div class="card payment_edit">
                        <div class="form_row">
                            <div class="form_col">
                                <div class="form_group">
                                    <label class="form_label">First Name</label>
                                    {{ form_widget(form.FirstName, {'attr': {'placeholder':'Enter first name'}}) }}
                                </div>
                            </div>

                            <div class="form_col">
                                <div class="form_group">
                                    <label class="form_label">Last Name</label>
                                    {{ form_widget(form.LastName, {'attr': {'placeholder':'Enter last name'}}) }}
                                </div>
                            </div>

                            <div class="form_col">
                                <div class="form_group">
                                    <label class="form_label">Email Address
                                    <a href="javascript:void(0);" data-toggle="tooltip" class="tooltip">&quest;<span
                            class="tooltiptext">If email address is edited, a confirmation email will be sent to the new email address for confirmation. Ensure you confirm the email address for the change to take effect. </span></a></label>
                                    {{ form_widget(form.email, {'attr': {'placeholder':'Email Address'}}) }}
                                    <div class="error">
                                    {{ form_errors(form.email) }}
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="form_row">
                            <div class="form_col">
                                <div class="form_group">
                                    <label class="form_label">Phone Number</label>
                                    {{ form_widget(form.phoneNumber, {'attr': {'placeholder':'Phone Number'}}) }}
                                </div>
                            </div>

                             <div class="form_col">
                                <div class="form_group">
                                    <label class="form_label">UserName</label>
                                    {{ form_widget(form.username, {'attr': {'placeholder':'Phone Number'}}) }}
                                </div>
                            </div>

                            <div class="form_col">
                                <div class="form_group">
                                    <label class="form_label">&nbsp;</label>
                                    <input type="submit" value="Save Changes">
                                </div>
                            </div>
                        </div>
                </div>
            </div>

            <div class="col-xl-2">
                <div class="payment_instruction">
                    {% if is_granted('ROLE_CONTRIBUTOR') %}
                        <h4>What you need to know</h4>
                        <ul>
                            <li>You get 60% commission on each sale.</li>
                            <li>
                                {{ app.user.isexclusive
                                ? "You have an exclusive contract with Sura Images"
                                : "You have a non-exclusive contract but would you prefer exclusive contract contact us for further details"
                                }}
                            </li>
                            <li>You retain all the copyright</li>
                            <li>You get access to your account statement</li>
                            <li>Please Check: <a href="{{ path('static_conterms') }}" target="_blank">Contributor Agreement</a></li>
                        </ul>

                        {% elseif(is_granted('ROLE_MODEL')) %}
                            <h4>What you need to know</h4>
                            <p>As a modern day model there are many ways to make an extra coin and one of them is to create content viable for commercial use; be it photos or video footage.</p>
                            <p>The best approach is to collaborate with a photographer or videographer to create content together and Sura Images as a platform has considered that partnership by building a platform where both parties can work together without having trust issues.</p>
                            <p>A Sura Images model account gives you access to:</p>
                            <ul>
                                <li>Keep a track of your earnings</li>
                                <li>Know how much each of your photographer/videographer owes you</li>
                                <li>Know which of your release forms (MRF) has been assigned to what number of stock</li>
                            </ul>

                    {% endif %}
                </div>
            </div>

        </div>
        {{ form_end(form) }}
    </div>


{% endblock contributor_body %}