@extends('landing.layouts.app')

@section('content')
    <div class="container-fluid mt-5">
       <div class="row">
           <div class="col-lg-4"></div>
        <div class="col-lg-4">
            <div class="card order_success d-flex align-items-center justify-content-center">
               @if($transaction->status === 'Success')
                    <div class="text-success">
                        <i class="bi bi-check-circle" style="font-size: 180px"></i>
                    </div>
                    <h1>Payment Successfully</h1>
                    <p class="mb-0">We received your order request</p>
                    <p>Thank You!</p>
                @else
                    <div class="text-danger">
                        <i class="bi bi-check-circle" style="font-size: 180px"></i>
                    </div>
                    <h1>Payment Failed</h1>
               @endif

                <table class="table">
                    <tr>
                        <th>Order number :</th>
                        <td>{{ $order->id }}</td>
                    </tr>
                    <tr>
                        <th>Transaction ID :</th>
                        <td>{{ $transaction->tracking_id }}</td>
                    </tr>
                    <tr>
                        <th>Reference No  :</th>
                        <td>{{ $transaction->bank_ref_no }}</td>
                    </tr>
                    <tr>
                        <th>Amount  :</th>
                        <td>{{ $order->grand_total }}/-</td>
                    </tr>
                    <tr>
                        <th>Payment Mode  :</th>
                        <td>{{ $transaction->payment_mode }}</td>
                    </tr>
                    <tr>
                        <th>Status  :</th>
                        <td>
                            @if($transaction->status === 'Success')
                                    Success
                                @else
                                    Failed
                            @endif
                        </td>
                    </tr>
                </table>
                <div class="d-flex justify-content-center mb-2">
                    <a href="{{route('account',['tab'=>'myorders','order_id'=>$order->id])}}" class="btn btn-sm btn-success text-white">View Order</a>
                </div>
            </div>
            <div style="display: none">
                <p>
                    {{$encResponse}}
                </p>
                <p>
                    {{ $rcvdString }}
                </p>
            </div>

        </div>
       </div>
        <div class="col-lg-4"></div>
    </div>
@endsection