<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>
