@extends('layouts.app')

@section('title', 'Orçamento de locação')

@section('content')
<style>
    .btn-mt-input{ margin-top: 26px; }
    .row-mt{ margin-top: 15px; }
    .row-mt-2{ margin-top: 30px; }
    .fa-2x{ font-size: 1.35em !important; }
    .select2-container .select2-selection--single{ height: 33px; }
    .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 30px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow { height: 30px; right: 1px; background: #ccc; border: 1px solic #ccc; border-bottom-right-radius: 3px; border-top-right-radius: 3px;}
    .section-page{ margin-top: 25px; margin-left: 0; width: 100%;}
    .img-prodcomp{ width: 326px; height: 326px; }
    .bg-caption{ border: 1px solid #C4C4C4; }
    .text-small{ font-size: 9px; }
    #ds_ddd{ width: 20%; }
    #ds_telefone{ width: 80%; }

    @media screen and ( max-width: 400px ){
        #div_responsive {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch; /* Suaviza rolagem no iOS */
        }

        #table_servicos {
            min-width: 920px; /* Ou mais, dependendo das suas colunas */
            width: max-content;
        }

        div.table-resp{
            max-width: 991px;
            overflow-x: auto;
            overflow-y: hidden;
            padding: 20px 5px;
        }
        table.table-orcloc{
            width: 991px;
        }
        table.table-orcloc tr{
            border: 1px solid #CCC;
        }
        table.table-orcloc tr td, table.table-orcloc tr th{
            padding: 3px 5px;
        }
        table.table-orcloc tr td:nth-child(1), table.table-orcloc tr th:nth-child(1){
            border-right: 1px solid #CCC;
            /* width: 10%; */
        }
        table.table-orcloc tr td:nth-child(2), table.table-orcloc tr th:nth-child(2){
            border-right: 1px solid #CCC;
        }
        table.table-orcloc tr td:nth-child(3), table.table-orcloc tr th:nth-child(3){
            border-right: 1px solid #CCC;
            /* width: 5%; */
        }
        table.table-orcloc tr td:nth-child(4), table.table-orcloc tr th:nth-child(4),
        table.table-orcloc tr td:nth-child(5), table.table-orcloc tr th:nth-child(5){
            border-right: 1px solid #CCC;
            /* width: 8%; */
        }
        table.table-orcloc tr td:nth-child(6), table.table-orcloc tr th:nth-child(6){
            border-right: 1px solid #CCC;
            /* width: 8%; */
        }
    }
</style>
<header class="page-header">
    <h2>Movimentações</h2>

    <div class="right-wrapper pull-right">
        <ol class="breadcrumbs">
            <li><a href="{{ route('index.orcamento-admin') }}">Orçamentos</a></li>
            <li><span>Editar orçamento {{ $orcloc->id }}</span></li>
        </ol>

        <a class="sidebar-right-toggle"><i class="fa fa-chevron-left"></i></a>
    </div>
</header>

<div class="section-page">
    <div class="panel panel-default">
        <div class="panel-body">
            <form id="form-gera-orcamento" action="{{ route('edita.orcamento.web', ['id' => $orcloc->id]) }}" method="post" class="form">@csrf
                <div class="row form-group">
                    <div class="col-md-3 col-sm-6 col-xs-12">
                        <label for="nm_fantasia">Nome do cliente</label>
                        <select type="text" name="nm_fantasia" id="nm_fantasia" class="form-control js-single" required>
                            <option value="" selected disabled> Selecione o cliente </option>
                            @foreach ($clientes as $item)
                                <option value="{{ $item->id }}">{{ $item->nm_fantasia }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3 col-sm-6 col-xs-12">
                        <label for="ds_telefone">Telefone do cliente</label>
                        <div class="input-group">
                            <input type="text" name="ds_ddd" id="ds_ddd" class="form-control" value="{{ $telefone ? $telefone->ds_ddd : "" }}" placeholder="(00)" maxlength="2">
                            <input type="text" name="ds_telefone" id="ds_telefone" class="form-control celular" value="{{ $telefone ? $telefone->ds_telefone : "" }}" placeholder="00000-0000" maxlength="10">
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6 col-xs-12">
                        <label for="ds_email">Email do cliente</label>
                        <input type="email" name="ds_email" id="ds_email" class="form-control" value="{{ $orcloc->cliente->ds_email }}" placeholder="email@provedor.com" maxlength="100">
                    </div>
                    <div class="col-md-3 col-sm-6 col-xs-12">
                        <label for="id_contato">Aos cuidados de</label>
                        <select type="text" name="id_contato" id="id_contato" class="form-control js-single">
                            <option value="" selected disabled> Selecione o contato </option>
                            @foreach ($contatos as $item)
                                <option value="{{ $item->id }}" {{ $orcloc->id_contato === $item->id ? 'selected' : '' }}>{{ $item->nm_fantasia }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="row row-mt">
                    <div class="col-md-2 col-sm-6 col-xs-6">
                        <label for="tp_pessoa">Cliente tipo</label>
                        <select name="tp_pessoa" id="tp_pessoa" class="form-control">
                            <option value="J" {{ $orcloc->cliente->pessoa == "J" ? "selected" : "" }}>JURÍDICO</option>
                            <option value="F" {{ $orcloc->cliente->pessoa == "F" ? "selected" : "" }}>FÍSICO</option>
                        </select>
                    </div>
                    <div class="col-md-3 col-sm-12 col-xs-12">
                        <div class="row">
                            <div class="col-md-6 col-sm-6 col-xs-6">
                                <label for="dt_iniloc">Data evento <small>(início)</small></label>
                                <input type="date" name="dt_iniloc" id="dt_iniloc" value="{{ !empty($orcloc->periodoOrcloc->dt_fimloc) ? \Carbon\Carbon::parse($orcloc->periodoOrcloc->dt_iniloc)->format("Y-m-d") : "" }}" class="form-control">
                            </div>
                            <div class="col-md-6 col-sm-6 col-xs-6">
                                <label for="dt_fimloc">Data evento <small>(fim)</small></label>
                                <input type="date" name="dt_fimloc" id="dt_fimloc" value="{{ !empty($orcloc->periodoOrcloc->dt_fimloc) ? \Carbon\Carbon::parse($orcloc->periodoOrcloc->dt_fimloc)->format("Y-m-d") : "" }}" class="form-control">
                            </div>
                        </div>
                    </div>

                    <div class="col-md-2 col-sm-12 col-xs-12">
                        <label for="dt_entrega">Previsão de entrega</label>
                        <input type="date" name="dt_entrega" id="dt_entrega" value="{{ !empty($orcloc->periodoOrcloc->dt_entrega) ? \Carbon\Carbon::parse($orcloc->periodoOrcloc->dt_entrega)->format("Y-m-d") : "" }}" class="form-control">
                    </div>
                    <div class="col-md-3 col-sm-12 col-xs-12">
                        <label for="ds_observacao">Local do evento</label>
                        <input type="text" name="ds_observacao" id="ds_observacao" class="form-control" value="{{ !empty($orcloc->periodoOrcloc->ds_observacao) ? $orcloc->periodoOrcloc->ds_observacao : "" }}" maxlength="100">
                    </div>
                    <div class="col-md-2 col-sm-12 col-xs-12">
                        <label for="dt_validade">Validade da proposta</label>
                        <input type="date" name="dt_validade" id="dt_validade" class="form-control" value="{{ \Carbon\Carbon::parse($dt_validade)->format('Y-m-d') }}">
                    </div>
                </div>
                @if ( Auth::user()->tipo != "V" )
                <div class="row row-mt form-group">
                    <div class="col-md-4">
                        <label for="id_funcionario">Funcionário</label>
                        <select type="text" name="id_funcionario" id="id_funcionario" class="form-control js-single">
                            @foreach ($funcionarios as $item)
                                <option value="{{ $item->id }}" {{ $orcloc->id_funcionario == $item->id ? "selected" : "" }}>{{ $item->nm_funcionario }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                @endif
                <div class="row row-mt">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <label for="ds_obsentrega">Observações</label>
                        <textarea type="text" name="ds_obsentrega" id="ds_obsentrega" class="form-control" maxlength="2000">{!! !empty($orcloc->ds_obsentrega) ? html_entity_decode($orcloc->ds_obsentrega, ENT_QUOTES) : "Sem observações" !!}</textarea>
                    </div>
                </div>
                <div class="row row-mt">
                    <div class="col-sm-12 col-xs-12">
                        <h4>Serviços</h4>
                    </div>
                </div>

                <div id="div_responsive" class="table-responsive">
                    <table id="table_servicos" class="table table-bordered">
                        <thead>
                            <tr>
                                <th width="20%">Grupo</th>
                                <th>Descrição</th>
                                <th width="8%">Qtde.</th>
                                <th width="11%">Vr. unit.</th>
                                <th width="11%">Subtotal</th>
                                <th width="3%" class="text-center">Del</th>
                            </tr>
                        </thead>
                        <tbody id="dynamicTable">
                            @php
                                $count = 0;
                            @endphp
                            @forelse ($itens_orcloc as $item)
                            @php
                                $count++;
                            @endphp
                            <tr id="row-{{ $count }}">
                                <input type="hidden" name="item_orcloc_id[]" value="{{ $item->id }}">
                                <td width="20%">
                                    <select name="id_grupo[]" id="id_grupo{{ $count }}" class="form-control js-single" autofocus>
                                        <option value="0" selected readonly> Selecione um item </option>
                                        @foreach ( $grupos as $grupo)
                                            <option value="{{ $grupo->id }}" {{ $grupo->id == $item->id_grupo ? "selected" : "" }}>{{ $grupo->ds_grupo }}</option>
                                        @endforeach
                                    </select>
                                </td>
                                <td>
                                    <input type="text" name="ds_patrimonio[]" id="ds_patrimonio" class="form-control ds_patrimonio" value="{{ $item->ds_descricao }}">
                                </td>
                                <td width="8%">
                                    <input type="number" name="qt_patrimonio[]" id="qt_patrimonio{{ $count }}" class="form-control counter" value="{{ $item->qt_patrimonio }}" maxlength="5" data-div_id="div-lg-screen" data-count="{{ $count }}" min="1">
                                </td>
                                <td width="11%">
                                    <input type="text" name="vr_unireal[]" id="vr_unireal{{ $count }}" class="form-control valor counter" value="{{ number_format($item->vr_unireal, 2, ',', '.') }}" maxlength="10" placeholder="0,00" data-div_id="div-lg-screen" data-count="{{ $count }}">
                                </td>
                                <td width="11%">
                                    <input type="text" id="vr_total{{ $count }}" class="form-control tt-servico valor" value="{{ number_format($item->qt_patrimonio * $item->vr_unireal, 2, ',', '.') }}" placeholder="0,00" data-count="{{ $count }}">
                                </td>
                                <td width="3%" class="text-center">
                                    <button id="removeRow" type="button" style="background-color: transparent; border: none;" data-item_orcloc="{{ $item->id }}" data-count="{{ $count }}"> <i class="fa fa-times fa-fw text-danger"></i> </button>
                                </td>
                            </tr>
                            @php
                                $desconto       = \App\Models\ItemOrcloc::select("vr_desconto")->where("id_orcloc", $item->id_orcloc)->first();
                                $sum_vr_unidesc = \App\Models\ItemOrcloc::where("id_orcloc", $item->id_orcloc)->sum("vr_unidesc");

                                if($sum_vr_unidesc > 0){
                                    $tt_servicos    = \App\Models\ItemOrcloc::where("id_orcloc", $item->id_orcloc)->sum(DB::raw("(qt_patrimonio * vr_unidesc)"));
                                }else{
                                    $tt_servicos    = \App\Models\ItemOrcloc::where("id_orcloc", $item->id_orcloc)->sum(DB::raw("(qt_patrimonio * vr_unireal)"));
                                }
                            @endphp
                            @empty
                            @php
                                $desconto       = 0;
                                $tt_servicos    = 0;
                            @endphp
                            @endforelse
                        </tbody>
                    </table>
                </div>

                <div class="row row-mt">
                    <div class="col-md-9"></div>
                    <div class="col-md-1 col-sm-4 col-xs-4">
                        <label for="vr_desconto">Tipo</label>
                        <select id="select_desconto" name="select_desconto" class="form-control">
                            <option value="porc">%</option>
                            <option value="real">R$</option>
                        </select>
                    </div>
                    <div class="col-md-2 col-sm-8 col-xs-8">
                        <label for="vr_desconto">Desconto</label>
                        <input type="text" id="vr_desconto" name="vr_desconto" class="form-control porcentagem" value="{{ number_format($desconto->vr_desconto, 2) }}" placeholder="000.00" maxlength="6">
                    </div>
                </div>

                <div class="row row-mt">
                    <div class="col-md-8"></div>
                    <div class="col-md-2">
                        <label for="tt_servico">Total</label>
                        <input type="text" id="tt_servico" class="form-control" value="{{ number_format($tt_servicos, 2, ',', '.') }}" placeholder="000,00" disabled>
                    </div>
                    <div class="col-md-2">
                        <div class="checkbox">
                            <label for="ds_mostrar_vrunitario_pdf">
                                <input type="checkbox" id="ds_mostrar_vrunitario_pdf" name="ds_mostrar_vrunitario_pdf" {{ ($orcloc->ds_mostrar_vrunitario_pdf === "S") ? "checked" : "" }}> Mostrar valor unitário no pdf.
                            </label>
                        </div>
                    </div>
                </div>

                <div class="row row-mt">
                    @if( $orcloc->ds_baixaweb === "S" )
                        <div class="col-md-8"></div>
                    @else
                        <div class="col-md-2"></div>
                    @endif

                    <div class="col-md-2 col-sm-6 col-xs-6 col-mb">
                        @if (Auth::user()->tipo === "A" || Auth::user()->tipo === "M")
                            {{-- <a href="{{ route('index.orcamento-admin') }}" type="button" class="btn btn-default btn-sm btn-block"> --}}
                            <a href="{{ URL::previous() }}" type="button" class="btn btn-default btn-sm btn-block mb-xs">
                                <i class="fa fa-arrow-left fa-fw"></i>
                                Voltar
                            </a>
                        @else
                            <a href="{{ route('dashboard') }}" type="button" class="btn btn-default btn-sm btn-block mb-xs">
                                <i class="fa fa-arrow-left fa-fw"></i>
                                Voltar
                            </a>
                        @endif
                    </div>

                    @if( $orcloc->ds_baixaweb === "S" )
                        <div class="col-md-2 col-sm-6 col-xs-6 col-mb">
                            <button type="button" class="btn btn-primary btn-sm btn-block mb-xs" onclick="duplicarOrcamento({{ $orcloc->id }});">
                                <i class="fa fa-copy fa-fw"></i>
                                Duplicar orçamento
                            </button>
                        </div>
                    @else
                        <div class="col-md-2 col-sm-6 col-xs-6 col-mb">
                            <a type="button" href="{{ route("orcamento-locacao.baixar", ['id' => $orcloc->id]) }}" class="btn btn-warning btn-sm btn-block mb-xs">
                                <i class="fa fa-download fa-fw"></i>
                                Baixar orçamento
                            </a>
                        </div>
                        <div class="col-md-2 col-sm-6 col-xs-6 col-mb">
                            <button type="button" id="addRow" class="btn btn-info btn-sm btn-block mb-xs">
                                <i class="fa fa-plus fa-fw"></i>
                                Adicionar serviço
                            </button>
                        </div>
                        <div class="col-md-2 col-sm-6 col-xs-6 col-mb">
                            <button type="button" class="btn btn-primary btn-sm btn-block mb-xs" onclick="duplicarOrcamento({{ $orcloc->id }});">
                                <i class="fa fa-copy fa-fw"></i>
                                Duplicar orçamento
                            </button>
                        </div>
                        <div class="col-md-2 col-sm-6 col-xs-6 col-mb">
                            <button type="button" id="btn-submitForm" class="btn btn-success btn-sm btn-block mb-xs">
                                <i class="fa fa-check fa-fw"></i>
                                Salvar orçamento
                            </button>
                        </div>
                    @endif

                </div>
            </form>
        </div>
    </div>
</div>
<form id="form-duplicar-orcamento" action="{{ route('orcamento-locacao.duplicar') }}" method="post">@csrf
    <input type="hidden" name="orcloc_id" id="orcloc_id">
    <input type="hidden" name="redirect" id="redirect" value="web">
</form>
@php
    $cont = \App\Models\ContatoParceiro::select("id_contato")->where("id_parceiro", $orcloc->id_parceiro)->first();

    if($cont){
        $id_contato = $cont->id_contato;
    }else{
        $id_contato = 0;
    }
@endphp
<script>
    CKEDITOR.replace('ds_obsentrega', { customConfig: '/js/ckeditor_config.js'});

    function duplicarOrcamento(id){
        $("#form-duplicar-orcamento #orcloc_id").val(id);
        $("#form-duplicar-orcamento").submit();
    }

    $(document).ready(function(){
        var id_parceiro     = {!! $orcloc->id_parceiro !!};
        var contato         = {!! $id_contato !!};
        var grupos          = {!! $grupos !!};

        $("#nm_fantasia").val(id_parceiro).trigger('change');
        // $("#id_contato").val(contato).trigger('change');

        $('.js-single').select2({
            placeholder: "Selecione ...",
            tags: true
        });

        grupos.each(function(value){
            var newOption = new Option(value.ds_grupo, value.id_grupo, true, true);
            $('#id_grupo'+value.nr_item).append(newOption).trigger('change');
        });

        if( $(window).width() < 400 ){
            $("#div_responsive").removeClass('table-responsive').addClass('table-resp');
            $("#table_servicos").removeClass('table table-bordered').addClass('table-orcloc');
        }else{
            $("#div_responsive").removeClass('table-resp').addClass('table-responsive');
            $("#table_servicos").removeClass('table-orcloc').addClass('table table-bordered');
        }

        $('.valor').mask('#.##0,00', {reverse: true});
        $('.porcentagem').mask('000.00', { reverse: true });
        $('.celular').mask('00000-0000');

        $("#select_desconto").on("change", function(){
            var tp_desconto = $(this).children(":selected").val();
            var tt_servicos = 0;

            if( tp_desconto === "real" ){
                $("#vr_desconto").val("").removeClass("porcentagem").addClass("valor").attr("maxlength", "9").attr("placeholder", "0,00");
            }else if( tp_desconto === "porc" ){
                $("#vr_desconto").val("").removeClass("valor").addClass("porcentagem").attr("maxlength", "6").attr("placeholder", "000.00");
            }

            $(".tt-servico").each(function(){
                var value   = $(this).val();

                if(value !== ""){
                    value   = value.replace('.', '').replace(',', '.');
                }else{
                    value   = 0;
                }
                tt_servicos = (parseFloat(tt_servicos) + parseFloat(value));
            });

            if( tp_desconto === "real" ){
                if( vr_desconto === "" ){
                    vr_desconto = 0;
                }else{
                    vr_desconto = vr_desconto.replace('.', '').replace(',', '.');
                }

                tt_servicos = ( parseFloat(tt_servicos) - parseFloat(vr_desconto) );
            }else if( tp_desconto === "porc" ){
                if( vr_desconto === "" ){
                    vr_desconto = 0;
                }else if( vr_desconto > 100 ){
                    vr_desconto = 100;

                    $(this).val(vr_desconto);
                }

                desconto = ( ( vr_desconto / 100 ) * tt_servicos );
                tt_servicos = ( parseFloat(tt_servicos) - parseFloat(desconto) );
            }

            $("#tt_servico").val(tt_servicos.toLocaleString('pt-BR', {minimumFractionDigits: 2, maximumFractionDigits: 2}));
        });

        $("#vr_desconto").on("keyup", function(){
            var vr_desconto = $(this).val();
            var tp_desconto = $("#select_desconto").children(":selected").val();
            var tt_servicos = 0;
            var desconto    = 0;

            $(".tt-servico").each(function(){
                var value   = $(this).val();

                if(value !== ""){
                    value   = value.replace('.', '').replace(',', '.');
                }else{
                    value   = 0;
                }
                tt_servicos = (parseFloat(tt_servicos) + parseFloat(value));
            });

            if( tp_desconto === "real" ){
                if( vr_desconto === "" ){
                    vr_desconto = 0;
                }else{
                    vr_desconto = vr_desconto.replace('.', '').replace(',', '.');
                }

                tt_servicos = ( parseFloat(tt_servicos) - parseFloat(vr_desconto) );
            }else if( tp_desconto === "porc" ){
                if( vr_desconto === "" ){
                    vr_desconto = 0;
                }else if( vr_desconto > 100 ){
                    vr_desconto = 100;

                    $(this).val(vr_desconto);
                }

                desconto = ( ( vr_desconto / 100 ) * tt_servicos );
                tt_servicos = ( parseFloat(tt_servicos) - parseFloat(desconto) );
            }

            $("#tt_servico").val(tt_servicos.toLocaleString('pt-BR', {minimumFractionDigits: 2, maximumFractionDigits: 2}));
        });

        $(document).on('click', '#removeRow', function () {
            var count_id        = $(this).data("count");
            var item_orcloc_id  = $(this).data("item_orcloc");
            var _token          = $("meta[name='csrf-token']").attr("content");

            $.ajax({
                url: "{{ route('remove.item.orcamento-locacao') }}",
                method: 'post',
                data: { item_orcloc_id:item_orcloc_id, _token:_token },
                dataType: 'json',
                success: function(result){
                    console.log("Item orçamento locação excluído");
                }
            });

            $("#row-"+count_id).remove();

            var tt_servicos = 0;
            var desconto    = 0;
            var tp_desconto = $("#select_desconto").children(":selected").val();
            var vr_desconto = $("#vr_desconto").val();

            $(".tt-servico").each(function(){
                var value   = $(this).val();

                if(value !== ""){
                    value   = value.replace('.', '').replace(',', '.');
                }else{
                    value   = 0;
                }
                tt_servicos = (parseFloat(tt_servicos) + parseFloat(value));
            });

            if( tp_desconto === "real" ){
                if( vr_desconto === "" ){
                    vr_desconto = 0;
                }else{
                    vr_desconto = vr_desconto.replace('.', '').replace(',', '.');
                }

                tt_servicos = ( parseFloat(tt_servicos) - parseFloat(vr_desconto) );
            }else if( tp_desconto === "porc" ){
                if( vr_desconto === "" ){
                    vr_desconto = 0;
                }else if( vr_desconto > 100 ){
                    vr_desconto = 100;

                    $(this).val(vr_desconto);
                }

                desconto = ( ( vr_desconto / 100 ) * tt_servicos );
                tt_servicos = ( parseFloat(tt_servicos) - parseFloat(desconto) );
            }

            $("#tt_servico").val(tt_servicos.toLocaleString('pt-BR', {minimumFractionDigits: 2, maximumFractionDigits: 2}));

            return false;
        });

        $("#btn-submitForm").on("click", function(){
            var form        = $("#form-gera-orcamento");
            var table       = $("#table_servicos");
            var qtde        = $("tbody#dynamicTable tr").length;
            var isValid     = true;
            var dt_inicio_evento = $("#form-gera-orcamento #dt_iniloc").val();
            var dt_validade = $("#form-gera-orcamento #dt_validade").val();
            var nm_fantasia = $("#form-gera-orcamento #nm_fantasia").children(":selected").val();
            var id_contato = $("#form-gera-orcamento #id_contato").children(":selected").val();

            if(table.find("tbody#dynamicTable tr").length > 0){
                var cont = 0;
                $("tbody#dynamicTable tr td input.ds_patrimonio").each(function(){
                    var patrimonio  = $(this).val();

                    if( patrimonio != "" ){
                        cont++;
                        $(this).css("border-color", "#ccc");
                    }else{
                        $(this).css("border-color", "red");
                    }
                });

                if( cont < qtde ){
                    getMessage(
                        "Atenção !!!",
                        "Informe a descrição dos itens",
                        "error"
                    );
                }else if( cont === qtde ){
                    var tt_servico  = 0;

                    $(".tt-servico").each(function(){
                        var value   = $(this).val();
                        value       = value.replace('.', '').replace(',', '.');

                        if( value === "" ){
                            value = 0;
                        }
                        tt_servico = (parseFloat(tt_servico) + parseFloat(value));
                    });

                    if(tt_servico > 0 ){
                        for( var i = 1; i <= qtde; i++ ){
                            var vr_unit     = $("tbody#dynamicTable tr td input#vr_unireal"+i).val();
                            var vr_total    = $("tbody#dynamicTable tr td input#vr_total"+i).val();

                            if( vr_unit !== undefined ){
                                vr_unit     = vr_unit.replace('.', '').replace(',', '.');
                            }

                            if( vr_total !== undefined ){
                                vr_total    = vr_total.replace('.', '').replace(',', '.');
                            }

                            if( ( vr_unit == "" || vr_unit <= 0) || (vr_total == "" || vr_total <= 0) ){
                                isValid = false;
                                getMessage(
                                    "Atenção !!!",
                                    "Informe a quantidade, o valor unitário e o valor total de cada serviço",
                                    "warning"
                                );
                            }
                        }

                        if( isValid == false ){
                            $("tbody#dynamicTable tr td input#vr_unireal"+i).css("border-color", "red");
                            $("tbody#dynamicTable tr td input#vr_total"+i).css("border-color", "red");

                            getMessage(
                                "Atenção !!!",
                                "Tem algum campo vazio, verifique.",
                                "warning"
                            );

                            console.log("Tem input vazio");
                            return false;
                        }else{
                            var split_inicio_evento = dt_inicio_evento.split("-");
                            var inicio_evento = new Date(dt_inicio_evento);

                            var split_dt_valid = dt_validade.split("-");
                            var dt_valid = new Date(dt_validade);

                            if( dt_inicio_evento == "" ){
                                getMessage(
                                    "Atenção !!!",
                                    "Informe a data de início do evento",
                                    "warning"
                                );
                                console.error("Informe a data de início do evento");
                            }else if(dt_valid > inicio_evento ){
                                getMessage(
                                    "Atenção !!!",
                                    "A data de validade da proposta precisa ser menor que a data de início da locação",
                                    "warning"
                                );
                                console.error("A data de validade da proposta precisa ser menor que a data de início da locação");
                            }else if( nm_fantasia == "" ){
                                getMessage(
                                    "Atenção !!!",
                                    "Informe o cliente",
                                    "warning"
                                );
                                console.error("Informe o cliente");
                            }else if( id_contato == "" ){
                                getMessage(
                                    "Atenção !!!",
                                    "Informe o contato",
                                    "warning"
                                );
                                console.error("Informe o contato");
                            }else{
                                console.error("Formulário enviado");
                                form.submit();
                            }
                        }
                    }else{
                        getMessage(
                            "Atenção !!!",
                            "Informe o valor total do serviço",
                            "warning"
                        );
                    }
                }
            }else{
                getMessage(
                    "Atenção !!!",
                    "O orçamento deve conter no mínimo 1 serviço",
                    "warning"
                );
            }

        });
    });

    $(function () {
        var scntDiv         = $("#dynamicDiv");
        var scntTbl         = $("#dynamicTable");
        var itens_orcloc    = {!! $itens_orcloc !!};
        var count           = itens_orcloc.length;

        $(document).on('click', '#addRow', function () {
            count++;

            $('<tr id="row-'+count+'">'+
                '<input type="hidden" name="item_orcloc_id[]" value="0">'+
                '<td>'+
                    '<select name="id_grupo[]" id="id_grupo'+count+'" class="form-control js-single" autofocus>'+
                        '<option value="0" selected readonly> Selecione um item </option>'+
                        '@foreach ( $grupos as $item)'+
                            '<option value="{{ $item->id }}">{{ $item->ds_grupo }}</option>'+
                        '@endforeach'+
                    '</select>'+
                '</td>'+
                '<td>'+
                    '<input type="text" name="ds_patrimonio[]" id="ds_patrimonio" class="form-control ds_patrimonio">'+
                '</td>'+
                '<td>'+
                    '<input type="number" name="qt_patrimonio[]" id="qt_patrimonio'+count+'" class="form-control counter" maxlength="5" data-count="'+count+'" min="1">'+
                '</td>'+
                '<td>'+
                    '<input type="text" name="vr_unireal[]" id="vr_unireal'+count+'" class="form-control valor counter" maxlength="10" placeholder="0,00" data-count="'+count+'">'+
                '</td>'+
                '<td>'+
                    '<input type="text" id="vr_total'+count+'" class="form-control tt-servico valor" placeholder="0,00" data-count="'+count+'">'+
                '</td>'+
                '<td width="5%" class="text-center">'+
                    '<button id="removeRow" type="button" style="background-color: transparent; border: none;" data-count="'+count+'"> <i class="fa fa-times fa-fw text-danger"></i> </button>'+
                '</td>'+
            '</tr>').appendTo(scntTbl);

            $('#id_grupo'+count).select2({
                placeholder: "Selecione ...",
                tags: true
            });

            return false;
        });

        $(document).on('click', '#removeRow', function () {
            var count_id = $(this).data("count");

            $("#row-"+count_id).remove();

            var tt_servicos = 0;
            var desconto    = 0;
            var tp_desconto = $("#select_desconto").children(":selected").val();
            var vr_desconto = $("#vr_desconto").val();

            $(".tt-servico").each(function(){
                var value   = $(this).val();

                if(value !== ""){
                    value   = value.replace('.', '').replace(',', '.');
                }else{
                    value   = 0;
                }
                tt_servicos = (parseFloat(tt_servicos) + parseFloat(value));
            });

            if( tp_desconto === "real" ){
                if( vr_desconto === "" ){
                    vr_desconto = 0;
                }else{
                    vr_desconto = vr_desconto.replace('.', '').replace(',', '.');
                }

                tt_servicos = ( parseFloat(tt_servicos) - parseFloat(vr_desconto) );
            }else if( tp_desconto === "porc" ){
                if( vr_desconto === "" ){
                    vr_desconto = 0;
                }else if( vr_desconto > 100 ){
                    vr_desconto = 100;

                    $(this).val(vr_desconto);
                }

                desconto = ( ( vr_desconto / 100 ) * tt_servicos );
                tt_servicos = ( parseFloat(tt_servicos) - parseFloat(desconto) );
            }

            $("#tt_servico").val(tt_servicos.toLocaleString('pt-BR', {minimumFractionDigits: 2, maximumFractionDigits: 2}));

            return false;
        });

        $(document).on('keyup', '.tt-servico', function (event) {
            var count       = $(this).data("count");
            var vr_total    = 0;
            var desconto    = 0;
            var vr_unireal  = 0;
            var tt_servicos = 0;
            var subtotal    = $("#vr_total"+count).val();
            var qtde        = $("#qt_patrimonio"+count).val();
            var tp_desconto = $("#select_desconto").children(":selected").val();
            var vr_desconto = $("#vr_desconto").val();

            subtotal = subtotal.replace('.', '').replace(',', '.');
            if( (qtde > 0 || qtde != "") && (subtotal > 0 || subtotal != "") ){

                vr_unireal = (subtotal / qtde);

                $("#vr_unireal"+count).val(vr_unireal.toLocaleString('pt-BR', {minimumFractionDigits: 2, maximumFractionDigits: 2}));
            }else if( (qtde == 0 || qtde == "") && (subtotal > 0 || subtotal != "") ){
                vr_unireal = (subtotal / 1);

                $("#qt_patrimonio"+count).val(1);
                $("#vr_unireal"+count).val(vr_unireal.toLocaleString('pt-BR', {minimumFractionDigits: 2, maximumFractionDigits: 2}));
            }else{
                $("#qt_patrimonio #vr_total"+count).val(0);
                $("#vr_unireal"+count).val(0);
            }

            $(".tt-servico").each(function(){
                var value   = $(this).val();

                if(value !== ""){
                    value   = value.replace('.', '').replace(',', '.');
                }else{
                    value   = 0;
                }
                tt_servicos = (parseFloat(tt_servicos) + parseFloat(value));
            });

            if( tp_desconto === "real" ){
                if( vr_desconto === "" ){
                    vr_desconto = 0;
                }else{
                    vr_desconto = vr_desconto.replace('.', '').replace(',', '.');
                }

                tt_servicos = ( parseFloat(tt_servicos) - parseFloat(vr_desconto) );
            }else if( tp_desconto === "porc" ){
                if( vr_desconto === "" ){
                    vr_desconto = 0;
                }

                desconto = ( ( vr_desconto / 100 ) * tt_servicos );
                tt_servicos = ( parseFloat(tt_servicos) - parseFloat(desconto) );
            }

            $("#tt_servico").val(tt_servicos.toLocaleString('pt-BR', {minimumFractionDigits: 2, maximumFractionDigits: 2}));
        });

        $(document).on('keyup', '.counter', function (event) {
            var count       = $(this).data("count");
            var vr_total    = 0;
            var tt_servicos = 0;
            var desconto    = 0;
            var qtde        = $("#qt_patrimonio"+count).val();
            var vr_unireal  = $("#vr_unireal"+count).val();
            var tp_desconto = $("#select_desconto").children(":selected").val();
            var vr_desconto = $("#vr_desconto").val();

            vr_unireal = vr_unireal.replace('.', '').replace(',', '.');
            if( (qtde > 0 || qtde != "") && (vr_unireal > 0 || vr_unireal != "") ){

                vr_total = (qtde * vr_unireal);

                $("#vr_total"+count).val(vr_total.toLocaleString('pt-BR', {minimumFractionDigits: 2, maximumFractionDigits: 2}));
            }else if( (qtde == 0 || qtde == "") && (vr_unireal > 0 || vr_unireal != "") ){
                vr_total = (1 * vr_unireal);

                $("#qt_patrimonio"+count).val(1);
                $("#vr_total"+count).val(vr_total.toLocaleString('pt-BR', {minimumFractionDigits: 2, maximumFractionDigits: 2}));
            }else{
                $("#qt_patrimonio #vr_total"+count).val(0);
                $("#vr_total"+count).val(0);
            }

            $(".tt-servico").each(function(){
                var value   = $(this).val();

                if(value !== ""){
                    value   = value.replace('.', '').replace(',', '.');
                }else{
                    value   = 0;
                }
                tt_servicos = (parseFloat(tt_servicos) + parseFloat(value));
            });

            if( tp_desconto === "real" ){
                if( vr_desconto === "" ){
                    vr_desconto = 0;
                }else{
                    vr_desconto = vr_desconto.replace('.', '').replace(',', '.');
                }

                tt_servicos = ( parseFloat(tt_servicos) - parseFloat(vr_desconto) );
            }else if( tp_desconto === "porc" ){
                if( vr_desconto === "" ){
                    vr_desconto = 0;
                }else if( vr_desconto > 100 ){
                    vr_desconto = 100;

                    $(this).val(vr_desconto);
                }

                desconto = ( ( vr_desconto / 100 ) * tt_servicos );
                tt_servicos = ( parseFloat(tt_servicos) - parseFloat(desconto) );
            }

            $("#tt_servico").val(tt_servicos.toLocaleString('pt-BR', {minimumFractionDigits: 2, maximumFractionDigits: 2}));
        });
    });

    @if(session('message'))
        getMessage("{{ session('titulo') }}", "{{ session('message') }}", "{{ session('tipo') }}");
    @endif
</script>
@endsection