@extends('admin.layout')
@section('content')
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="page-title">{{ translate('Test moyasser') }}</h3>

            </div>

        </div>
    </div>
    <!-- Main content -->
    <section class="content">
        <div class="box">
            <div class="box-header box-header-custem">

            </div>
            <div class="box-body">
                <div class="mysr-form"></div>

            </div>
        </div>

    </section>
@endsection

@section('script')
    <script>
        Moyasar.init({
            // Required
            // Specify where to render the form
            // Can be a valid CSS selector and a reference to a DOM element
            element: '.mysr-form',
            // Required
            // Amount in the smallest currency unit
            // For example:
            // 10 SAR = 10 * 100 Halalas
            // 10 KWD = 10 * 1000 Fils
            // 10 JPY = 10 JPY (Japanese Yen does not have fractions)
            amount: 1000,
            // Required
            // Currency of the payment transation
            currency: 'SAR',
            // Required
            // A small description of the current payment process
            description: 'Coffee Order #1',
            // Required
            publishable_api_key: 'pk_test_yBXKydB3zpxJUod6hNWeMe461Hsu8CEH329m1xAi',
            // Required
            // This URL is used to redirect the user when payment process has completed
            // Payment can be either a success or a failure, which you need to verify on you system (We will show this in a couple of lines)
            callback_url: "{{ route('Addon.testMoyaser') }}",
            // Optional
            // Required payments methods
            // Default: ['creditcard', 'applepay', 'stcpay']
            methods: [
                'creditcard',
            ],
        });
    </script>
@endsection