<div class="container-offer-driver-modal">
    <div>
        <i class="material-icons go-back">keyboard_backspace</i>
        <p data-i18n="trip-bid-title"></p>
    </div>
    <ul id="listTripBidOffer" class="list-trip-bid-offer"></ul>
</div>

<div class="price-offer-modal">
    <div>
        <i class="material-icons go-back">arrow_back</i>
        <div>
            <button type="button" id="decreaseOfferValue"><span>-</span></button>
            <input type="tel" id="priceOfferTrip" readonly/>
            <button type="button" id="increaseOfferValue"><span>+</span></button>
        </div>
        <ul id="suggestedValues"></ul>
        <label for="priceOfferTrip"><b data-i18n="offer-b-price-offer-trip"></b> <label data-i18n="offer-label-price-offer-trip"></label></label>
        <button type="button" id="btnConfirmValueOffer" data-i18n="trip-bid-button-confirm"></button>
    </div>
</div>

<div class="content-only-offer-driver-modal">
    <ul class="list-trip-bid-offer"></ul>
</div>