<?php
/**
 * Created by PhpStorm.
 * User: roysinclair
 * Date: 2016/02/29
 * Time: 8:33 AM
 */
//20190510 - Included the layout in wizard steps. - Gael

$stepData = json_decode($_COOKIE[$_SERVER["QUERY_STRING"]]);



$WizardContent = "
    <h1 class='text-left hFont'>Payment of annual fee</h1>
    <h5 class='text-left'>How would you like to pay your annual fee ?</h5>

    <form role='form' id='sa-natural-payment'>
        <div class='form-body padding-top35px'>
            <div id='customAlert'>
                <span class='help-block hiddenContent'></span>
            </div>

            <div class='form-group form-md-line-input'>
                <div class='col-md-10'>
                    <div class='md-radio-inline'>
                        <div class='md-radio'>
                            <input type='radio' id='payDebitOrder' name='payment' class='md-check oneSelected'>
                            <label for='payDebitOrder'>
                                <span class='inc'></span>
                                <span class='check'></span>
                                <span class='box'></span>  I’d like to pay by debit order </label>
                        </div>
                    </div>
                </div>
            </div>

            <div class='form-group form-md-line-input'>
                <div class='col-md-10'>
                    <div class='md-radio-inline'>
                        <div class='md-radio'>
                            <input type='radio' id='payBullionAccount' name='payment' class='md-check oneSelected'>
                            <label for='payBullionAccount'>
                                <span class='inc'></span>
                                <span class='check'></span>
                                <span class='box'></span>  I'd like to pay from the cash balance in my SA Bullion facility ? </label>
                        </div>
                    </div>
                </div>
            </div>

        <div class='clearfix margin-bottom-40'></div>

        <div class='form-actions noborder  button-right'>
            <div class='padding-top52px'></div>
            <a href='#' class='padding-right'>
                <button type='button' class='btn purple btn-lg' id='saveData'>Continue</button>
            </a>
        </div>

        <div class='form-actions noborder'>
            <div class='padding-top52px'></div>
            <a href='#' class='padding-left'>
                <button type='button' class='btn white btn-lg' id='backButton'>Back</button>
            </a>
        </div>

        <div class='form-actions noborder hidden' id='updatePayment'>
            <div class='padding-top52px'></div>
            <a href='#'>
                <button type='button' class='btn purple btn-lg' id='updateButton'>Update</button>
            </a>
        </div>
    </form>
    <div class='padding-bottom-100px'> </div>
";
require("layout_basic.php");
?>
