@extends('templates.master')

@section('css-view')
@endsection

@section('js-view')
@endsection

@section('conteudo-view')
    <h1>Pagamento de Títulos Contas a Pagar</h1>

    {!! Form::model ($pagar, ['route' => ['cadPagar.liqui', $pagar->id_pagar], 'name' => 'liquidar_blade', 'method' => 'put', 'class' => 'form-padrao']) !!}
    <div id="inputs">
        <center>
            <input type="hidden" id="id_entrada" name="id_entrada" value="{{ $pagar->id_entrada }}">
            <input type="hidden" id="parcela" name="parcela" value="{{ $pagar->parcela }}">
            <input type="hidden" id="status" name="status" value="{{ $pagar->status }}">

            <table cellspacing=2 cellpadding=5>
                <tr valign=top>
                    <td class=tblHdr>Valor Total</td>
                    <td class=tblFld>
                        @include('templates.form.input',  ['label' => '', 'input' => 'valor', 'attributes' => ['class' => 'forminput', 'id' => 'valor', 'readonly' => 'readonly', 'onkeydown' => "javascript:doMask(this, 'number', event);"]])
                    </td>
                </tr>
                <tr valign=top>
                    <td class=tblHdr>Valor Pago</td>
                    <td class=tblFld>
                        @include('templates.form.input', ['label' => '', 'input' => 'valor_pago', 'attributes' => ['class' => 'forminput', 'id' => 'valor_pago', 'readonly' => 'readonly', 'onkeydown' => "javascript:doMask(this, 'number', event);"]])
                    </td>
                </tr>
                <tr valign=top>
                    <td class=tblHdr>Saldo a Pagar</td>
                    <td class=tblFld>
                        @include('templates.form.input', ['label' => '', 'input' => 'saldo', 'attributes' => ['class' => 'forminput', 'id' => 'saldo', 'readonly' => 'readonly', 'onkeydown' => "javascript:doMask(this, 'number', event);"]])
                    </td>
                </tr>
                <tr valign=top>
                    <td class=tblHdr>Total</td>
                    <td class=tblFld>
                        @include('templates.form.input', ['label' => '', 'input' => 'total', 'attributes' => ['class' => 'forminput', 'id' => 'total', 'onkeydown' => "javascript:doMask(this, 'number', event);"]])
                    </td>
                </tr>
            </table>
            <p></p>
        </center>
    </div>
    <p></p>

    <div id="botoes">
        @include('templates.form.submit', ['input' => 'Fazer Pagamento'])
        &nbsp;&nbsp;
        <a href="{{ route('cadPagar.index') }}" class="backbutton">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Voltar&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
    </div>
    {!! Form::close() !!}
    <script>
        window.onload = function() {
            var valor = document.getElementsByName("valor")[0].value;
            var valor_pago = document.getElementsByName("valor_pago")[0].value;
            document.getElementsByName("saldo")[0].value = valor - valor_pago;
        };
    </script>
@endsection