{% extends 'base.html.twig' %}

{% block title %}
     الانضمام إلى برنامج شركاء شمرا أكاديميا
{% endblock %}

{% block body %}

     <style>
      .shadow{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
    </style>

    <div class="container">
        <div class="row">
            <div class="col-xs12 col-md-7" style="margin: 20px">
                <div class="page-header">
                    <h1>  الانضمام إلى برنامج شركاء شمرا أكاديميا </h1>
                </div>
             </div>
        </div>

        {% for flashMessage in app.session.flashbag.all %}
            {% for message in flashMessage %}
                <div class="row">
                    <div class="alert alert-danger col-md-6 col-md-offset-3" style="text-align: center; font-size: 20px;">
                        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                        {{ message|trans }}
                    </div>
                </div>
            {% endfor %}
        {% endfor %}

        {% if app.user is not null and ( app.user.partner is null or app.user.partner.status == "disapprove")  %}
            {% if app.user.partner is not null and app.user.partner.status == "disapprove" %}
                <h3>{{  'partner.status.disapprove'|trans({},'Academia') }}</h3><br>
             {% endif %}
            <div class="row">
                <div id="form" class="col-md-6 col-md-offset-3 shadow" style="padding:15px;">
                    {{ 'profile.joinPartnerContent'|trans({}, 'FOSUserBundle') }}
                    <form action="{{path('joinPartner')}}" method="POST" id="joinForm" enctype="multipart/form-data">
                        <div class="form-group">
                            {{ 'form.firstname'|trans({}, 'FOSUserBundle') }}:
                            <b><input type="text" name="fname" value="{{ app.user.firstName }}" required  style="border-width:0px;"/></b>
                            
                            {{ 'form.lastname'|trans({}, 'FOSUserBundle') }}:
                            <b><input type="text" name="lname" value="{{ app.user.lastname }}" required  style="border-width:0px;" /></b>
                        </div>

                        <div class="form-group">
                            {{ 'form.email'|trans({}, 'FOSUserBundle') }}:
                            <b><input type="email" name="email" value="{{ app.user.email }}" disabled style="border-width:0px;" /></b>

                            {{ 'form.country'|trans({}, 'FOSUserBundle') }}:
                            <b><input type="text" name="country" value="{{ app.user.country }}" disabled  style="border-width:0px;" /></b>
                        </div>

                        <div class="form-group">
                            {{ 'form.frontpc'|trans({}, 'FOSUserBundle') }}:
                            <b><input name="frontPrivateCardImage" type="file" required  style="border-width:0px;" /></b>

                            {{ 'form.backpc'|trans({}, 'FOSUserBundle') }}:
                            <b><input name="backPrivateCardImage" type="file"  required style="border-width:0px;" /></b>
                        </div>
                    
                        <div>
                            <input type="checkbox" id="joinPartnerPrivacy" onclick="enableSubmit()" /> <a href="{{path('partner_program')}}">سياسة الخصوصة</a>
                        </div>
                        <div  style="display: grid;" >
                            <input type="submit" id="joinPartnerSubmit" disabled class="btn" value="{{ 'registration.submit'|trans({}, 'FOSUserBundle') }}"/>
                        </div>
                    </form>
                </div>
            </div>
        {% elseif app.user is not null and  app.user.partner is not null %}
            <h3>{{  ('partner.status.' ~ app.user.partner.status)|trans({},'Academia')|raw }}</h3>

            {% if app.user.partner.status == "approve" %}
                <h3>
                     او عن طريق الضغط على الرابط 
                    <a href="{{path('user_profile_statistics_show',{'username':app.user.username})}}">هنا.</a>
                </h3>
            {% endif %}
        {% else %}
            <h3> سجل دخولك الى شمرا حتى تتمكن من الاشتراك, <a href="{{path('app_login')}}"> تسجيل الدخول</a>. </h3>

        {% endif %}
           
    </div>

 {% if  app.user is not null and ( app.user.partner is null or app.user.partner.status == "disapprove")  %}
        <script src="{{ asset('bundles/syndexacademic/js/bootstrap-filestyle.min.js') }}"></script>
        <script>
            const enableSubmit = ()=>{
                $('#joinPartnerSubmit').attr('disabled' , !document.getElementById("joinPartnerPrivacy").checked)
            }
            $(":file").filestyle({
                buttonText: "&nbsp;استعراض",
                size: "nr",
                iconName: "glyphicon glyphicon-inbox",
                buttonBefore: true,
                badge: true,
                placeholder: "لم يتم اختيار ملف بـعد"
            });
        </script>
    {% endif %}

{% endblock %}