<?php $__env->startSection('content'); ?>
    <div class="account">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Online Card Payment System</title>
    <link href="/pay_by_card/css/layout.css" rel="stylesheet" type="text/css" media="all" />
    <link href="/pay_by_card/css/jquery-ui-theme/jquery-ui-1.10.3.min.css" rel="stylesheet" type="text/css" media="all" />
    <script type="text/javascript" language="javascript">
        var addSurcharge    = <?php echo $payment->getValue('addSurcharge') ? 'true' : 'false'; ?>;
    </script>
    <script type="text/javascript" src="/pay_by_card/js/creditcard.js"></script>
    <script type="text/javascript" src="/pay_by_card/js/script.js"></script>
</head>

<body>
<div class="page-center">
    <div class="wrapper">
        <div class="form-wrapper card_form">
            <div class="account_wait">Sending request, please wait</div>

            <form action="<?php echo e(route('pay.card_payment')); ?><?php echo $payment->getValue('addSurcharge') ? '' : '?no'; ?>" method="post" id="frmPayment">
                <?php echo csrf_field(); ?>
                <div class="full-column">

                    <ul class="creditcards">
                        <li><img src="/pay_by_card/images/visa.png" class="creditcard_visa" alt="" /></li>
                        <li><img src="/pay_by_card/images/visa_debit.png" class="creditcard_visa_debit" alt="" /></li>
                        <li><img src="/pay_by_card/images/maestro.png" class="creditcard_maestro" alt="" /></li>
                        <li><img src="/pay_by_card/images/mastercard.png" class="creditcard_mastercard" alt="" /></li>
                        <li><img src="/pay_by_card/images/amex.png" class="creditcard_amex" alt="" /></li>
                    <?php   if ($payment->getValue('addSurcharge')) {  ?>

                        <?php   } ?>
                        <div style="clear:both"></div>
                    </ul>
                </div>
                <div class="personal-details">
                    <div class="form-row company-name">
                        <label>Your company name</label><br><input type="text" name="companyName" id="companyName" value="<?php $payment->printProperty('companyName'); ?>" class="input-box" />
                        <div class="for-error"></div>
                    </div>
                    <div class="form-row email">
                        <div class="form-row"><label>Email address</label><input type="text" name="email" id="email" value="<?php $payment->printProperty('email'); ?>" class="input-box" /></div>
                        <div class="for-error"><?php if(session('errors.email')) { echo session('errors.email'); } ?></div>
                    </div>
                </div>

                <div class="card-details">
                    <?php if(session('pay_fixed')) { ?>
                    <span class="pay_fixed_true"></span>
                    <?php } ?>
                    <input type="hidden" value="true" name="check_submit">
                    <input type="hidden" value="" id="card_type_hidden" name="card_type">
                    <div class="form-row"><input type="hidden" name="amount" id="amount" value="<?php echo e(session('total_amount')); ?>" class="input-box-medium" /></div>
                    <div class="col-one">
                        <div class="form-row holder-name"><label>Card holders name</label><br><input type="text" name="cardHolderName" id="cardHolderName" value="<?php $payment->printProperty('cardHolderName'); ?>" class="input-box-medium" />
                            <div class="for-error"><?php if(session('errors.cardHolderName')) { echo session('errors.cardHolderName'); } ?></div>
                        </div>
                        <div class="form-row card-number"><label>Card number</label><br><input type="text" name="cardNumber" id="cardNumber" value="<?php $payment->printProperty('cardNumber'); ?>" class="input-box" />
                            <div class="for-error"><?php if(session('errors.cardNumber')) { echo session('errors.cardNumber'); } ?></div>
                        </div>

                    </div>
                    <div class="col-two">
                        <div class="form-row cvv">
                            <label >CVV/Security Number</label><input type="text" name="cardSecurityNumber" id="cardSecurityNumber" size="4" value="<?php $payment->printProperty('cardSecurityNumber'); ?>" class="input-box-small" />
                            <a class="info" href="#"><i class="material-icons">info</i></a>
                            <div class="for-error"><?php if(session('errors.cardExpiryMonth')) { echo session('errors.cardExpiryMonth'); } ?></div>
                        </div>
                        <div  class="form-row exp-dates"><label style="margin-bottom:10px;">Card expiry date</label><br><?php echo $payment->getExpiryMonthDropdown(), $payment->getExpiryYearDropdown(); ?>
                            <div class="for-error">
                                <?php if(session('errors.cardExpiryYear')) { echo session('errors.cardExpiryYear'); } ?>

                            </div>
                        </div>
                        <div style="clear:both"></div>
                    </div>
                </div>

                <div class="payment-info">
                    <div class="payment-info-inner">
                        <p><span>Total amount to be charged </span><br><b><span class="value">&pound; <span id="totalAmount"><?php if(session('pay_fixed')) { echo session('total_amount'); } else { ?>0.00<?php } ?></span></b><br>
                            <?php if(!session('pay_fixed')) { ?><span class="small-info-payment">(incl. &pound; <span class="fee"></span> in card fees)</span><?php } ?>
                        </p>
                    </div>
                </div>
                <?php if(session('invoice_currency')) {  ?>
                <input type="hidden" name="payment_currency" value="<?php echo e(session('invoice_currency')); ?>">
                <?php } else { ?>
                <input type="hidden" name="payment_currency" value="GBP">
                <?php } ?>
                <div class="buttons creditcard_buttons">
                    <a class="choise-button" href="<?php echo e(route('pay.index')); ?>">Back</a>
                    <input type="submit" name="proceedToPay"  class="choise-button disable " style="padding-top:15px;padding-bottom:15px;font-size:14px;" value="Pay"/>
                    <div style="clear:both"></div>
                </div>
            </form>
        </div>
    </div>
</div>
<?php
$errors = $payment->getValue('errors');
if (!empty($errors)) {
?>
<div id="jqueryDialogError" style="display: none;">
    <p><?php echo implode("<br />", $errors); ?></p>
</div>
<?php
}
?>

<div id="modal_form" class="form-close"><!-- Сaмo oкнo -->
    <span id="modal_close"><i class="fa fa-times" aria-hidden="true"></i></span> <!-- Кнoпкa зaкрыть -->
    <b>American express</b><br>
    <p>4 numbers above the creditcard number or either the right or the left side of your creditcard</p>
    <b>Visa/Mastercad/Maestro</b><br>
    <p>Last 3 numbers in the signature area of the back of the card</p>
</div>
<div id="overlay"></div><!-- Пoдлoжкa -->

</body>
</html>
    </div>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.pay_app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /Users/joraleqyan/PhpstormProjects/xero/resources/views/pay/card_payment.blade.php ENDPATH**/ ?>