@extends('layouts.app')

@section('content')
    <meta name="csrf-token" content="{{ Session::token() }}">

    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-lg-3">
                                <strong>Orçamento #{{$orcamento->id}}</strong>
                                <br>
                                {{$data.' '.$hora}}
                            </div>

                            <div class="col-lg-3">
                                <strong>{{trans('validation.attributes.cliente')}}</strong>
                                <br>
                                {{$orcamento->cliente->nome}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        Peças
                    </div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-lg-6">
                                {{Form::label('produtoid', trans('validation.attributes.produtoid'), array('class' => 'control-label'))}}
                            </div>

                            <div class="col-lg-2">
                                {{Form::label('quantidade', trans('validation.attributes.quantidade'), array('class' => 'control-label'))}}
                            </div>

                            <div class="col-lg-3">
                                {{Form::label('valorunitario', trans('validation.attributes.valorunitario'), array('class' => 'control-label'))}}
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-lg-6">
                                <select id="produtoid" class="mask-chosen-autocomplete" name="produtoid" data-ajax--url="{{ URL::action('ProdutosController@autocomplete') }}">
                                    <option></option>
                                </select>
                            </div>

                            <div class="col-lg-2">
                                {{Form::text('quantidade', null, array('class' => 'form-control mask-decimal'))}}
                            </div>

                            <div class="col-lg-2">
                                {{Form::text('valorunitario', null, array('class' => 'form-control mask-money'))}}
                            </div>

                            <div class="col-lg-2">
                                <button type="button" id="botao-adicionar-produto" class="btn btn-primary btn-block">
                                    <span class="glyphicon glyphicon-plus"></span> Inserir
                                </button>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-12">
                                <table id="table-produtos" class="tabela-dinamica"
                                       data-toggle="table"
                                       data-url="{{ URL::action('OrcamentosController@getProdutos', $orcamento) }}"
                                       data-side-pagination="server">
                                    <thead>
                                    <tr>
                                        <th data-field="produto_codigo" data-sortable="true">{{trans('validation.attributes.codigo')}}</th>
                                        <th data-field="produto_descricao" data-sortable="true">{{trans('validation.attributes.descricao')}}</th>
                                        <th data-field="orcamentoprodutos_quantidade" data-sortable="true" data-align="right" data-width="150">{{trans('validation.attributes.quantidade')}}</th>
                                        <th data-field="orcamentoprodutos_valorunitario" data-sortable="true" data-align="right" data-width="150">{{trans('validation.attributes.valorunitario')}}</th>
                                        <th data-field="orcamentoprodutos_valortotal" data-sortable="true" data-align="right" data-width="150">{{trans('validation.attributes.valortotal')}}</th>
                                        <th data-formatter="bootstrapTableButtons" data-width="100">Ações</th>
                                    </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-6">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        Valores
                    </div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    {{Form::label('custodeslocamento', trans('validation.attributes.custodeslocamento'), array('class' => 'control-label'))}}
                                    {{Form::text('custodeslocamento', $orcamento->custodeslocamento, array('class' => 'form-control mask-money'))}}
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    {{Form::label('customaodeobra', trans('validation.attributes.customaodeobra'), array('class' => 'control-label'))}}
                                    {{Form::text('customaodeobra', $orcamento->customaodeobra, array('class' => 'form-control mask-money'))}}
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    {{Form::label('percdesconto', trans('validation.attributes.percdesconto'), array('class' => 'control-label'))}}
                                    {{Form::text('percdesconto', $orcamento->percdesconto, array('class' => 'form-control mask-decimal'))}}
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    {{Form::label('percacrescimo', trans('validation.attributes.percacrescimo'), array('class' => 'control-label'))}}
                                    {{Form::text('percacrescimo', $orcamento->percacrescimo, array('class' => 'form-control mask-decimal'))}}
                                </div>
                            </div>
                        </div>

                        <div id="loader-totais">
                            <img src="{{ URL::asset('images/ajax-loader.gif') }}"/>
                        </div>

                        <div class="row" id="valorestotais">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    {{Form::label('valorprodutos', trans('validation.attributes.valorprodutos'), array('class' => 'control-label'))}}
                                    {{Form::text('valorprodutos', $orcamento->valorprodutos, array('class' => 'form-control mask-money', 'disabled' => 'disabled'))}}
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    {{Form::label('valortotal', trans('validation.attributes.valortotal'), array('class' => 'control-label'))}}
                                    {{Form::text('valortotal', $orcamento->valortotal, array('class' => 'form-control mask-money', 'disabled' => 'disabled'))}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="form-group row">
            <div class="col-lg-8">
                <a href="{{ URL::action('OrcamentosController@index') }}" class="btn btn-default">Voltar</a>
                <a href="{{ URL::action('OrcamentosController@getRead', $orcamento->id) }}" class="btn btn-primary">Ver resumo</a>
            </div>
        </div>
    </div>

    @push('scripts-footer')
        <script>
            var urlinserirproduto = "{{ URL::action('OrcamentosController@postStoreProduto') }}";
            var urlrecalcular = "{{ URL::action('OrcamentosController@postRecalcular', $orcamento) }}";
            var urltotais = "{{ URL::action('OrcamentosController@getValoresTotais', $orcamento) }}";

            var orcamentoid = "{{$orcamento->id}}";

            $(document).ready(function(){
                $("#botao-adicionar-produto").on("click", function() {
                    inserirProduto();
                });

                $("#custodeslocamento").on("change", function() {
                    recalcularOrcamento();
                });

                $("#customaodeobra").on("change", function() {
                    recalcularOrcamento();
                });

                $("#percdesconto").on("change", function() {
                    recalcularOrcamento();
                });

                $("#percacrescimo").on("change", function() {
                    recalcularOrcamento();
                });

                $("#loader-totais").hide();

                function inserirProduto(){
                    var botao = $("#botao-adicionar-produto");

                    botao.html("Aguarde...");
                    botao.prop("disabled",true);

                    var produtoid = $("#produtoid").val();
                    var valorunitario = $("#valorunitario").val();
                    var quantidade = $("#quantidade").val();

                    var parametros = {
                        '_token': $('meta[name=csrf-token]').attr('content'),
                        produto: produtoid,
                        valorunitario: valorunitario,
                        quantidade : quantidade,
                        orcamentoid : orcamentoid
                    };

                    $.post(urlinserirproduto, parametros , function(data){
                        if (data == "1"){
                            $("#produtoid").select2("val", "");
                            $("#quantidade").val(0);
                            $("#valorunitario").val(0);

                            recarregarTotais();
                        }
                        else{
                            bootstrapAlert(data);
                        }
                    }).fail(function() {
                        bootstrapAlert("Ocorreu um erro ao tentar inserir este produto. Atualize a página e tente novamente.");
                    }).always(function() {
                        botao.html("Inserir");
                        botao.prop("disabled",false);
                    });
                }

                function recalcularOrcamento(){
                    $("#loader-totais").show();
                    $("#valorestotais").hide();

                    var custodeslocamento = $("#custodeslocamento").val();
                    var customaodeobra = $("#customaodeobra").val();
                    var percacrescimo = $("#percacrescimo").val();
                    var percdesconto = $("#percdesconto").val();

                    var parametros = {
                        '_token': $('meta[name=csrf-token]').attr('content'),
                        customaodeobra: customaodeobra,
                        custodeslocamento: custodeslocamento,
                        percacrescimo : percacrescimo,
                        percdesconto : percdesconto,
                        orcamentoid : orcamentoid
                    };

                    $.post(urlrecalcular, parametros , function(data){
                        recarregarTotais();
                    }).fail(function() {
                        bootstrapAlert("Ocorreu um erro ao tentar recalcular esta orcamento. Atualize a página e tente novamente.");

                        $("#loader-totais").hide();
                        $("#valorestotais").show();
                    })
                }

                function recarregarTotais(){
                    $("#loader-totais").show();
                    $("#valorestotais").hide();

                    $.getJSON(urltotais, function(data){
                        $("#valorprodutos").val(data.valorprodutos);
                        $("#valortotal").val(data.valortotal);
                    }).always(function() {
                        $("#loader-totais").hide();
                        $("#valorestotais").show();
                    });

                    $("#table-produtos").bootstrapTable('refresh');
                }
            });
        </script>
    @endpush
@stop