@sistemaDescomplica
    <div class="form-horizontal">
        <div class="form-group">
            {{Form::label('idiomas', trans('validation.attributes.idiomas'), array('class' => 'col-md-2 control-label'))}}

            <div class="col-md-10">
                {!! Form::select('idiomas[]',$idiomas,$object->idiomas->pluck('idioma_id')->toArray(), ['class' => 'mask-chosen', 'id'=>"idiomas", 'multiple' => 'multiple']) !!}
            </div>
        </div>
    </div>
@endif

@if(Auth::user()->empresa->configuracoes->func_visualizacao_agenda == 1)
    <div class="form-group">
        {!!Form::label('cor', trans('validation.attributes.cor_na_agenda'), array('class' => 'col-md-2 control-label'))!!}
        <div class="col-md-2">
            <div class="form-line">
                {!!Form::text('cor', (isset($object->configuracoes) ? $object->configuracoes->cor : null), array('class' => 'form-control mask-cor'))!!}
            </div>
        </div>
    </div>
@endif

<div class="row">
    <label class="col-lg-2 control-label">Valores para pagamento</label>
    <div class="col-lg-10">
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="alert alert-info">
                    <p><i class="material-icons">info</i> É possível definir o valor padrão por hora para pagamento dos profissionais, e também faixas de valor com base na quantidade de alunos.</p>
                </div>

                <div class="form-group">
                    {{Form::label('valor_hora_aula', trans('validation.attributes.valor_hora_aula').' (padrão)', array('class' => 'col-lg-4 control-label'))}}
                    <div class="col-lg-4">
                        {{Form::text('valor_hora_aula', (isset($object->configuracoes) ? \Devguar\OContainer\Util\NumbersHelper::convertDatabaseToVisualForm($object->configuracoes->valor_hora_aula) : null), array('class' => 'form-control mask-money','id'=>'valor_hora_aula'))}}
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-8">
                        <div class="input-group">
                            <div class="col-xs-1">
                                <p class="form-control-static">Até</p>
                            </div>
                            <div class="col-xs-2">
                                <div class="form-line">
                                    {{Form::text('frm_limite_alunos', null, array('class' => 'form-control mask-integer','id'=>'frm_limite_alunos','placeholder'=>'quantos'))}}
                                </div>
                            </div>
                            <div class="col-xs-2">
                                <p class="form-control-static">alunos</p>
                            </div>
                            <div class="col-xs-3">
                                <div class="form-line">
                                    {{Form::text('frm_valor_hora_aula', null, array('class' => 'form-control mask-money','id'=>'frm_valor_hora_aula','placeholder'=>'valor por hora'))}}
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <button id="faixa-valor-add" class="btn btn-primary btn-circle"><i class="material-icons">add</i></button>
                            </div>
                        </div>

                        <div id="faixas-error" class="alert alert-warning">

                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-8">
                        <table class="table table-hover">
                            <tbody id="table-faixas">
                            @foreach($object->faixas as $faixa)
                                <tr>
                                    <td>
                                        {{Form::hidden('faixas['.$faixa->limite_alunos.']', $faixa->valor_hora_aula,['data-limite'=>$faixa->limite_alunos])}}
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@push('scripts')
<script>
    $(document).ready(function(){
        refreshFaixaValor(false);

        $("#faixa-valor-add").on("click",function (e) {
            e.preventDefault();
            refreshFaixaValor(true);
        });

        $("#valor_hora_aula").on("change",function () {
            refreshFaixaValor(false);
        }).on("keyup paste",function () {
            refreshFaixaValor(false);
        });

        function setBotoesRemoverFaixas() {
            $(".faixa-valor-remove").on("click",function (e) {
                e.preventDefault();
                $(this).parent().parent().remove();
                refreshFaixaValor(false);
            });
        }

        function refreshFaixaValor(adicionar) {
            var faixas = [];

            $("#faixas-error").hide();

            $('input[name^="faixas"]').each(function() {
                var lim = $(this).data('limite');
                faixas[lim] = $(this).val();
            });

            if (adicionar){
                var limite_alunos = $("#frm_limite_alunos").val();
                var valor_hora_aula = $("#frm_valor_hora_aula").val();

                if (!(limite_alunos > 0) || isNaN(limite_alunos)){
                    $("#faixas-error").html("<p>Informe a quantidade limite de alunos para a faixa de valores.").show();
                    return;
                }

                if (!(valor_hora_aula.replace(',','.') > 0) || isNaN(valor_hora_aula.replace(',','.'))){
                    $("#faixas-error").html("<p>Informe o valor a ser pago nessa faixa.").show();
                    return;
                }

                faixas[limite_alunos] = valor_hora_aula;
            }

            var html = '';
            var ultimafaixa = 0;

            ////console.log(faixas);

            for(var i = 0, len = faixas.length; i < len; ++i) {
                if (faixas[i] !== undefined){
                    ////console.log("pos: " + i + " valor: " + faixas[i]);
                    html += '<tr><td><input type="hidden" name="faixas[' + i + ']" value="' + faixas[i] + '" data-limite="' + i + '"/>' +
                        '<button class="btn btn-danger btn-xs btn-circle faixa-valor-remove"><i class="material-icons">delete</i></button> ' +
                        montarDescricaoFaixa(ultimafaixa + 1,i,faixas[i]) +
                        '</td></tr>';

                    ultimafaixa = i;
                }
            }

            if (faixas.length > 0){
                html += '<tr><td>' + "A partir de <strong>" + (ultimafaixa + 1) + "</strong> alunos: <strong>R$" + $("#valor_hora_aula").val().replace('R$','').trim() + '</strong></td></tr>';
            }else{
                html += '<tr><td>' + "Independentemente da quantidade de alunos: <strong>R$" + $("#valor_hora_aula").val().replace('R$','').trim() + '</strong></td></tr>';
            }

            $("#table-faixas").html(html);

            setBotoesRemoverFaixas();
        }

        function montarDescricaoFaixa(inicio, fim, valor) {
            var descricao = "";

            if (inicio === 0){
                descricao += "Até <strong>" + fim + "</strong> aluno";
            }else if (inicio === fim){
                descricao += "Somente <strong>" + fim + "</strong> aluno";
            }else{
                descricao += "Entre <strong>" + inicio + " e " + fim + "</strong> aluno";
            }

            descricao += (fim > 1 ? "s" : "") + ": <strong>R$" + valor + "</strong>";

            return descricao;
        }
    })

</script>
@endpush