@extends('payment.layout')

@section('styles')
    <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
    <script>
        // setTimeout(function(){window.location="http://210.4.76.133:5112/#/br-wallet";}, 3000)
    </script>
    <style>
        .blinking{
            animation:blinkingText 1.2s infinite;
            color: red;
            text-align: center;
        }
        @keyframes blinkingText{
            0%{     color: #000;    }
            49%{    color: #000; }
            60%{    color: transparent; }
            99%{    color:transparent;  }
            100%{   color: #000;    }
        }
    </style>
@endsection

@section('content')
    <div class="container">
        @if($returnUrl)
            <form action="{{$returnUrl}}" method="post" id="payment-form" name="payment-form" style="display: none">
                @foreach($res as $k=>$v)
                    <input type="text" name="{{$k}}" value="{{$v}}">
                @endforeach
            </form>
            <h2 class="blinking text-primary" style="padding-top: 20%">Do not close browser to tab. Its processing...</h2>
        @else
            <h2 class="text-center {{($res['status'] != '1')?'text-danger':''}}" style="padding-top: 20%">{{$res['msg']}}</h2>
        @endif
    </div>
@endsection

@section('script')
    <script>
        $(function () {
            setTimeout(function(){
                $("#payment-form").submit();
            }, 1000)
        });
    </script>
@endsection