<header>
    <div class="content-wrapper">
        <div class="float-left">
            <p class="site-title">
                <a href="~/">ASP.NET Web API</a>
            </p>
        </div>
    </div>
</header>
<div id="body">
    <section class="featured">
        <div class="content-wrapper">
            <h2>Criar transação no TrayCheckout:</h2>
            <p>
                Este programa realiza um POST para API CreateTransaction do TrayCheckout com os dados de cliente, produto e pagamento.
            </p>
            <p>
                Se os dados obrigatórios forem inválidos, ou existir algum problema na requisição, será retornado um xml de erro, que será exibido com destaque em vermelho.
            </p>
            <p>
                No caso de sucesso na criação de transação o TrayCheckout vai retornar um xml com informações da transação. Os dados retornados como o ID, o token da transação, além das informações de pagamento são tratados e exibidos em uma textbox. 
            </p>
            <p>
                Para implementar este exemplo em sua loja, será necessário alterar o método formData(). 
                Neste método os dados de cliente, produto e pagamento são populados em uma lista para ser enviado ao TrayCheckout.
                Também será necessário alterar a URL de notificação (urlNotification) do arquivo ConfigTrayCheckout.cs para o endereço de sua loja.
            </p>
            <p>
                OBS: Existe três exemplos de pagamento, por cartão de crédito, boleto ou transferência. Definídos conforme abaixo:
                <pre>
                        const string PAYMENT_CARD = "card";
                        const string PAYMENT_TRANSFER = "transfer";
                        const string PAYMENT_BANK_SPLIP = "billet";
                </pre>
                Para testar cada um deles, é necessário alterar a atribuição fixa "methodPayment = PAYMENT_TRANSFER;" no método formData().
            </p>
            
        </div>
    </section>
    <section class="content-wrapper main-content clear-fix">
        <div style="background-color:@ViewData["messageColor"];">
            @ViewData["resultMessage"]
        </div>

        <h3>Criação de transação no TrayCheckout:</h3>

        <ol class="round">

            <li>
                <h5>URL de pagamento quando o meio escolhido for "boleto" ou "tranferência" (não tem para cartão):</h5>
                <a href="@ViewData["linkPayment"]" >@ViewData["linkPayment"]</a>
            </li>
            <li>
                <h5>Dados do POST para o TrayCheckout:</h5>
                <textarea name="teste" rows="10" cols="100">@ViewData["dataRequest"] </textarea>
            </li>
            <li>
                <h5>Exemplo de Dados Resgatados do XML de Retorno da Criação:</h5>
                <textarea name="teste" rows="10" cols="100">@ViewData["dataResponse"]</textarea>
            </li>
            <li>
                <h5>Xml Response:</h5>
                <textarea name="teste" rows="20" cols="100">@ViewData["xmlResponse"]</textarea>
            </li>
        </ol>
    </section>
</div>
