@extends('layouts.master')
@section('content')
    <!-- Breadcum Start -->
    @include('components.breadcum')
    <!-- Breadcum End -->
    <!-- About Us Start -->
    <section class="card-details v1 pt-50 pb-50 pt-md-70 pb-md-70 pt-xl-100 pb-xl-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="pay-info-box buyer-info wow animate__fadeInUp" data-wow-delay="0.1s" data-wow-offset="20"
                        data-wow-duration="0.8s">
                        <div class="pay-head">
                            <p class="text-para-2 text-para-xl-1 text-bold">Payment with bank transfer</p>
                        </div>
                        <div class="pay-body">

                            <ul>
                                <li><b>Bank Name :</b> {{ $paymentBank->bank_name }}</li>
                                <li><b>Account Name :</b> {{ $paymentBank->account_name }}</li>
                                <li><b>Account Number :</b> {{ $paymentBank->account_number }}</li>
                                <li><b>Iban Number :</b> {{ @$paymentBank->iban_number ?? 'N/A' }}</li>
                                <li><b>Routing Number :</b> {{ @$paymentBank->routing_number ?? 'N/A' }}</li>
                                <li><b>Swift Code :</b> {{ @$paymentBank->swift_code ?? 'N/A' }}</li>
                            </ul>

                            <hr>

                            <p><strong>Payment Policies:</strong></p>
                            <ul>
                                <li>After making the transfer, please upload an image of the evidence
                                    of payment (e.g., JPG or PNG format).</li>
                                <li>Orders will only be shipped or services rendered upon successful
                                    verification of your payment.</li>
                            </ul>
                            <p>If you have any questions or need further assistance, please contact
                                our customer support team.</p>

                        </div>

                    </div>
                    <div class="pay-info-box buyer-info wow animate__fadeInUp" data-wow-delay="0.1s" data-wow-offset="20"
                        data-wow-duration="0.8s">
                        <div class="pay-head">
                            <p class="text-para-2 text-para-xl-1 text-bold">Upload evidence of the payment</p>
                        </div>
                        <div class="pay-body">

                            <form action="{{ route('payment.bank.transfer') }}" method="post" enctype="multipart/form-data">
                                @csrf
                                <div class="form-group">
                                    <label for="evidence_of_payment">Evidence of payment</label>
                                    <input type="file" name="evidence_of_payment" id="evidence_of_payment"
                                        class="form-control">
                                </div>
                                <button type="submit" class="btn-anime v1 round-border-small mt-20">Proceed <i
                                        class="fas fa-arrow-right"></i></button>
                            </form>

                        </div>

                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="pay-info-box billing-details wow animate__fadeInUp" data-wow-delay="0.3s"
                        data-wow-offset="20" data-wow-duration="0.8s">
                        <div class="pay-head">
                            <p class="text-para-2 text-para-xl-1 text-bold">Order Summary</p>
                        </div>
                        <div class="pay-body">
                            <ul class="billing-list">
                                <li>
                                    <p class="text-para-2 text-para-xl-1 text-reguler">Subtotal</p>
                                    <p class="text-para-2 text-para-xl-1 text-reguler color-orange">
                                        {{ formatAmount(cartSubTotal(), $settings) }}</p>
                                </li>
                                <li>
                                    <p class="text-para-2 text-para-xl-1 text-reguler">Discount(-)</p>
                                    <p class="text-para-2 text-para-xl-1 text-reguler">
                                        {{ formatAmount(calculateCouponDiscount(), $settings) }}</p>
                                </li>
                                <li>
                                    <p class="text-para-2 text-para-xl-1 text-reguler">Shipping Cost</p>
                                    <p class="text-para-2 text-para-xl-1 text-reguler" id="shipping_fee">
                                        {{ formatAmount(getShippingFee(), $settings) }}</p>
                                </li>
                                <li>
                                    <p class="text-para-2 text-para-xl-1 text-bold">Total</p>
                                    <p class="text-para-2 text-para-xl-1 text-bold" id="total_amount"
                                        data-id="{{ getTotalWithAppliedCoupon() }}">
                                        {{ formatAmount(getTotalWithAppliedShippingFee(), $settings) }}</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- About Us End -->
@endsection