{{-- resources/views/admin/dashboard.blade.php --}}

@extends('adminlte::page')

@section('title', config('app:name'))

@section('content_header')
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <h1>Cálculo Inverso</h1>
@stop

@section('content')

    <style>
        @media screen and (max-width:767px){
            .col-sm-1,
            .col-sm-2,
            .col-sm-3,
            .col-sm-4,
            .col-sm-5,
            .col-sm-6,
            .col-sm-7,
            .col-sm-8,
            .col-sm-9,
            .col-sm-10,
            .col-sm-11,
            .col-sm-12{
                width:100%;
            }
            .col-sm-1,
            .col-sm-2,
            .col-sm-3,
            .col-sm-4,
            .col-sm-5,
            .col-sm-6,
            .col-sm-7,
            .col-sm-8,
            .col-sm-9,
            .col-sm-10,
            .col-sm-11,
            .col-sm-12{
                width:100%;
            }

        }
    </style>
    <form id="formCalculoInverso">
        {{ csrf_field() }}
        <div class="box">
            <div class="box-body">
                <div class="form-row">
                    <div class="col-sm-4">
                        <label for="ano">Ano</label>
                        <select class="form-control"
                                id="ano" name="ano">
                            <option></option>
                        </select>
                    </div>
                    <div class="col-sm-4">
                        <label for="mes">Mês</label>
                        <input class="form-control" type="number"
                               min="1" max="12" step="1"
                               value="2"
                               id="mes" required maxlength="2"
                        >
                    </div>
                </div>
                <div class="form-row">
                    <div class="col-sm-4">
                        <label for="par_sal_liquido">Salário líquido</label>
                        <input class="form-control" type="text"
                               id="par_sal_liquido" required
                               data-thousands="."
                               data-decimal=","
                               value="0,00"
                        >
                    </div>
                    <div class="col-sm-4">
                        <label for="par_dependentes">Núm. dependentes</label>
                        <input class="form-control" type="number"
                               min="1" max="999999.99" step="1"
                               value="0"
                               title="dependentes"
                               id="par_dep" required
                        >
                    </div>
                    <div class="col-sm-4">
                        <label for="par_ded">Outras deduções</label>
                        <input class="form-control" type="text"
                               value="0.00"
                               title="outras deduções"
                               id="par_ded" required
                               data-thousands="."
                               data-decimal=","
                        >
                    </div>
                </div>
                <div class="form-row">
                    <div class="col-sm-4">
                        <label for="sal_bruto">Salário bruto</label>
                        <input class="form-control" type="text"
                               id="sal_bruto" required
                               data-thousands="."
                               data-decimal=","
                               readonly="readonly"
                               value="0,00"

                        >
                    </div>
                    <div class="col-sm-4">
                        <label for="inss_valor">INSS</label>
                        <input class="form-control" type="text"
                               value="0"
                               title="Valor do INSS"
                               data-thousands="."
                               data-decimal=","
                               id="inss_valor" required
                               readonly="readonly"
                               value="0,00"
                        >
                    </div>
                    <div class="col-sm-4">
                        <label for="irrf_valor">IRRF</label>
                        <input class="form-control" type="text"
                               value="0"
                               title="Valor do INSS"
                               data-thousands="."
                               data-decimal=","
                               id="irrf_valor" required
                               readonly="readonly"
                               value="0,00"
                        >
                    </div>
                </div>
                <div class="form-row">
                    <div class="col-sm-12" style="text-align: right;">
                        <button class="btn btn-primary" type="button" id="btnCalcula" >Calcular</button>
                        <button class="btn btn-default" type="button" id="btnNovo">Limpar</button>
                    </div>
                </div>
            </div>
            <div class="box-footer">
                <div class="form-row">
                    <div class="col-sm-12">
                        <div id="calculado" style="height:350px;overflow-x: scroll"></div>
                    </div>
                </div>
            </div>
        </div>
    </form>
    @include('calculo.mcalculoinverso')
@stop
@section('js')

    <script src="{{ url('js/jquery.mask.min.js') }}" defer></script>
    <script src="{{ url('js/jquery.maskMoney.js') }}" defer></script>
    <script src="{{ url('js/alertifyjs/alertify.js') }}" defer></script>
    <script src="{{ url('js/calculoinverso.js') }}" defer></script>

@stop