@extends('templates.master')

@section('css-view')
@endsection

@section('js-view')
@endsection

@section('conteudo-view')
    <style>
        .alert {
            padding: 15px;
            border-radius: 5px;
            font-size: 16px;
            font-weight: bold;
            color: #054468;
            text-align: center;
            margin-bottom: 20px;
        }

        .alert-orange {
            background-color: orange;
        }
    </style>

    @if(session('alert'))
        <div class="alert alert-orange">
            {{ session('alert') }}
        </div>
    @endif
    <h1>Inclusão de Movimento de Compra</h1>

    {!! Form::open (['route' => 'cadEntrada.store', 'name' => 'entrada_blade', 'method' => 'post', 'class' => 'form-padrao']) !!}
        <div id="inputs">
            <input type="hidden" id="detalhamento" name="detalhamento" value=''>
            <center>
                <table cellspacing=2 cellpadding=5>
                    <tr valign=top>
                        <td class=tblHdr>Classificacao</td>
                        <td class=tblFld>
                            @include('templates.form.select', ['select' => 'id_classificacao', 'data' => $classificacao_list, 'attributes' => ['class' => 'formselect', 'id' => 'id_classificacao', 'placeholder' => '']])
                        </td>
                        <td class=tblHdr>&nbsp;&nbsp;&nbsp;</td>
                        <td class=tblHdr>Fornecedor</td>
                        <td class=tblFld>
                            @include('templates.form.select', ['select' => 'id_fornecedor', 'data' => $fornecedor_list, 'attributes' => ['class' => 'formselect', 'id' => 'id_fornecedor', 'placeholder' => '']])
                        </td>
                    </tr>
                    <tr valign=top>
                        <td class=tblHdr>Plano</td>
                        <td class=tblFld>
                            @include('templates.form.select', ['select' => 'id_plano', 'data' => $plano_list, 'attributes' => ['class' => 'formselect', 'id' => 'id_plano', 'placeholder' => '']])
                        </td>
                        <td class=tblHdr>&nbsp;&nbsp;&nbsp;</td>
                        <td class=tblHdr>Data</td>
                        <td class=tblFld>
                            <input type="date" name="data" placeholder="dd/mm/yyyy" class="forminput" min="{{Carbon\Carbon::now()->subDays(365)->firstOfYear()->format('Y-m-d')}}" max="{{Carbon\Carbon::now()->lastOfYear()->format('Y-m-d')}}">
                        </td>
                    </tr>
                    <tr valign=top>
                        <td class=tblHdr>Nota Fiscal</td>
                        <td class=tblFld>
                            @include('templates.form.input', ['label' => '', 'input' => 'nota_fiscal', 'attributes' => ['class' => 'forminput']])
                        </td>
                        <td class=tblHdr>&nbsp;&nbsp;&nbsp;</td>
                        <td class=tblHdr>Form. Pagamento</td>
                        <td class=tblFld>
                            @include('templates.form.select', ['select' => 'id_pagamento', 'data' => $pagamentos_list, 'attributes' => ['class' => 'formselect', 'id' => 'id_pagamento', 'placeholder' => '']])
                        </td>
                        
                    </tr>
                    <tr valign=top>
                        <td class=tblHdr>Valor</td>
                        <td class=tblFld>
                            @include('templates.form.input', ['label' => '', 'input' => 'valor', 'attributes' => ['class' => 'forminput', 'id' => 'valor', 'onkeydown' => "javascript:doMask(this, 'number', event);"]])
                        </td>
                        <td class=tblHdr>&nbsp;&nbsp;&nbsp;</td>
                        <td class=tblHdr>Custo</td>
                        <td class=tblFld>
                            @include('templates.form.input', ['label' => '', 'input' => 'custo', 'attributes' => ['class' => 'forminput', 'id' => 'custo', 'onkeydown' => "javascript:doMask(this, 'number', event);"]])
                        </td>
                    </tr>
                    <tr valign=top>
                        <td class=tblHdr>Nº Parcelas</td>
                        <td class=tblFld>
                            @include('templates.form.input', ['label' => '', 'input' => 'parcelas', 'attributes' => ['class' => 'forminput', 'id' => 'parcelas', 'onkeydown' => "javascript:doMask(this, 'number', event);"]])
                        </td>
                        <td class=tblHdr>&nbsp;&nbsp;&nbsp;</td>
                        <td class=tblHdr>1º Vencimento</td>
                        <td class=tblFld>
                            <input type="date" name="vencimento" placeholder="dd/mm/yyyy" class="forminput" min="{{Carbon\Carbon::now()->subDays(365)->firstOfYear()->format('Y-m-d')}}" max="{{Carbon\Carbon::now()->lastOfYear()->format('Y-m-d')}}">
                        </td>
                    </tr>
                    <tr valign=top>
                        <td class=tblHdr>Dias de Vencimento</td>
                        <td class=tblFld>
                            @include('templates.form.input', ['label' => '', 'input' => 'dias_vencimento', 'attributes' => ['class' => 'forminput', 'id' => 'dias_vencimento', 'onkeydown' => "javascript:doMask(this, 'number', event);"]])
                        </td>
                        <td class=tblHdr>&nbsp;&nbsp;&nbsp;</td>
                        <td class=tblHdr>Quantidade</td>
                        <td class=tblFld>
                            @include('templates.form.input', ['label' => '', 'input' => 'quantidade', 'attributes' => ['class' => 'forminput', 'id' => 'quantidade', 'onkeydown' => "javascript:doMask(this, 'number', event);"]])
                        </td>
                    </tr>
                </table>
                <p></p>
                <div class="table-responsive">
                    <table class="table table-sm table-striped table-hover row-border" style="width:90%">
                        <thead class="table-header">
                            <tr>
                                <td><center><b>Observações</b></center></td>
                            </tr>
                            <tr>
                                <td style="background-color:white"><textarea class="forminput3" rows="3" cols="150" maxlength="500" style="margin-top: -5px" id="detalhamento" onKeyPress name="detalhamento"></textarea></td>
                            </tr>
                        </thead>
                    </table>
                </div>
            </center>
        </div>
        <p></p>

        <div id="botoes">
            @include('templates.form.submit', ['input' => 'Incluir Registro'])
            &nbsp;&nbsp;
            <a href="{{ route('cadEntrada.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() {
                // alert(document.getElementsByName("detalhamento")[0].value);
                document.getElementsByName("detalhamento")[0].value = '';
            };
            $( "#valor" ).blur(function() {
                var valor = document.getElementsByName("valor")[0].value;
                var quantidade = document.getElementsByName("quantidade")[0].value;
                document.getElementsByName("custo")[0].value = valor / quantidade;
            });
        </script>
@endsection