@extends('web.layout.master')

@section('content')

<style>
    apple-pay-button {
        --apple-pay-button-width: 150px;
        --apple-pay-button-height: 30px;
        --apple-pay-button-border-radius: 3px;
        --apple-pay-button-padding: 0px 0px;
        --apple-pay-button-box-sizing: border-box;
      }
</style>
<div class="container">
    <div class="row justify-content-center">
        <div class="col-sm-7 mx-auto ">
            <div class="text-center mt-5 text-black font-weight-bold login-title">
                <label class="fs-1">Apple Pay</label>
            </div>



<button id="apple-pay-button1" onclick="onApplePayButtonClicked()">Apple Pay</button>

<br>
<br>
<br>
<br>

<div id="logcontainer">

</div>


        </div>
    </div>
</div>




<script>
        // Configure Apple Pay button
//document.getElementById('apple-pay-button').addEventListener('click', () => {
                                                             
//    // Configure Apple Pay button
//    const paymentRequest = {
//        countryCode: 'IN',
//        currencyCode: 'USD',
//        total: {
//            label: 'test',
//            amount: '1.00',
//        },
//        merchantCapabilities: ['supports3DS', 'supportsCredit', 'supportsDebit'],
//        supportedNetworks: ['amex', 'masterCard', 'visa'],
//    };
//
//    // Create Apple Pay session within the click event handler
//    const session = new ApplePaySession(2, paymentRequest);
//
//    session.onvalidatemerchant = (event) => {
//         const validationURL = 'https://www.partswarehouse.com'; // Replace with the validation URL from your server
//         event.validationURL = validationURL;
//     };
//    // Handle payment authorization
//    session.onpaymentauthorized = (event) => {
//        const payment = event.payment;
//        // Send the payment token to your Laravel backend for processing
//        sendPaymentTokenToServer(payment.token);
//        session.completePayment(ApplePaySession.STATUS_SUCCESS);
//    };
//    session.oncancel = (event) => {
//        alert('failed');
//    };
//    // Begin the Apple Pay session
//    session.begin();
//});

function sendPaymentTokenToServer(token){

    // Send the payment token to your Laravel backend using AJAX or fetch
    var urlprocess = "{{ route('process-apple-pay') }}"
    fetch(urlprocess, {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
        },
        body: JSON.stringify({ applePayToken: token }),
    })
    .then(response => response.json())
    .then(data => {
        // Handle the response from the server
        console.log(data);
    })
    .catch(error => {
        // Handle error
        console.error(error);
    });
}


function onApplePayButtonClicked() {

    if (!ApplePaySession) {
        return;
    }
    console.log("Test Console Message");

    
    // Define ApplePayPaymentRequest
    const request = {
        "countryCode": "US",
        "currencyCode": "USD",
        "merchantCapabilities": [
            "supports3DS"
        ],
        "supportedNetworks": [
            "visa",
            "masterCard",
            "amex",
            "discover"
        ],
        "total": {
            "label": "Demo (Card is not charged)",
            "type": "final",
            "amount": "1.00"
        }
    };
   
    // Create ApplePaySession
    const session = new ApplePaySession(3, request);
    $('#logcontainer').append(JSON.stringify(session));
    session.onvalidatemerchant = async event => {
        const merchantSession = await validateMerchant();
        session.completeMerchantValidation(merchantSession);
    };
    $('#logcontainer').append("session secound");
    session.onpaymentmethodselected = event => {
        // Define ApplePayPaymentMethodUpdate based on the selected payment method.
        // No updates or errors are needed, pass an empty object.
        const update = {};
        session.completePaymentMethodSelection(update);
    };
    
    session.onshippingmethodselected = event => {
        // Define ApplePayShippingMethodUpdate based on the selected shipping method.
        // No updates or errors are needed, pass an empty object.
        const update = {};
        session.completeShippingMethodSelection(update);
    };
    
    session.onshippingcontactselected = event => {
        // Define ApplePayShippingContactUpdate based on the selected shipping contact.
        const update = {};
        session.completeShippingContactSelection(update);
    };
    
    session.onpaymentauthorized = event => {
        // Define ApplePayPaymentAuthorizationResult
        const result = {
            "status": ApplePaySession.STATUS_SUCCESS
        };
        $('#logcontainer').append('done');
        sendPaymentTokenToServer(payment.token);
        session.completePayment(result);
    };
    
    session.oncouponcodechanged = event => {
        // Define ApplePayCouponCodeUpdate
        const newTotal = calculateNewTotal(event.couponCode);
        const newLineItems = calculateNewLineItems(event.couponCode);
        const newShippingMethods = calculateNewShippingMethods(event.couponCode);
        const errors = calculateErrors(event.couponCode);
        
        session.completeCouponCodeChange({
            newTotal: newTotal,
            newLineItems: newLineItems,
            newShippingMethods: newShippingMethods,
            errors: errors,
        });
    };
    
    session.oncancel = event => {
        // Payment canceled by WebKit
    };
    
    session.begin();
}
validateMerchant();
function validateMerchant(){
    var myKeyVals = {
        "merchantIdentifier": "partswarehouse.com.store",
        "displayName": "partswarehouse",
        "initiative": "web",
        "initiativeContext": "partswarehouse.com"
    };
    
    $.ajax({
          
          url: "https://apple-pay-gateway.apple.com/paymentservices/paymentSession",
          data: myKeyVals,
          type: 'GET',
          dataType: "jsonp",
          success: function(resultData) {  alert(resultData); }
    });
}


    </script>
@endsection