@extends('templates.master')

@section('css-view')
@endsection

@section('js-view')
@endsection

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

    {!! Form::model ($receber, ['route' => ['cadReceber.liqui', $receber->id_receber], 'name' => 'liquidar_blade', 'method' => 'put', 'class' => 'form-padrao']) !!}
    <div id="inputs">
        <center>
            <input type="hidden" id="id_saida" name="id_saida" value="{{ $receber->id_saida }}">
            <input type="hidden" id="parcela" name="parcela" value="{{ $receber->parcela }}">
            <input type="hidden" id="status" name="status" value="{{ $receber->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 Recebido</td>
                    <td class=tblFld>
                        @include('templates.form.input', ['label' => '', 'input' => 'valor_recebido', 'attributes' => ['class' => 'forminput', 'id' => 'valor_recebido', 'readonly' => 'readonly', 'onkeydown' => "javascript:doMask(this, 'number', event);"]])
                    </td>
                </tr>
                <tr valign=top>
                    <td class=tblHdr>Saldo a Receber</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 Recebimento'])
        &nbsp;&nbsp;
        <a href="{{ route('cadReceber.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_recebido = document.getElementsByName("valor_recebido")[0].value;
            document.getElementsByName("saldo")[0].value = valor - valor_recebido;
        };
    </script>
@endsection