@extends('andes.zbase::layout')
@section('content')
<div class="page-bar">
	{!! Breadcrumbs::render('promocoes.editar') !!}
</div>
<h3 class="page-title">Promoções</h3>
<div class="row">
    <div class="col-md-12">
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption font-dark">
                    <span class="caption-subject bold">Dados da promoção</span>
                </div>
            </div>
            <div class="portlet-body form">
                {!! Form::model($promocao, ['route'=>['andes.promocoes.salvar', $promocao->id], 'class'=>'form-horizontal form-validate', 'role'=>'form']) !!}
                    <div class="form-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group {{ $errors->has('nome')?'has-error':'' }}">
                                    <label class="col-md-3 control-label">Nome</label>
                                    <div class="col-md-9">
                                        {!! Form::text('nome', null, ['class'=>'form-control', 'maxlength'=>'255', 'required']) !!}
                                        @if($errors->has('nome'))
                                        <span class="help-block">{{ $errors->first('nome') }}</span>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group {{ $errors->has('nome')?'has-error':'' }}">
                                    <label class="col-md-3 control-label">Data</label>
                                    <div class="col-md-9">
                                        <div class="input-group date-picker input-daterange">
                                            {!! Form::text('data_inicial', $promocao->data_inicial?$promocao->data_inicial->format('d/m/Y'):null, ['class'=>'form-control', 'maxlength'=>'10']) !!}
                                            <span class="input-group-addon">até</span>
                                            {!! Form::text('data_final', $promocao->data_final?$promocao->data_final->format('d/m/Y'):null, ['class'=>'form-control', 'maxlength'=>'10']) !!}
                                        </div>
                                        @if($errors->has('nome'))
                                        <span class="help-block">{{ $errors->first('nome') }}</span>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group {{ $errors->has('tipo')?'has-error':'' }}">
                                    <label class="control-label col-md-3">Tipo</label>
                                    <div class="col-md-9">
                                        {!! Form::select('tipo', ['percentual'=>'Percentual', 'valor'=>'Valor'], null, ['class'=>'form-control select']) !!}
                                        @if($errors->has('tipo'))
                                        <span class="help-block">{{ $errors->first('tipo') }}</span>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group {{ $errors->has('valor')?'has-error':'' }}">
                                    <label class="col-md-3 control-label">Valor</label>
                                    <div class="col-md-5">
                                        <div class="input-group valor">
                                            <span class="input-group-addon">%</span>
                                            {!! Form::text('valor', null, ['class'=>'form-control decimal', 'maxlength'=>'5', 'required']) !!}
                                        </div>
                                        @if($errors->has('valor'))
                                        <span class="help-block">{{ $errors->first('valor') }}</span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group {{ $errors->has('produtos')?'has-error':'' }}">
                                    <label class="control-label col-md-3">Produtos</label>
                                    <div class="col-md-9">
                                        {!! Form::select('produtos[]', $produtos, $promocao->produtos()->lists('id')->toArray(), ['class'=>'multi-select', 'multiple']) !!}
                                        @if($errors->has('produtos'))
                                        <span class="help-block">{{ $errors->first('produtos') }}</span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-actions text-right">
                        {!! Form::submit('Salvar', ['class'=>'btn green']) !!}
                    </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
<script type="text/javascript">
    function toggleTipo(){
        if($('select[name="tipo"]').val() == 'percentual'){
            $('.valor input').attr('maxlength', 5);
            $('.valor span').html('%');
        } else {
            $('.valor input').attr('maxlength', 7);
            $('.valor span').html('R$');
        }
    }

    $(document).ready(function(){
        toggleTipo();
        $('.date-picker').datepicker({
            language: 'pt-BR',
            autoclose: true
        });
        $('.select').selectize();
        $('.decimal').maskMoney({thousands:''});
        $('.multi-select').multiSelect({
            selectableOptgroup: true
        });

        $('select[name="tipo"]').change(function(){
            toggleTipo();
        });

        $('.form-validate').validate({
            errorElement: 'span',
            errorClass: 'help-block',
            highlight: function(element){
                $(element).closest('.form-group').addClass('has-error');
            }
        });

        $('.continuar').click(function(){
            $('input[name="continuar"]').val(1);
            $('.form-validate').submit();
        });
    });
</script>
@endsection