@extends('front.layouts.master')
@section('title', isset($title) ? $title : 'Home')
@section('description', isset($description) ? $description : '')
@section('keywords', isset($keywords) ? $keywords : '')
@section('payment_credential')
  @php
    $hyperpayUrl = env('APP_ENV') == 'production' ?
    config('app.hyperpay')['production']['HYPERPAY_URL'] :
    config('app.hyperpay')['development']['HYPERPAY_URL'];
  @endphp
  <meta http-equiv="Content-Security-Policy"
    content="style-src 'self' {{ $hyperpayUrl }} 'unsafe-inline';
    frame-src 'self' {{ $hyperpayUrl }};
    script-src 'self' {{ $hyperpayUrl }} 'nonce-{{ $nonce }}';
    connect-src 'self' {{ $hyperpayUrl }};
    img-src 'self' {{ $hyperpayUrl }};"
  >
@endsection
@section('content')
    <!-- breadcrumb area start here  -->
    <div class="breadcrumb-area">
        <div class="container">
            <div class="breadcrumb-wrap text-center">
                <h2 class="page-title">{{ __('Checkout') }}</h2>
                <ul class="breadcrumb-pages">
                    <li class="page-item"><a class="page-item-link" href="{{ route('front') }}">{{ __('Home') }}</a>
                    </li>
                    <li class="page-item">{{ __('Checkout') }}</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- breadcrumb area end here  -->
     <!-- checkout page area start here  -->
<section class="page-content section" dir="ltr">
    <div class="checkout">
        <div class="container">
            <div class="row">
              <script nonce="{{ $nonce }}">
                var wpwlOptions = {
                  style:"plain",
                  paymentTarget: "_top",
                }
              </script>
              <script src="{{env('HYPERPAY_JS_URL')}}={{ $responseData->id }}"
                integrity="{{ $responseData->integrity }}"
                crossorigin="anonymous"
              >
              </script>
              <form action="{{ route('hyperpay.payment',['checkoutId' => $responseData->id]) }}" class="paymentWidgets" data-brands="VISA MASTER AMEX"></form>
            </div>
        </div>
    </div>
</section>
@endsection