@extends('layouts.paymentLayout')
@section('head')
    دفع الفاتورة في تطبيق
@endsection
@section('content')
    <style>
        .wpwl-container{
            z-index: 99;
            color : rgb(15, 13, 13);
        }
        .wpwl-control, .wpwl-group-registration{
            color:#333;
        }
        .pay-link{
            position: relative;
            z-index: 99;
        }
        .pay-link ul{
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .pay-link ul li{
            margin: 10px;
        }
        .pay-link ul li img{
            width: 120px;
            height: 50px;
            max-width: 100%;
        }
        .wpwl-wrapper{
            flex-direction: row-reverse;
            width: 100%;
            display: flex;
            justify-content: flex-end;
        }
        .wpwl-wrapper label{
            margin-right: 10px;
        }
        .wpwl-label.wpwl-label-mobilePhone {
            font-weight: bold;
            color: {{setting('base_color')}};
        }
        .wpwl-wrapper.wpwl-wrapper-mobilePhone input {
            border-radius: 30px;
            padding: 0 10px;
            margin: 10px 0;
            direction: ltr;
        }
    </style>
    @if(setting('online_payment_commission') > 0)
        <p class="text-center">يتم اضافه عمولة دفع الكتروني بمقدار {{setting('online_payment_commission')}} ٪ علي الفاتورة.</p>
    @endif
    <form action="{{route('appleResult')}}" class="paymentWidgets" data-brands="{{$APPLEPAY->type}}"></form>
    <script>
        var wpwlOptions = {
            locale: "ar",
        }
    </script>
    @if(setting('hyperpay_mode') && setting('hyperpay_mode') == 'live')
        <script src="https://oppwa.com/v1/paymentWidgets.js?checkoutId={{$checkoutId}}"></script>
    @else
        <script src="https://test.oppwa.com/v1/paymentWidgets.js?checkoutId={{$checkoutId}}"></script>
    @endif
@endsection