News

Demo Description

<div class="container table-responsive-sm">
        <table class="table table-hover text-center">
            <thead>
              <tr>
                <th scope="col">Classe</th>
                <th scope="col" class="display-price">Prix(FCFA)</th>
                <th scope="col">Quantité</th>
                <th scope="col">Sous-total</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td class="responsive">VVIP</td>
                <td class="display-price responsive" id="vvip_amount"><p>5000</p></td>
                <td style="width: 20%;">
                    <div class="">
                        <div class="input-group">
                            <span class="input-group-btn">
                                <button type="button" class="btn btn-danger btn-number radius rounded-left"  data-type="minus" data-field="quant[0]">
                                  -
                                </button>
                            </span>
                            <input type="text" disabled name="quant[0]" class="form-control input-number" value="0" min="0" max="100">
                            <span class="input-group-btn">
                                <button type="button" class="btn btn-success btn-number radius rounded-right" data-type="plus" data-field="quant[0]">
                                    +
                                </button>
                            </span>
                        </div>
                    </div>
                </td>
                <td class="responsive" id="vvip_price">0</td>
              </tr>
              <tr>
                <td class="responsive">VIP 1</td>
                <td class="display-price responsive" id="vip1_amount">2000</td>
                <td style="width: 20%;">
                    <div class="">
                        <div class="input-group">
                            <span class="input-group-btn">
                                <button type="button" class="btn btn-danger btn-number1 radius rounded-left"  data-type="minus" data-field="quant[1]">
                                  -
                                </button>
                            </span>
                            <input type="text" disabled name="quant[1]" class="form-control input-number" value="0" min="0" max="100">
                            <span class="input-group-btn">
                                <button type="button" class="btn btn-success btn-number1 radius rounded-right" data-type="plus" data-field="quant[1]">
                                    +
                                </button>
                            </span>
                        </div>
                    </div>
                </td>
                <td class="responsive" id="vip1_price">0</td>
              </tr>
              <tr>
                <td class="responsive">VIP 2</td>
                <td class="display-price responsive" id="vip2_amount">2000</td>
                <td style="width: 20%;">
                    <div class="">
                        <div class="input-group">
                            <span class="input-group-btn">
                                <button type="button" class="btn btn-danger btn-number2 radius rounded-left"  data-type="minus" data-field="quant[2]">
                                  -
                                </button>
                            </span>
                            <input type="text" disabled name="quant[2]" class="form-control input-number" value="0" min="0" max="100">
                            <span class="input-group-btn">
                                <button type="button" class="btn btn-success btn-number2 radius rounded-right" data-type="plus" data-field="quant[2]">
                                    +
                                </button>
                            </span>
                        </div>
                    </div>
                </td>
                <td class="responsive" id="vip2_price">0</td>
              </tr>
              <tr>
                <td class="responsive">Tribune</td>
                <td class="display-price responsive" id="tribune_amount">1000</td>
                <td style="width: 20%;">
                    <div class="">
                        <div class="input-group">
                            <span class="input-group-btn">
                                <button type="button" class="btn btn-danger btn-number3 radius rounded-left"  data-type="minus" data-field="quant[3]">
                                  -
                                </button>
                            </span>
                            <input type="text" disabled name="quant[3]" class="form-control input-number" value="0" min="0" max="100">
                            <span class="input-group-btn">
                                <button type="button" class="btn btn-success btn-number3 radius rounded-right" data-type="plus" data-field="quant[3]">
                                    +
                                </button>
                            </span>
                        </div>
                    </div>
                </td>
                <td class="responsive" id="tribune_price">0</td>
              </tr>
              <tr>
                <td></td>
                <td class="display-price"></td>
                <td style="text-align: -webkit-right; font-weight: bold;">Montant Total (FCFA)</td>
                <td id="total_amount">0.0</td>
              </tr>
            </tbody>
          </table>
    </div>

This will close in 20 seconds