@extends('pay_online.master')

@section('content')
    <div class="container-fluid">
        <div class="row justify-content-center mt-3">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-body">
                        <h4 class="header-title mt-0 mb-3">Order Summary | {{$transaction->invoice_no}}</h4>
                        <div class="table-responsive shopping-cart">
                            <table class="table mb-0">
                                <thead>
                                <tr>
                                    <th>Product</th>
                                    <th>Quantity</th>
                                    <th>Total</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach ($transaction->sell_lines as $item)
                                    <tr>
                                        <td>
                                            <img src="{{$item->product->image_url}}" alt="" height="52">
                                            <p class="d-inline-block align-middle mb-0 product-name">
                                                {{$item->product->name}}</p>
                                        </td>
                                        <td>
                                            {{$item->quantity}}
                                        </td>
                                        <td>Rs
                                            {{ number_format($item->quantity * $item->unit_price_inc_tax, 2) }}
                                        </td>
                                    </tr>
                                @endforeach
                                <tr>
                                    <td>
                                        <h6>Total :</h6>
                                    </td>
                                    <td></td>
                                    <td class="text-dark"><strong>Rs
                                            {{ number_format($transaction->total_before_tax, 2) }}</strong>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <!--end re-table-->
                        <div class="total-payment">
                            <table class="table mb-0">
                                <tbody>
                                <tr>
                                    <td class="payment-title text-right">Total</td>
                                    <td></td>
                                    <td class="text-dark text-right"><strong>
                                            Rs <span id="total">{{ number_format($transaction->final_total, 2) }}</span>
                                        </strong></td>
                                </tr>
                                <tr>
                                    <td class="payment-title text-right">Trx Ref No</td>
                                    <td></td>
                                    <td class="text-dark text-right"><strong>
                                            <span id="total">{{ $transaction_payment->transaction_no }}</span>
                                        </strong></td>
                                </tr>
                                <tr>
                                    <td class="payment-title text-right">Trx Date</td>
                                    <td></td>
                                    <td class="text-dark text-right"><strong>
                                            <span id="total">{{ \Carbon\Carbon::parse($transaction_payment->created_at)->format('Y-m-d H:i:s') }}</span>
                                        </strong></td>
                                </tr>
                                <tr>
                                    <td class="payment-title text-right">Order Status</td>
                                    <td></td>
                                    <td class="text-dark text-right"><strong>
                                            <span class="label label-success"
                                                  style="color: green">Invoice Paid</span></strong>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            <!--end table-->
                        </div>
                        <!--end total-payment-->
                    </div>
                    <!--end card-body-->
                </div>
                <!--end card-->
            </div>
        </div>
    </div><!-- container -->
@endsection

@section('scripts')
    <script>
        Swal.fire({
            title: 'Payment Completed',
            text: 'Your payment has been done via online',
            type: 'warning',
            allowOutsideClick: true,
            confirmButtonColor: '#1ECAB8',
            showConfirmButton: true
        })
    </script>
@endsection