@extends('layout.padrao')
@section('title', 'Import Booking - Email Confirmation')
@include('include.attach_edit_list_multi_delete')
@section('content')

    @if($errors->any())
        <div class="alert alert-danger">
        @foreach($errors->all() as $error)
            {{ $error }} <br>
        @endforeach
        </div>
    @endif
    {{ Form::open(array('method' => 'post', 'files'=>true, 'enctype'=>'multipart/form-data', 'route'=>array('sendEmailImportBooking', $loading->id))) }}
    <div class="row" >
        <div class="col col-lg-6 form-group">


            <div class="{{ $errors->has('userMail')? 'has-error':''}}">
                {!! Form::label('userMail', 'From:', [ 'class' => 'w-100 control-label', ]) !!}
                {!! Form::text('userMail', old('userMail',Auth::user()->email), ['class' => 'form-control ', 'disabled'=>'disabled' ]) !!}
            </div>
            <span class='sep-line align-items-center' style=" display:block;"></span>

            @include('mail_templates.multipleEmailsTo')

            <span style="font-size:9px;">IMPORTANTE:Caso use dois ou mais emails, separar por ';'</span>
            <div class="{{ $errors->has('email')? 'has-error':''}}">
                {!! Form::label('email', 'To:', [ 'class' => 'w-100 control-label']) !!}
                {!! Form::text('email', old('email',null) , ['class' => 'form-control validarfield', 'id'=>'email', 'rows' => 2 ]) !!}
                <h2 id='result' style="font-size: 12px; font-weight: bold;"></h2>
            </div>
            <span style="font-size:9px;">*Uma cópia será enviada automaticamente para o email do Usuário</span>
            <span class='sep-line align-items-center' style=" display:block;"></span>

            @include('mail_templates.multipleEmailsCC')

            {!! Form::label('cc', 'cc:', [ 'class' => 'w-100 control-label', ]) !!}
            {!! Form::text('cc', old('cc',null), ['class' => 'form-control validarfield', 'id'=>'cc','rows' => 2 ]) !!}
            <h2 id='resultcc' style="font-size: 12px; font-weight: bold;"></h2>
            <span style="font-size:9px;">*Usuário não será gravado na Base de dados</span>
            <span class='sep-line align-items-center' style=" display:block;"></span>
            {!! Form::label('bcc', 'bcc:', [ 'class' => 'w-100 control-label', ]) !!}
            {!! Form::text('bcc', old('bcc',null), ['class' => 'form-control validarfield', 'id'=>'bcc','rows' => 2 ]) !!}
            <h2 id='resultbcc' style="font-size: 12px; font-weight: bold;"></h2>
            <span style="font-size:9px;">*Usuário não será gravado na Base de dados</span>
            <span class='sep-line align-items-center' style=" display:block;"></span>
            @if( $bl == 'NO')
            {!! Form::label('tosubmitted', 'Draft to be submitted to:', [ 'class' => 'w-100 control-label', ]) !!}
            {!! Form::textarea('tosubmitted', old('tosubmitted',$loading->tosubmitted ? $loading->tosubmitted : '-' ), ['class' => 'form-control ', 'rows' => 2, 'id' => 'tosubmitted' ]) !!}
            <span style="font-size:9px;">*Campo será adicionado ao email.</span>
            @endif
            {!! Form::label('addcomments', 'Additional Comments:', [ 'class' => 'w-100 control-label', ]) !!}
            {!! Form::textarea('addcomments', old('addcomments',$loading->addcomments), ['class' => 'form-control ',  'rows' => 2, 'id' => 'addcomments' ]) !!}
            <span style="font-size:9px;">*Campo será adicionado ao email.</span>
            <span class='sep-line align-items-center' style=" display:block;"></span>
            <div class="col col-lg-12 col-sm-12 col-md-12 input-group control-group  increment-attach-invoice" id="increment-attach">

                {{ Form::hidden('emailRoute' ,'sendEmailPaymentRequest' )}}
                {{ Form::hidden('usuario_id' ,Auth::user()->id) }}
                {{ Form::hidden('userLogin' ,Auth::user()->login) }}
                {{ Form::hidden('SAOE' ,$loading->SAOE) }}
                {{ Form::hidden('loadingType' , 'BKP') }}
                <span id="attach-child">
                    <div class="col col-lg-3 col-sm-12 col-md-12 {{ $errors->has('anexo_types_id.0')? 'has-error':''}}">
                        {!! Form::select('anexo_types_id[]',[''=>'-- Select Required ---']+$select['anexo_types_id'], null,
                        ['class' => 'form-control', 'style'=>'height:40px']) !!}


                    </div>

                    <div class="col col-lg-8 col-sm-12 col-md-12 pb-3 increment "
                        style="padding: 0 0;display: inline-flex;width: 78%;">

                        <input type="file" name="filename[]" class="form-control" multiple="multiple" style="height:40px;">
                        <input type="hidden" name="attach_qty[]">

                    </div>
                    <div id='btn_attach_change' class="col col-lg-1 col-sm-1 col-md-1 input-group-btn">
                        <div class="btn btn-attachment attach-success" type="button" style="height:40px;">
                            <div class="circleIcon">
                                <img src="{!! asset('/image/plus.svg') !!}" class="botao-circular-add">
                            </div>
                        </div>
                    </div>
                </span>
            </div>
            <span class='sep-line align-items-center' style=" display:block;"></span>


                <span class='sep-line align-items-center'></span>

                @yield('attach_edit_list')

            <div class="col col-lg-12 form-group">
                <div class="col-lg-12 col-sm-10 text-right">
                    @if($attachmentSize)
                        <button type="submit" onclick='submitDisable()' id='validar' class="btn btn-padrao"> Send </button>
                    @endif

                    @can('update', App\Usuario::class)
                        @if(!isset($loading->commercial) || (isset($loading->commercial) && $loading->commercial <> 'Booking To Be Cancelled'))
                            @if($loading->loadingType=='BKP')
                                @if(substr($loading->SAOE, 0, 4) == "SAOI")
                                    <button type="reset" onclick="location.href=' {{route("editBookingPlanImport", ['id' => $loading->id, 'tipo'=>'loadingBkImport'] ) }} ' "  class="btn btn-danger">Back to Edit Booking</button>
                                @else
                                    <button type="reset" onclick="location.href=' {{route("editBookingPlan", array("$loading->id")) }} ' "  class="btn btn-danger">Back to Edit Booking</button>
                                @endif
                            @else
                                <button type="reset" onclick="location.href=' {{route("editLoading", array("$loading->id")) }} ' "  class="btn btn-danger">Back to Edit Booking</button>
                            @endif
                        @endif
                    @endcan

                    <button type="reset" onclick="location.href='{{ route('listPaymentRequest') }}'"  class="btn btn-padrao">Cancel</button>
                </div>
            </div>
        </div>

            <input type="hidden" name="typeEmail" id="typeEmail" value="{{$loading->loadingType}}">
            <input type="hidden" name="userEmail" id="userEmail" value="{{Auth::user()->email}}">


        <div class="col col-lg-5 form-group folha-interna shadow p-3 mb-5 bg-white rounded">

            <span style="font-size:9px; text-align:center; width:100%;">Pré-visualização</span>

                {!! app(App\Http\Controllers\MailSendController::class)->emailDataImportBooking(app('request')) !!}


        </div>
    </div>
    @if(!$attachmentSize)
        <div class="alert alert-danger" role="alert">
            O limite de 18MB de anexos foi atingido, ao corrigir, o botão "enviar" será liberado.
        </div>
    @endif

    </form>
    @include('include.modal_deletar', ["rota" => "Anexo"])
    <script>
        /******************** Enter pula uma linha no comments */
        $('#tosubmitted, #addcomments').keypress(function (e) {
            if (e.keyCode == 13) {
                e.preventDefault();
                this.value = this.value.substring(0, this.selectionStart) + "" + "\n" + this.value.substring(this
                    .selectionEnd, this.value.length);
            }
        });
        function validEmail(value) {
            var valid = true;
            var emails = $("#email").val();
            var emails = value.replace(',', ';').split(';');

            jQuery.each(emails, function () {
                //alert(emails);
                if (jQuery.trim(this) != '')
                {
                    if (!jQuery.trim(this).match(/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/))
                        valid = false;
                }
            });
            return valid;
        };

        function validar() {
            var $result = $("#result");
            var $resultcc = $("#resultcc");
            var $resultbcc = $("#resultbcc");
            var email = $("#email").val();
            var cc = $("#cc").val();
            var bcc = $("#bcc").val();
            $result.text("");

            if (validEmail(email)) {
               /* $result.text(email + " é válido :)");
               $result.css("color", "green");*/
               if (validEmail(cc)) {


                    if (validEmail(bcc)) {
                        return true;
                    }
                    else {
                        $resultbcc.text(bcc + " não é válido :(");
                        $resultbcc.css("color", "red");
                        return false;
                    }
                }
                else {
                    $resultcc.text(cc + " não é válido :(");
                    $resultcc.css("color", "red");
                    return false;
                }
              //  return true;
            } else {
                $result.text(email + " não é válido :(");
                $result.css("color", "red");
                return false;
            }



        }
        $("#validar").bind("click", validar);
        $(".validarfield").bind("change", validar);
        $(".validarfield").blur(function(){ validar(); });

    </script>
     @include('loading.loadingPlan.script')


     @include('mail_templates.multipleEmailsScript')

@endSection