@extends('template')

@section('content')
    <div class="page-content">
        <div class="container-fluid">
            <div class="page-content-inner">
                <div class="row">
                    <div class="col-md-12">
                        <div class="portlet light">
                            <div class="portlet-body">
                                <div class="row">
                                    <div class="col-md-12">
                                        <span class="font-blue-madison title"><i class="fa fa-send"></i> Envio de Proposta</span>
                                        <a href="{{ route('admin.propostas') }}" class="right btn red popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Voltar para colsulta de propostas"><i class="fa fa-arrow-circle-left"></i>  Voltar</a>
                                        <hr>
                                    </div>
                                </div>
                                {!! Form::open(['route' => 'admin.propostas.send.mail', 'method' => 'post', 'id'=>'sendMail']) !!}
                                    {!! Form::hidden('id', $proposta->id) !!}
                                    <div class="row">
                                        <div class="form-group col-md-7">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                <div class="input-group left-addon">
                                                    <span class="input-group-addon has-personalizado">
                                                        <i class="fa fa-commenting-o"></i>
                                                    </span>
                                                    {!! Form::text('assunto', 'Proposta '.$proposta->name, ['class' => 'form-control', 'autocomplete' => 'off','id'=>'assunto']) !!}
                                                    {!! Form::label('assunto', 'Assunto') !!}
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group col-sm-3">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                <div class="input-group left-addon">
                                                    <span class="input-group-addon has-personalizado">
                                                        <i class="fa fa-puzzle-piece"></i>
                                                    </span>
                                                    {!! Form::select('template', $templates, '', ['class'=>'form-control', 'onchange'=>'carrega_template_info(this.value)']) !!}
                                                    {!! Form::label('template', 'Template', ['class' => 'control-label']) !!}
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group col-sm-2">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                <a class="btn blue-madison popovers" data-target="#anexo" data-toggle="modal"  data-container="body" data-trigger="hover" data-placement="top" data-content="Visualizar Proposta"><i class="fa fa-paperclip"></i> Anexo</a>
                                            </div>
                                        </div>
                                        <div class="form-group col-md-4">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                <div class="input-group left-addon">
                                                    <span class="input-group-addon has-personalizado">
                                                        <i class="fa fa-user"></i>
                                                    </span>
                                                    {!! Form::text('para', $customer->email, ['class' => 'form-control', 'autocomplete' => 'off','id'=>'para']) !!}
                                                    {!! Form::label('para', 'Para') !!}
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group col-md-2">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                <div class="input-group left-addon">
                                                    <span class="input-group-addon has-personalizado">
                                                        <i class="fa fa-phone"></i>
                                                    </span>
                                                    {!! Form::text('phone_cliente', $customer->mobile, ['class' => 'form-control', 'autocomplete' => 'off','id'=>'celular']) !!}
                                                    {!! Form::label('celular', 'Celular') !!}
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                <div class="input-group left-addon">
                                                    <span class="input-group-addon has-personalizado">
                                                        <i class="fa fa-users"></i>
                                                    </span>
                                                    {!! Form::text('cc', ' ', ['class' => 'form-control', 'autocomplete' => 'off']) !!}
                                                    {!! Form::label('cc', 'Cópia para (emails separados por [,])') !!}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
									
									<div class="row">
                                        <div class="form-group col-md-12">
                                            <div class="portlet light form-fit ">
                                                <div class="row">
                                                    <div class="form-group col-md-8">
                                                        <div class="portlet-title">
                                                            <div class="caption">
                                                                <span class="caption-subject font-blue-madison">Conteúdo</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="portlet-body form">
                                                    <div class="form-body">
                                                        <div class="form-group last">
                                                            <div class="col-md-12">
                                                                <textarea name="conteudo" id="conteudo"></textarea>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-4">
                                            <div class="md-checkbox">
                                                {!! Form::checkbox('anexo', 'enviar', 'checked',['id'=>'checkbox2','class'=>'md-check']) !!}
                                                <label for="checkbox2" class="has-personalizado">
                                                    <span></span>
                                                    <span class="check has-personalizado"></span>
                                                    <span class="box"></span> Enviar proposta em anexo?
                                                </label>
                                            </div>
                                        </div>
                                        <div class="form-group col-md-4">
                                            <div class="md-checkbox">
                                                {!! Form::checkbox('minuta_contrato', 'enviar', '',['id'=>'checkbox4','class'=>'md-check']) !!}
                                                <label for="checkbox4" class="has-personalizado">
                                                    <span></span>
                                                    <span class="check has-personalizado"></span>
                                                    <span class="box"></span> Enviar minuta de contrato em anexo?
                                                </label>
                                            </div>
                                        </div>
                                        <div class="form-group col-md-4">
                                            <div class="md-checkbox">
                                                {!! Form::checkbox('link', 'enviar', '',['id'=>'checkbox1','class'=>'md-check']) !!}
                                                <label for="checkbox1" class="has-personalizado">
                                                    <span></span>
                                                    <span class="check has-personalizado"></span>
                                                    <span class="box"></span> Enviar link para aceite de proposta?
                                                </label>
                                            </div>
                                        </div>
                                        <div class="form-group col-md-4">
                                            <div class="md-checkbox">
                                                {!! Form::checkbox('sms', 'enviar', '',['id'=>'checkbox3','class'=>'md-check']) !!}
                                                <label for="checkbox3" class="has-personalizado">
                                                    <span></span>
                                                    <span class="check has-personalizado"></span>
                                                    <span class="box"></span> Enviar SMS?
                                                </label>
                                            </div>
                                        </div>
                                        <div class="form-group col-md-4">
                                            <div class="md-checkbox">
                                                {!! Form::checkbox('check-whatsapp', 'enviar', $temMobile?'checked':'',['id'=>'check-whatsapp','class'=>'md-check disabled']) !!}
                                                <label for="check-whatsapp" class="has-personalizado" id="loading-whatsapp">
                                                    <span></span>
                                                    <span class="check has-personalizado"></span>
                                                    <span class="box"></span> Enviar Whatsapp <img src="{{ asset('assets/images/icon-whatsapp.gif') }}" width="20px">
												</label>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <button type="submit" name="Salvar" value='Salvar' class="btn green-jungle popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Envia a proposta para o cliente">
                                                <i class=" fa fa-send"></i> enviar
                                            </button>
                                            <a href="{{route('admin.mail.template')}}" class="btn red popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Aborta o envio de proposta por email."><i class="fa fa-close"></i> Cancelar</a>
                                        </div>
                                    </div>
                                {!! Form::close() !!}

                                <div id="anexo" class="modal fade" tabindex="-1" data-width="800">
                                    <div class="modal-dialog">
                                        <div class="modal-content" style="width:900px !important">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                                                <h4 class="modal-title">Resumo da Proposta {{$proposta->name}}</h4>
                                            </div>
                                            <div class="modal-body">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        {!! $proposta->proposta_pronta !!}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END PAGE CONTENT INNER -->
        </div>
    </div>
@stop()

@section('js-admin-servico')
    <script src="{{ asset('/assets/global/scripts/app.min.js') }}" type="text/javascript"></script>
    <link href="{{ asset('/assets/global/plugins/bootstrap-summernote/summernote.css') }}" rel="stylesheet" type="text/css" />
    <script src="{{ asset('/assets/global/plugins/bootstrap-summernote/summernote.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/jquery.mask.min.js') }}"></script>
    <script src="{{ asset('/assets/pages/scripts/components-editors.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/scripts/api-whatsapp.min.js') }}"></script>
    
    <script type="text/javascript">
        
        $("#para").focus();
        $("#cc").focus();
        
        $(document).ready( function() { 
            $("#sendMail").validate({
                rules: {
                    assunto: "required",
                    para: {required:true,email:true},
                },
                messages: {
                    assunto: "Por favor digite o assunto.",
                    para: "por favor entre com um formato válido de email!",
                }
            });

        });

        $('#conteudo').summernote({height: 300});

        function carrega_template_info(id){
        
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                }
            });

            $.ajax({ 
                type: "GET", 
                url: '{{ route('admin.template.mail.info.get') }}', 
                data: {id: id}, 
                success: function(data) { 
                    var json = JSON.parse(data);
                    console.log(json);
                    $('#conteudo').summernote('code', json.conteudo);
                } 
            });
        }

        // mascara no campo de telefone do cliente
        $('#celular').mask('(00) 00000-0000');

    </script>
@stop()