src/Bidcoz/Bundle/FrontendBundle/Resources/views/Auction/_item_basic_info.html.twig line 1

Open in your IDE?
  1. {% import '@BidcozCore/_macro.html.twig' as macro %}
  3. {% set itemParams = campaignParams|merge({itemId: item.id}) %}
  4. {% set ticketRequired = campaign.hasTickets and (
  5.         (item.isOnline and auction.onlineTicketRequired)
  6.         or (item.isOnsite and auction.onsiteTicketRequired)
  7.         or (item.isOnlineAndOnsite and (auction.onlineTicketRequired or auction.onsiteTicketRequired)))
  8. %}
  9. {% set registrationRequired = campaign.hasRegistrations and (
  10.         (item.isOnline and auction.onlineRegistrationRequired)
  11.         or (item.isOnsite and auction.onsiteRegistrationRequired)
  12.         or (item.isOnlineAndOnsite and (auction.onlineRegistrationRequired or auction.onsiteRegistrationRequired)))
  13. %}
  15. <div id="item_basic_info_box" class="is-auction-item" data-delay="30">
  16.     <h1 class="d-flex align-items-center">
  17.         {{ item.name }}
  18.     </h1>
  21.     <div class="item-base-info d-flex flex-wrap align-items-center">
  22.         {% if type == 'auction' %}
  23.             <div class="item-venue-details d-flex align-items-center">
  24.                 {% if item.isFixedPrice() %}
  25.                     {% include '@BidcozCore/Components/icon.html.twig' with { icon: 'tag-outline', class: 'icon-sm' } %}
  26.                     <strong>Fixed Price Item</strong>
  27.                 {% elseif item.isOnline or item.isOnlineAndOnsite %}
  28.                     {% include '@BidcozCore/Components/icon.html.twig' with { icon: 'globe-outline', class: 'icon-sm' } %}
  29.                     <strong>Online Auction Item</strong>
  30.                 {% else %}
  31.                     {% include '@BidcozCore/Components/icon.html.twig' with { icon: 'location-outline', class: 'icon-sm' } %}
  32.                     <strong>Onsite Auction Item</strong>
  33.                 {% endif %}
  34.             </div>
  35.         {% endif %}
  37.         <div class="item-number">
  38.             <strong>Item #{{ item.number }}</strong>
  39.         </div>
  41.         {% if showBuyForm and auction.showQtyRemaining %}
  42.             <div class="quantity-remaining">
  43.                 <strong>{{ item.currentQuantity }} Item{{ item.currentQuantity == 1 ? '' : 's' }} Remaining</strong>
  44.             </div>
  45.         {% endif %}
  47.         <!-- edit -->
  48.         {% if is_granted('AUCTION', campaign) %}
  49.             <a href="{{ path(item_path(item, '', '_manage_item_edit'), campaignParams|merge({ id: item.id })) }}" class="edit-item-link d-flex align-items-center pl-4" data-title="Edit Item: {{ item.name }}" target="_blank">
  50.                 {% include '@BidcozCore/Components/icon.html.twig' with { icon: 'cog-outline', h: '1.25rem', w: '1.25rem' } %}
  51.                 <span class="edit-link-text ml-1"><strong>Edit</strong></span>
  52.             </a>
  53.         {% endif %}
  54.     </div>
  58.     {% if type == 'auction' %}
  59.         <div class="auction-item-rows pb-1 pt-2">
  60.             <div class="time-row d-flex flex-wrap align-items-center pb-1">
  61.                 {% if type == 'auction' and item is has_time_remaining and item is available(app.user) %}
  62.                     {% include '@BidcozCore/Components/icon.html.twig' with { icon: 'clock-outline', h: '1.25rem', w: '1.25rem' } %}
  63.                 {% endif %}
  64.                 {% include '@BidcozFrontend/Auction/_item_time.html.twig' %}
  65.             </div>
  66.             <!-- watch -->
  67.             <div class="watchlist-row pb-1">
  68.                 {% include '@BidcozFrontend/Auction/_item_watchlist_button.html.twig' %}
  69.             </div>
  71.         </div>
  72.     {% endif %}
  74.     <div class="row">
  75.         <div class="col-12">
  76.             {% if item.isFixedPrice() %}
  77.                 <h6 class="mt-n2 mb-2">Purchase Item</h6>
  78.             {% elseif item.donation %}
  79.                 <h6 class="mt-n2 mb-2">Enter Donation Amount</h6>
  80.             {% else %}
  81.                 <h6 class="mt-n2 mb-2">Place Your Bid</h6>
  82.             {% endif %}
  84.             {% if not item.isOnline and not item.isOnlineAndOnsite and item.manualType %}
  85.                 <div class="item-venue-details">
  86.                     <strong>Bidding will take place at the event only.</strong>
  87.                 </div>
  88.             {% endif %}
  90.             {% if type == 'auction' and (auction.isOvertimeBiddingSingleExtension() or auction.isOvertimeBiddingUnlimitedExtension()) %}
  91.                 <div class="overtime-bidding-message d-flex align-items-center">
  92.                     <div>This auction allows for overtime bidding.</div>
  93.                     <div class="tooltip-container">
  94.                         <div class="tooltip-trigger">
  95.                             {% include '@BidcozCore/Components/icon.html.twig' with { icon: 'question-outline' } %}
  96.                         </div>
  97.                         <div class="tooltip tooltip-center">
  98.                             {% if auction.isOvertimeBiddingSingleExtension() %}
  99.                                 This auction allows for a single overtime bidding extension of 10 minutes if a bid is placed within the final 5 minutes of bidding.
  100.                             {% elseif auction.isOvertimeBiddingUnlimitedExtension() %}
  101.                                 This auction allows for 10 minutes of overtime bidding if a bid is placed within the final 5 minutes of bidding.
  102.                             {% endif %}
  103.                         </div>
  104.                     </div>
  105.                 </div>
  106.             {% endif %}
  107.         </div>
  108.     </div>
  110.     <div class="bidding-container row">
  111.         {% if item.auctionType or item.manualType or not item.isFixedPrice() %}
  112.             <div class="col-12 {{ biddable ? 'col-sm-6' : 'col-sm-12' }}">
  113.                 {% if not item.isFixedPrice() %}
  114.                     <div class="quantity-remaining">
  115.                         <strong>Est. Value: {{ item.estimatedValueDisplay ? 'Priceless' : item.getEstimatedValue(true)|money }}</strong>
  116.                     </div>
  117.                 {% endif %}
  119.                 {% if item.auctionType or item.manualType %}
  120.                     <div class="bid-increment d-flex align-items-center">
  121.                         {% include '@BidcozCore/Components/icon.html.twig' with { icon: 'graph', class: 'icon-sm' } %}
  122.                         Bid Increment: {{ item.bidIncrement|money }}
  123.                     </div>
  124.                 {% endif %}
  125.             </div>
  126.         {% endif %}
  128.         {% if biddable %}
  129.             <div class="bidding-info col-12 {{ item.auctionType or item.manualType or not item.isFixedPrice() ? 'col-sm-6' : 'col-sm-12' }}">
  130.                 {% if item.winningBid %}
  131.                     <div class="minimum-bid">
  132.                         <strong>Current Bid: {{ item.winningBid.amount|money }}</strong>
  133.                     </div>
  135.                     {% set hasUserBid = is_logged_in() and item is biddable and item.hasUserBid(app.user) %}
  136.                     {% if hasUserBid %}
  137.                         <div class="bidder-notification d-flex">
  138.                             {% set currentWinningBidder = is_logged_in() and item is biddable and item.winningBid and item.winningBid.user == app.user %}
  139.                             {% if currentWinningBidder %}
  140.                                 {% include '@BidcozCore/Components/icon.html.twig' with { icon: 'smile-outline', class: 'icon-sm mr-1 text-success' } %}
  141.                                 <div class="high-bid-message text-success">
  142.                                     You have the highest bid.
  143.                                 </div>
  144.                             {% else %}
  145.                                 {% include '@BidcozCore/Components/icon.html.twig' with { icon: 'frown-outline', class: 'icon-sm mr-1 text-danger' } %}
  146.                                 <div class="high-bid-message text-danger d-flex align-items-center">
  147.                                     {% set maxBid = item_max_bid(item) %}
  148.                                     {% if maxBid and maxBid.active %}
  149.                                         There is a max bidder. You've raised their bid.
  150.                                        {{ macro.popover('Why you\'re not the high bidder:','Another user has set a max bid on this item. Your bid raised the price, but didn\'t exceed their max bid. Try bidding higher or set your own max bid.')}}
  151.                                     {% else %}
  152.                                         You've been outbid.
  153.                                     {% endif %}
  154.                                 </div>
  155.                             {% endif %}
  156.                         </div>
  157.                     {% endif %}
  158.                 {% else %}
  159.                     <div class="minimum-bid">
  160.                         <strong>Starting Bid: {{ item.minBid|money }}</strong>
  161.                     </div>
  162.                 {% endif %}
  163.             </div>
  164.         {% endif %}
  166.         <div class="bid-form col-12">
  167.             <div class="bid-form-content">
  168.                 {% set buyActionVisible = false %}
  169.                 {% if ticketRequired and (not is_logged_in() or user_campaign_tickets(app.user, campaign, true)|length == 0) %}
  170.                     <h6 class="lead">
  171.                         Purchase a {{ campaign.ticketDisplayName|lower }} to bid on this item.<br>
  172.                         <a href="{{ path('campaign_tickets', campaignParams) }}" class="btn btn-success">Buy {{ campaign.ticketDisplayName }}s</a>
  173.                     </h6>
  174.                 {% elseif registrationRequired and (not is_logged_in() or user_campaign_registrations(app.user, campaign, true)|length == 0) %}
  175.                     <h6 class="lead">
  176.                         Registration is required to bid on this item.<br>
  177.                         <a href="{{ path('campaign_registrations', campaignParams) }}" class="btn btn-success">Purchase Registration</a>
  178.                     </h6>
  179.                 {% elseif requireCC and is_logged_in() %}
  180.                     <h6 class="lead">
  181.                         Credit card is required to participate.<br>
  182.                         <a href="#" data-toggle="modal" data-target="#ccModal" class="btn btn-success">Add Credit Card</a>
  183.                     </h6>
  184.                 {% elseif not is_logged_in() %}
  185.                     <h6 class="lead">
  186.                         An account is required to participate.<br>
  187.                         <a href="{{ path('campaign_login_user', campaignParams)}}" data-toggle="modal" data-target="#loginModal" class="btn btn-success trigger-login">Sign In or Create Account</a>
  188.                     </h6>
  189.                 {% else %}
  190.                     {% if showBidForm %}
  191.                         {% set maxBid = item_max_bid(item) %}
  192.                         {% set userHasMaxBid = maxBid and maxBid.user == app.user %}
  193.                         {% set buyActionVisible = true %}
  194.                         <form method="post" action="{{ path('item_bid', itemParams) }}" class="form-inline" style="width: 100%;">
  195.                             <div class="form-group">
  196.                                 <label><strong>Bid Amount</strong></label>
  197.                                 {{ form_widget(bidForm.amount) }}
  198.                                 <div class="mt-1">
  199.                                     {% if userHasMaxBid %}
  200.                                         Your max bid is {{ maxBid.amount }}.
  201.                                         <a href="#" class="max-bid-trigger"><strong>Edit</strong></a>
  202.                                         or
  203.                                         <a href="#" class="cancel-max-bid-trigger"><strong>Cancel</strong></a>
  204.                                     {% else %}
  205.                                         <a href="#" class="max-bid-trigger"><strong>Set max bid amount</strong></a>
  206.                                     {% endif %}
  207.                                 </div>
  208.                                 <div class="bid-area">
  209.                                     <button class="btn btn-primary bid-btn w-100 mt-3
  210.                                         {% if auction.areYouSureModal %} are-you-sure{% endif %}
  211.                                         {% if item.winningBid and app.user and item.winningBid.user == app.user and not userHasMaxBid %} raise-your-bid{% endif %}"
  212.                                     >Place Bid</button>
  213.                                 </div>
  214.                             </div>
  215.                             {{ form_rest(bidForm) }}
  216.                         </form>
  218.                         {% if is_logged_in() %}
  219.                             <form id="max-bid-form" action="{{ path('item_max_bid', itemParams) }}" method="post" style="display: none;">
  220.                                 <div class="form-group">
  221.                                     <label class="d-flex align-items-center">
  222.                                         <strong class="mr-1">Max Bid</strong>
  223.                                         {{ macro.popover('Maximum Bid', 'Enter a dollar amount and the system will bid for you, as other bids are received, only up to that amount.', '', '', 'icon-sm') }}
  224.                                     </label>
  225.                                     <div class="input-group">
  226.                                         <span class="input-group-addon">$</span>
  227.                                         <input type="text" class="form-control" name="amount" value="{{ userHasMaxBid ? maxBid.amount : '' }}" />
  228.                                     </div>
  229.                                     <div class="bid-area">
  230.                                         <button class="btn btn-primary bid-btn w-100 mt-3">Set Max</button>
  231.                                         <div class="d-none">
  232.                                             <button class="btn btn-xs btn-primary cancel-max-button" name="_cancel" value="1">Cancel Max</button>
  233.                                         </div>
  234.                                     </div>
  235.                                 </div>
  236.                             </form>
  237.                         {% endif %}
  238.                     {% endif %}
  240.                     <div class="row">
  241.                         {% if showBuyForm %}
  242.                             {% set buyActionVisible = true %}
  243.                             <div class="col-12">
  244.                                 <form id="buy-it-now-form" method="post" action="{{ path(item_path(item, '', '_item_buy'), itemParams) }}" data-hold-in-cart="{{ campaign.holdItemsInCart ? 'true' : 'false'}}">
  245.                                     <div{% if not buyForm.vars.show_quantity %} class="d-none"{% endif %}>
  246.                                         {{ form_row(buyForm.quantity) }}
  247.                                     </div>
  248.                                     {% if buyForm.vars.collect_email %}
  249.                                         {{ form_row(buyForm.emails) }}
  250.                                         {% if organization.enableCustomizations or true %}
  251.                                             <button type="button" class="btn btn-secondary mt-1 w-100 text-nowrap text-center" data-toggle="modal" data-target="#internalUserModal">Select Recipients</button>
  252.                                         {% endif %}
  253.                                         <p>Note: One item will be purchased for each email address entered.</p>
  254.                                     {% endif %}
  255.                                     <button
  256.                                         class="btn btn-success mt-1 w-100 flex-wrap text-nowrap text-center"
  257.                                         name="buy-it-now"
  258.                                         value="1"
  259.                                         {% if campaign.holdItemsInCart %}
  260.                                             onclick="return confirm('Submitting this order is a commitment to buy and cannot be reversed.\nAre you sure?');"
  261.                                         {% endif %}
  262.                                     >
  263.                                         Buy
  264.                                             {% if type == 'auction'%} It Now{% endif %}
  265.                                             &nbsp;
  266.                                             <span id="item-quantity-price" data-value="{{ item.buyItNowPrice }}">{{ item.buyItNowPrice|money}}</span>
  267.                                             {% if buyForm.vars.collect_email %}&nbsp; each{% endif %}
  268.                                     </button>
  269.                                     {{ form_rest(buyForm) }}
  270.                                 </form>
  272.                                 {% if item.isFixedPrice() %}
  273.                                     <p class="mt-3">
  274.                                         {% if campaign.holdItemsInCart %}
  275.                                             <strong>Important:</strong> Submitting an order is a commitment to buy and cannot be reversed.
  276.                                         {% else %}
  277.                                             <strong>Important:</strong> Limited availability item.  Once ordered, complete purchase within 15 minutes or item will expire.
  278.                                         {% endif %}
  279.                                     </p>
  280.                                 {% elseif campaign.holdItemsInCart %}
  281.                                     <p class="mt-3">
  282.                                         <strong>Important:</strong> Choosing Buy it now is a commitment to buy and cannot be reversed.
  283.                                     </p>
  284.                                 {% endif %}
  285.                             </div>
  286.                         {% endif %}
  287.                         {% if showDonationForm %}
  288.                             <div class="col-12">
  289.                                 <form id="donation-form" method="post" action="{{ path(item_path(item, '', '_item_donation'), itemParams) }}" data-hold-in-cart="{{ campaign.holdItemsInCart ? 'true' : 'false'}}">
  290.                                     {{ form_row(donationForm.amount) }}
  291.                                     <button
  292.                                         class="btn btn-success mt-1 w-100 flex-wrap text-nowrap text-center"
  293.                                         name="donation"
  294.                                         value="1"
  295.                                         {% if campaign.holdItemsInCart %}
  296.                                             onclick="return confirm('Submitting this order is a commitment to buy and cannot be reversed.\nAre you sure?');"
  297.                                         {% endif %}
  298.                                     >
  299.                                         Make Donation</span>
  300.                                     </button>
  301.                                     {{ form_rest(donationForm) }}
  302.                                 </form>
  303.                             </div>
  304.                         {% endif %}
  305.                     </div>
  306.                 {% endif %}
  307.             </div>
  308.         </div>
  309.     </div>
  310. </div>