<style>
    pre {
        outline: 1px solid #ccc;
        padding: 5px;
        margin: 5px;
    }

    .string {
        color: green;
    }

    .number {
        color: darkorange;
    }

    .boolean {
        color: blue;
    }

    .null {
        color: magenta;
    }

    .key {
        color: red;
    }
</style>

@extends('modules.head') @section('contenido')
<div class="box-header">
    <div class="box">
        <div class="box-header with-border">
            <h3 class="box-title">{{ Lang::get('messages.ref_wompi.title_1')}}</h3>
        </div>
    </div>

    <div class="form-row">
        <div class="form-group col-md-4">
            <label for="ref_transaction" class="ul-form__label">@lang('messages.ref_wompi.title_3'):</label>
            <input type="text" class="form-control" id="ref_transaction" name="ref_transaction" placeholder="" required>
        </div>

        <div class="form-group col-md-4">
            <button onClick="referenceData()" type="button" id="search_ref" name="search_ref" class="btn btn-danger btnPlusDir">@lang('messages.ref_wompi.title_8')</button>
        </div>
    </div>
</div>


<h2>@lang('messages.ref_wompi.title_7')</h2>

<hr width="100%;" color="red" size="8" style="border-top: 6px solid #dd4b39;" />

<pre class="jsonPre"> </pre>

@endsection
<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('js/paymentsValidator.js') . '?v=' . time() }}"></script>