<div class="modal fade" tabindex="-1" role="dialog" id="modal_detalles_pedido">
    <div class="modal-dialog modal-lg modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Detalles del pedido {{ pedido_actual.id }}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <th>Nombre</th>
                            <th class="text-right" style="width: 20%;">Precio</th>
                            <th class="text-right">Cantidad</th>
                        </thead>
                        <tbody>
                            <tr v-for="row in pedido_actual.line_items">
                                <td>{{ row.name }}</td>
                                <td class="text-right" style="width: 20%;">{{ moneda(row.price, divisa.locale, divisa.symbol, divisa.precision) }}</td>
                                <td class="text-right">{{ row.quantity }}</td>
                            </tr>
                        </tbody>
                    </table>
                    <table class="table">
                        <thead>
                            <th>Metodo pago</th>
                         
                            <th class="text-right">Descuentos</th>
                        </thead>
                        <tbody>
                            <tr>
                              
                                 <td>{{pedido_actual.payment_method_title}}</td>
                                <td class="text-right">{{pedido_actual.currency_symbol}} {{ pedido_actual.discount_total }} </td>
                            </tr>
                        </tbody>
                    </table>
                     <table class="table" v-if="mostrar==true">
                        <thead>
                            <th>Estatus</th>
                         
                            
                        </thead>
                        <tbody>
                             <tr v-for="row in pedido_actual.meta_data">
                             
                                <td class="text-right text-success" v-if="row.key=='BinancePay_status'">{{ row.key }}: {{ row.value }}</td>
                            </tr>
                        </tbody>
                    </table>
                    
                   
                </div>
            </div>
        </div>
    </div>
</div>