ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / netxzero.com / carbon-credit / resources / views / admin / orders

<div class="modal fade" id="OrderDetails" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <div id="Title"><h5 class="modal-title"></h5></div>
        <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="row">
               <div class="col-md-4">
                 <dl>
                      <dt>Billing Name</dt>
                      <dd id="Name"></dd>

<dt>Company Name</dt>
                      <dd id="Company"></dd>
                   
                      <dt>Billing Address</dt>
                      <dd id="Address"></dd>

<dt>Billing Country</dt>
                      <dd id="Country"></dd>

<dt>Billing City</dt>
                      <dd id="City"></dd>

<dt>Billing Zipcode</dt>
                      <dd id="Zipcode"></dd>

<dt>Billing Email</dt>
                      <dd id="Email"></dd>

<dt>Billing Phone</dt>
                      <dd id="Phone"></dd>
                  </dl>
               </div>

<div class="col-md-4">
                 <dl>
                      <dt>Project Id</dt>
                      <dd id="ProjectId"></dd>
                   
                      <dt>Carbon Quantity</dt>
                      <dd id="CarbonQuantity"></dd>

<dt>Carbon Cost</dt>
                      <dd id="CarbonCost"></dd>

<dt>Transaction Cost</dt>
                      <dd id="TransactionCost"></dd>

<dt>Total Cost</dt>
                      <dd id="TotalCost"></dd>
                  </dl>
               </div>
               <div class="col-md-4">
                 <dl>
                      <dt>Payment Method</dt>
                      <dd id="PaymentMethod"></dd>

<dt>Transaction Id</dt>
                      <dd id="TransactionId"></dd>

<dt>Cloverly Transaction Id</dt>
                      <dd id="ColverlyTransactionId"></dd>

<dt>Card Holder Name</dt>
                      <dd id="CardHolderName"></dd>

<dt>Receipt</dt>
                      <dd>
                        <a href="#" 
                           class="btn btn-sm btn-success mt-2" 
                           id="Receipt" 
                           target="_blank">
                          Receipt
                        </a>
                      </dd>
                  </dl>
               </div>
             </div>
          </div>

{{--  <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            <button type="submit" class="btn btn-primary mr-2" id="UpdateUserRole">Update</button>
          </div> --}}
    </div>
  </div>
</div>

$('.order').on('click', function(e) {
    var property= $(this);

var title = property.attr("data-title");
    var order = property.attr("data-order");
    let parsedOrder = JSON.parse(order);
    //console.log(parsedOrder);

$("#OrderDetails").find('div#Title h5').text(title);
    $("#OrderDetails").find('#Name').text(parsedOrder.first_name + ' ' + parsedOrder.last_name);
    $("#OrderDetails").find('#Company').text(parsedOrder.company_name);
    $("#OrderDetails").find('#Address').text(parsedOrder.address);
    $("#OrderDetails").find('#Country').text(parsedOrder.country);
    $("#OrderDetails").find('#City').text(parsedOrder.city);
    $("#OrderDetails").find('#Zipcode').text(parsedOrder.zipcode);
    $("#OrderDetails").find('#Email').text(parsedOrder.email);
    $("#OrderDetails").find('#Phone').text(parsedOrder.phone);

$("#OrderDetails").find('#ProjectId').text(parsedOrder.project_id);
    $("#OrderDetails").find('#CarbonQuantity').text(parsedOrder.carbon_quantity+' kg');
    $("#OrderDetails").find('#CarbonCost').text('$'+parsedOrder.carbon_cost);
    $("#OrderDetails").find('#TransactionCost').text('$'+parsedOrder.transaction_cost);
    $("#OrderDetails").find('#TotalCost').text('$'+parsedOrder.total_cost);

$("#OrderDetails").find('#Receipt').attr("href", parsedOrder.receipt_url);
    $("#OrderDetails").find('#PaymentMethod').text(parsedOrder.payment_method);
    $("#OrderDetails").find('#TransactionId').text(parsedOrder.transaction_id);
    $("#OrderDetails").find('#ColverlyTransactionId').text(parsedOrder.cloverly_transaction_id);
    $("#OrderDetails").find('#CardHolderName').text(parsedOrder.card_holder_name);
    
});

</script>

[+] ..
[-] details.blade.php [edit]
[-] list.blade.php [edit]