@extends('layout.padrao')
@section('title', 'Email Send')
@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 method="POST" action="{{route('sendEmail', $loading->id) }}" accept-charset="UTF-8" enctype="multipart/form-data"
    id="form_stuffingprocess">
    {{method_field('POST')}}
    {{csrf_field()}}
    <div class="row folha-interna folha-branca-contornada shadow bg-white rounded"
        style="margin: 1% !important; background:#f8fbff !important;">

        <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-line4 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',$loading->email), [ '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-line4 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-line4 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-line4 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
            
            @if($loading->loadingType=='LGP')
              {!! Form::label('hauling_id', 'Hauling:', [ 'class' => 'w-100 control-label', ]) !!}
              {!! Form::select('hauling_id', $select['hauling_id'], old('hauling_id',$loading->hauling_id), ['class' => 'hauling_id form-control']) !!}
              <span style="font-size:9px;">*Campo será adicionado ao email.</span>
            @endif

            {!! Form::label('addcomments', 'Adicionais:', [ '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>

            @if($loading->loadingType=='LGP' && $bl == 'NO')
            {!! Form::label('isotankDetails', 'Isotank Details', [ 'class' => 'w-100 control-label', 'id'=>'labelTank'
            ]) !!}
            {!! Form::textarea('isotankDetails', old('isotankDetails',$loading->isotankDetails), ['class' =>
            'form-control ', 'rows' => 7, 'sytle' => 'text-transform:uppercase;' ]) !!}
            <p style="color:red; font-size:10px;">*Preencher apenas quando dados do(s) Equipamento(s) estiverem
                disponíveis</p>
            @endif

            <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($loading->status <> 'Shipped' || !isset($loading->loading_confirmations[0]->BlDate))
                            @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", ["$loading->id", 'modal_controller' => ($transfer_update ==  'Transferencia' ? 'transfer' : '')]) }} ' "  class="btn btn-danger">Back to Edit Booking</button>
                                    @endif
                                @else
                                        <button type="reset" onclick="location.href=' {{route("editLoading", ["$loading->id", 'modal_controller' => ($transfer_update == 'Transferencia' ? 'transfer' : '')]) }} ' "  class="btn btn-danger">Back to Edit Booking</button>
                                @endif
                            @endif
                        @endif
                    @endcan
                    <button type="reset" onclick="location.href='{{ route('listLoading', ['tipo'=>'loading']) }}'"  class="btn btn-padrao">Cancel</button>
                </div>
            </div>
        </div>
        <input type="hidden" name="envid" id="env_id" value="{{$loading->id}}">
        <input type="hidden" name="typeEmail" id="typeEmail" value="{{$loading->loadingType}}">
        <input type="hidden" name="userEmail" id="userEmail" value="{{Auth::user()->email}}">
        <input type="hidden" name="container_types_id" id="container_types_id" value="{{$loading->container_types_id}}">
        <input type="hidden" name="transfer_update" id="transfer_update" value="{{$loading->transfer_update}}">

        <div class="col col-lg-5 form-group folha-branca-contornada folha-interna shadow p-3 mb-5 bg-white rounded"
            style="margin-bottom: 6px !important; margin-left: 8% !important;">

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

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


        </div>
        @if(!$attachmentSize)
            <div class="alert alert-danger" role="alert">
                O limite de 18MB de anexos foi atingido, ao corrigir, o botão "send" será liberado.
            </div>
        @endif
    </div>
    <div class="row">
        <span class='sep-line3 align-items-center' style="margin-left: 30px; margin-right: 30px"></span>

        <div class="col colunaForm" style="margin: 1% !important;">
            <div class="row folha-interna folha-azul-contornada shadow p-3 mb-5 bg-white rounded" style="margin-right: 0px !important">
                @yield('attach_edit_list')
            </div>
        </div>


    </div>

</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);
        }
    });

    if ($('#transfer_update').val() == 'Transferencia') {
        $('#addcomments').val('<br />
<b>Warning</b>:  Undefined variable $loading in <b>/home/tabexc29/qa.tabex.com.br/resources/views/mail_templates/previouslyEmail.blade.php</b> on line <b>156</b><br />
<br />
<b>Warning</b>:  Attempt to read property "comments" on null in <b>/home/tabexc29/qa.tabex.com.br/resources/views/mail_templates/previouslyEmail.blade.php</b> on line <b>156</b><br />
');
    };


    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;
        }



    }
    /*
    function validar() {
        var $result = $("#result");
        var emailRegEx = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        str = $("#email").val();
        $result.text("");
        var array = str.split(';');
        for(var i =0;i<array.length;i++)
        {
            var email = array[i];
            if(!email.match(emailRegEx))
            {
                $result.text(email + " não é válido :(");
                $result.css("color", "red");
                return false;
            }
        }
       // return true
    }*/
    $("#validar").bind("click", validar);
    $(".validarfield").bind("change", validar);
    $(".validarfield").blur(function () {
        validar();
    });

    if ($('[name="container_types_id"]').val() == '7') {
        document.getElementById("labelTank").innerHTML = 'Isotank Details';
    } else {
        if ($('[name="container_types_id"]').val() == '1') {

            document.getElementById("labelTank").innerHTML = 'Flexitank Details';
        } else {
            $('[name="isotankDetails"]').prop('disabled', true);
        }
    }

</script>

@include('loading.loadingPlan.script')

@include('mail_templates.multipleEmailsScript')

@endSection