HEX

File: /var/www/vhost/disk-apps/alq-cali.bikenow.co/resources/views/yappy/webcheckout.blade.php
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>WebCheckout</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="csrf-token" content="{{ csrf_token() }}" />
    <style type="text/css">
        @import url(https://fonts.googleapis.com/css?family=Roboto:300);

        .login-page {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%);
        }

        .header {
            display: flex;
            border-bottom: 0.3px solid lightgrey;
            text-align: center;
        }

        .box-header {
            text-align: justify;
        }

        .expDiv {
            display: flex;
        }

        .expMonth {
            max-width: 33%;
        }

        .form {
            position: relative;
            z-index: 1;
            background: #FFFFFF;
            width: 360px;
            padding: 10px;
            text-align: center;
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
            border-radius: 4px;
        }

        .form input {
            font-family: "Roboto", sans-serif;
            outline: 0;
            background: #f2f2f2;
            width: 100%;
            border: 0;
            margin: 0 0 15px;
            padding: 15px;
            box-sizing: border-box;
            font-size: 14px;
        }

        .form button {
            font-family: "Roboto", sans-serif;
            text-transform: uppercase;
            outline: 0;
            background: #505050;
            width: 100%;
            border: 0;
            padding: 15px;
            color: #FFFFFF;
            font-size: 14px;
            -webkit-transition: all 0.3 ease;
            transition: all 0.3 ease;
            cursor: pointer;
        }

        .form button:hover,
        .form button:active,
        .form button:focus {
            background: #404040;
        }

        .form .message {
            margin: 15px 0 0;
            color: #b3b3b3;
            font-size: 12px;
        }

        .form .message a {
            color: #4CAF50;
            text-decoration: none;
        }

        .form .register-form {
            display: none;
        }

        .container {
            position: relative;
            z-index: 1;
            max-width: 300px;
            margin: 0 auto;
        }

        .container:before,
        .container:after {
            content: "";
            display: block;
            clear: both;
        }

        .container .info {
            margin: 50px auto;
            text-align: center;
        }

        .container .info h1 {
            margin: 0 0 15px;
            padding: 0;
            font-size: 36px;
            font-weight: 300;
            color: #1a1a1a;
        }

        .container .info span {
            color: #4d4d4d;
            font-size: 12px;
        }

        .container .info span a {
            color: #000000;
            text-decoration: none;
        }

        .container .info span .fa {
            color: #EF3B3A;
        }

        .gateway {
            display: flex;
            margin: 30px 0px;
        }

        .imgGateway {
            display: block;
            margin: auto;
            border-radius: 4px;
        }

        body {
            background: rgba(0, 0, 0, 0.62);
            font-family: "Roboto", sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            display: flex;
        }
    </style>
</head>

<body>

    <div class="box login-page">
        <div class="form">
            <div class="header">
                <img src="{{ $team->logo }}" width="150" height="auto" />
                <h1>{{ Lang::get('messages.paymentForms.webcheckout_form_1') }} {{ $team->name }}</h1>
            </div>
            <div class="box-header with-border">
                <h4 class="box-title">
                    {{ Lang::get('messages.paymentForms.webcheckout_form_3', ['value' => isset($order) ? $order->string_price : $ticket->string_price]) }}
                </h4>
            </div>
            <input type="hidden" id="buttonColor" value="{{ $team->color ?? '#505050' }}" />
            <input type="hidden" id="buttonText" value="{{ Lang::get('messages.paymentForms.webcheckout_form_7', ['value' => isset($order) ? $order->string_price : $ticket->string_price]) }}" />
            <div id="Yappy_Checkout_Button"></div>
            <div class="gateway">
                <img class="imgGateway" src="{{ $gatewayData->image_url }}" width="150" height="auto" />
            </div>
        </div>
    </div>

    <form id="yappyForm" action="/store/payment?paymentGatewayId={{ isset($order) ? $order->gateway_payments_id : $ticket->gateway_payments_id }}" method="POST" style="display: none;">
        @csrf
        <input type="hidden" name="total" value="{{ isset($order) ? $order->total_price : $ticket->total }}" />
        <input type="hidden" name="subtotal" value="{{ isset($order) ? $order->total_price : $ticket->total }}" />
        <input type="hidden" name="orderId" value="{{ isset($order) ? $order->gw_code_transaction : $ticket->payment_reference }}" />
        <input type="hidden" name="origin" value="{{ isset($order) ? 'order' : 'ticket' }}" />
        <input type="hidden" name="taxes" value="0.1" />
        <input type="hidden" name="phone" value="{{ isset($order) ? $order->phone : $phone }}" />
    </form>
    <script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
    <script src="{{ asset('js/yappy.js') . '?v=' . time() }}"></script>

</body>

</html>