src/Bidcoz/Bundle/FrontendBundle/Resources/views/Sponsorship/new.html.twig line 1

Open in your IDE?
  1. {% extends '@BidcozFrontend/campaign.html.twig' %}
  3. {% block beforeContent %}
  4.     {{ parent() }}
  5.     <h1>Become a Sponsor</h1>
  6. {% endblock %}
  8. {% block content %}
  9.     <div class="panel sponsor-content h-100">
  10.         <div class="panel-body">
  11. {#            {% if not is_logged_in() %}#}
  12. {#                <div class="select-type-default center text-center">#}
  13. {#                    <div class="d-flex justify-content-center">#}
  14. {#                        <img src="{{ asset('img/components/sponsorships.png') }}" height="76" />#}
  15. {#                    </div>#}
  16. {#                    <h6 class="lead mt-3">#}
  17. {#                        Sign In or Create an Account to become a sponsor.<br>#}
  18. {#                        <a href="{{ path('campaign_login_user', campaignParams)}}" data-toggle="modal" data-target="#loginModal" class="btn btn-success trigger-login mt-3 w-25">Sign In or Create Account</a>#}
  19. {#                    </h6>#}
  20. {#                </div>#}
  21. {#            {% else %}#}
  22.             <div class="sponsor-ad-info">
  23.                 <h4 class="mt-1 mb-4">Choose your Level</h4>
  24.                 <p>
  25.                     Sponsor Spots appear in rotation across the bottom of each page based on Level.
  26.                     The "All Sponsors" page will contain each Spot ordered from highest level to lowest.
  27.                     When the Sponsor Spot is clicked, the viewer will be directed to your website URL.
  28.                 </p>
  29.                 <p>
  30.                     After payment is received, a representative will contact you to discuss your Sponsor Spot image.
  31.                     All submissions are subject to approval before publishing.
  32.                     <strong><a href="{{ path('campaign_contact', campaignParams) }}" class="link">Contact Us</a></strong>
  33.                     if you have any questions or need assistance.
  34.                 </p>
  35.                 <p>
  36.                     <strong>This is a Sponsor Spot purchase only.</strong>
  37.                 </p>
  38.             </div>
  39.             <div class="sponsor-ad-form">
  40.                     <h6 class="mt-4">Sponsor Level</h6>
  41.                     <p id="selected-level" data-slot="">Please choose a Level</p>
  42.                     <div class="sponsor-levels row">
  43.                         {% for level in levels|reverse %}
  44.                             <div class="col-12 col-md-6 col-xl-3">
  45.                                 <div class="panel sponsor-level">
  46.                                     <div class="panel-body py-4" style="border: 0.125rem solid #dadada;">
  47.                                         {% if level.image and level.image.id %}
  48.                                         {% set imgUrl = vich_uploader_asset(level.image, 'file') %}
  49.                                             <img src="{{ imgUrl }}" alt="{{ level.name }}" class="img-fluid w-100 mb-3" style="max-height: 150px; max-width: 100%; object-fit: contain;">
  50.                                         {% endif %}
  51.                                         <h6>{{ level.name }}</h6>
  52.                                         <p class="price text-secondary">
  53.                                             <strong>{{ level.price|money }}</strong>
  54.                                         </p>
  55.                                         <p>
  56.                                             {{ level.description|raw }}
  57.                                             {% if level.slots == 4 %}
  58.                                                 <br />8x display rate
  59.                                             {% elseif level.slots == 3 %}
  60.                                                 <br />4x display rate
  61.                                             {% elseif level.slots == 2 %}
  62.                                                 <br />2x display rate
  63.                                             {% else %}
  64.                                                 <br />Base display rate
  65.                                             {% endif %}
  66.                                         </p>
  67.                                         {% if level is sponsorship_soldout %}
  68.                                             <a href="#" class="btn btn-danger btn-outline w-100 mt-2 disabled" disabled>Sold Out</a>
  69.                                         {% else %}
  70.                                             <a id='{{level.id}}' data-name="{{ level.name }}" data-slots="{{ level.slots }}" href="#" class="sponsor-select btn btn-secondary w-100 mt-2">Select</a>
  71.                                         {% endif %}
  72.                                     </div>
  73.                                 </div>
  74.                             </div>
  75.                         {% endfor %}
  76.                     </div>
  78.                     <div class="row">
  79.                         <div class="col-12 col-lg-6">
  80.                             <h6 class="mt-4">Upload Image</h6>
  81.                             <p>Image should be <strong>square</strong> and at least <strong>600 x 600</strong> pixels.</p>
  82.                             <table class="table mt-3" id="images-table"></table>
  83.                             <form id="image-upload-form" action="{{ path('frontend_media_upload', campaignParams) }}" method="post" enctype="multipart/form-data" class="media-upload-file media-form mb-4">
  84.                                 <div class="form-group">
  85.                                     <input type="file" name="image[file][file]" />
  86.                                     <button id="img-upload-btn" class="btn btn-primary btn-sm w-25 mt-4 mx-0 d-flex align-items-center" style="line-height: 1.5rem; min-width: 200px;">
  87.                                         Upload<span class="d-none" id="upload_processing" style="line-height: 1.5rem;">ing <img src='/img/ajax-loader.gif' alt="loading" height="20" style="vertical-align:middle; display: inline-block;" /> </span>
  88.                                     </button>
  89.                                 </div>
  90.                             </form>
  91.                         </div>
  92.                         <div class="col-12 col-lg-6">
  93.                             <h6 class="mt-4">Link to your Website</h6>
  94.                             <p>Sponsor Spot images, when clicked will link to the web address of your choice.</p>
  95.                             <form action="" id="main-form" method="post">
  96.                                 {% include '@BidcozFrontend/Sponsorship/form.html.twig' %}
  97.                             </form>
  98.                         </div>
  99.                     </div>
  101.                     <button class="button-main-form btn btn-success w-25 mt-4" onclick="document.getElementById('main-form').submit()" disabled>Add To Cart</button>
  102.                 </div>
  104. {#            {% endif %}#}
  105.         </div>
  106.     </div>
  107. {% endblock %}
  109. {% block javascripts %}
  110.     {{ parent() }}
  111.     <script type='javascript'>
  112.         //$('#sponsorship_level').parent('div').addClass('d-none');
  113.         //$('form button').attr('disabled', 'disabled');
  114.     </script>
  115. {% endblock %}