src/Bidcoz/Bundle/FrontendBundle/Resources/views/Campaign/Donate/levels.html.twig line 1

Open in your IDE?
  1. {% extends '@BidcozFrontend/campaign.html.twig' %}
  3. {% block sidebar '' %}
  5. {% block beforeContent %}
  6.     {{ parent() }}
  7.     <div class="d-flex justify-content-between flex-wrap responsive-title">
  8.         <h1>Giving Levels</h1>
  9.     </div>
  10. {% endblock %}
  12. {% block content %}
  13.     <div class="content-rows row justify-content-center p-0">
  14.         {% for level in donationLevels %}
  15.             <div class="col-sm-12 col-sm-6 col-md-4 col-lg-3 grid">
  16.                 <div class="panel">
  17.                     <div class="panel-body">
  18.                         <h4 class="my-0">{{ level.name }}</h4>
  19.                         <p class="mt-n2">{{ level.description|raw  }}</p>
  20.                         <div class="mt-4">
  21.                             <h6 class="mb-2 font-weight-light text-left">Minimum: <b>{{ level.amount|money }}</b></h6>
  22.                             <a href="{{ path('campaign_donate_cash_level', campaignParams|merge({donation_level_id: level.id})) }}" class="btn btn-info w-100 btn-custom-levels">Donate</a>
  23.                         </div>
  24.                     </div>
  25.                 </div>
  26.             </div>
  27.         {% endfor %}
  28.     </div>
  29.     {# <div class="panel h-100">
  30.         <div class="panel-body h-100 py-4">
  31.             <div class="select-type-default center text-center">
  32.                 <div class="d-flex justify-content-center">
  33.                     <i class="fas fa-hand-holding-usd icon"></i>
  34.                 </div>
  35.                 <h2>Select a Giving Level</h2>
  36.             </div>
  38.             <div id="pledge-type-info" style="display: none;">
  39.                 <!-- Replace with ticket content. -->
  40.             </div>
  41.         </div>
  42.     </div> #}
  43. {% endblock %}
  45. {# block internal_sidebar %}
  46.     {% if campaign.displayCashDonationGoal and campaign.cashDonationGoal != 0 %}
  47.         <div class="panel">
  48.             <div class="panel-body">
  49.                 <div class="pledge-stats">
  50.                     <h2>Campaign Donation Goal: {{ campaign.cashDonationGoal|money }}</h2>
  51.                     {% if campaign.displayCashDonationGoalProgress %}
  52.                         {% set total_donations = campaign_total_cash_donations(campaign) %}
  53.                         {% set progress_percent = (total_donations / campaign.cashDonationGoal) * 100 %}
  54.                         <h3>Current Progress: {{ total_donations|money }}</h3>
  55.                         <div class="progress">
  56.                             <div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="{{ total_donations }}" aria-valuemin="0" aria-valuemax="{{ campaign.cashDonationGoal }}" style="width: {{ progress_percent }}%">
  57.                                 <span class="sr-only">{{ progress_percent }}% Complete (success)</span>
  58.                             </div>
  59.                         </div>
  60.                     {% endif %}
  61.                 </div>
  62.             </div>
  63.         </div>
  64.     {% endif %}
  65.     <div class="pledge-types">
  66.         {% for level in donationLevels %}
  67.             <div class="panel pledge-type">
  68.                 <div class="panel-body">
  69.                     <h6 class="mb-3">{{ level.name }}</h6>
  70.                     <div class="price text-secondary">
  71.                         Minimum: <strong>{{ level.amount|money }}</strong>
  72.                     </div>
  73.                     <div class="caption">
  74.                         <div class="description">{{ level.description|raw  }}</div>
  75.                     </div>
  76.                     <a href="{{ path('campaign_donate_cash_level', campaignParams|merge({donation_level_id: level.id})) }}" class="btn btn-secondary pledge-select">Select Level</a>
  77.                 </div>
  78.             </div>
  79.         {% endfor %}
  80.     </div>
  81. {% endblock #}