@extends('layouts.home')

@section('title', 'Keep your secrets!')

@section('sidebar')
    @parent
@stop

@section('content')
<br><br>
    <p>@lang('messages.welcome')</p>
    <p>@lang('messages.step')</p>

    @if (!empty($error))
        <div class="alert alert-danger"> <button type="button" data-dismiss="alert" class="close" aria-hidden="true" id="msg_close">×</button><h4><span class="glyphicon glyphicon-thumbs-down"></span>&nbsp;@lang('messages.AttentionPlease')</h4><p> {!! $error !!} </p></div>
    @elseif (!empty($success))
        <div class="alert alert-success"> <button type="button" data-dismiss="alert" class="close" aria-hidden="true" id="msg_close">×</button><h4><span class="glyphicon glyphicon-thumbs-up"></span></h4><p>&nbsp;{!! $success !!} </p></div>
    @elseif (!empty($warning))
        <div class="alert alert-warning"> <button type="button" data-dismiss="alert" class="close" aria-hidden="true" id="msg_close">×</button><h4><span class="glyphicon glyphicon-warning-sign"></span>@lang('messages.AttentionPlease')</h4><p>&nbsp;{!! $warning !!} </p></div>
    @endif

    @if ($errors->any())
        <div class="alert alert-danger">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>@lang('messages.AttentionPlease')</strong><br>
            @foreach ($errors->all() as $error)
                {!! $error !!}
            @endforeach
        </div>
    @endif
    <input type="hidden" name="token" value="{!! $token !!}">
    <div class="form-group">
        <div class="alert alert-info">
            <div class="col-lg-3">@lang('messages.your name')</div>
            <div class="col-lg-9">
                <input type="text" id="me" autocomplete="off" @auth value="{!! Auth()->user()->visibleName !!}" @elseauth value="" @endauth required class="form-control" maxlength="50" placeholder="@lang('messages.me')">
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="alert alert-info">
            <div class="col-lg-3">@lang('messages.myaddress')</div>
            <div class="col-lg-9">
                <input type="text" autocomplete="off" required id="myaddress" maxlength="80" @auth disabled value="{!! Auth::user()->email !!}" @elseauth value="" @endauth class="form-control">
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="alert alert-info">
            <div class="col-lg-3">@lang('messages.recipients')</div>
            <div class="col-lg-9">
                <input type="text" autocomplete="off" maxlength="800" required id="recipients" value="" class="form-control">
            </div>
            <div class="help-block">@lang('messages.recipientdetails')</div>
        </div>
    </div>
    <div class="form-group">
        <div class="alert alert-info">
            <div class="col-lg-3">@lang('messages.subject')</div>
            <div class="col-lg-9">
                <input type="text" autocomplete="off" maxlength="100" name="subject" required placeholder="(max: 100)" value="" class="form-control">
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="alert alert-info">
            <div class="col-lg-2">@lang('messages.PIN')</div>
            <div class="col-lg-4" style="position: relative; display: inline-block;">
                <input type="password" id="pin" value="" autocomplete="off"  required maxlength="30" placeholder="@lang('messages.pintext')" class="form-control">
                <div id="pindone">@lang('messages.pindone')</div>
            </div>
            <div class="help-block">@lang('messages.pinblock')</div>
        </div>
    </div>
    <div class="form-group">
        <div class="alert alert-info">
            @lang('messages.messageBox')

                <textarea id="messageBox" width="100%" placeholder="@lang('messages.messageBoxLimitation')" class="form-control"></textarea>

        </div><div style="position: relative; top: -60px; left: 25px; background-color: darkred; font-size: 0.9em; width: 500px; color: white; height: 30px; display: none; text-align: center;" id="errormsg"></div>
    </div>
    <div class="form-group">
        <div class="alert alert-info">
            <div class="col-lg-6">@lang('messages.retention')</div>
            <div class="col-lg-4">
                <input type="text" id="retention" @if(auth()->check() || session()->has('paid')) value="" @else value="" readonly disabled @endif autocomplete="off"  required maxlength="16" placeholder="@lang('messages.retentiontext')" class="form-control">
                <input type="hidden" value="" name="retperiod"><div class="PRO"></div>
            </div>
            <div class="help-block">@lang('messages.helpretention')</div>
        </div>
    </div>

    <div class="form-group">
        <div class="alert alert-info">
            <label for="document">@lang('messages.document')</label>
            <div class="needsclick dropzone" id="document-dropzone"><div class="dz-message" data-dz-message><span style="color: black;">@lang('messages.uplddoc')</span></div></div>
        </div>
        <div>
            <button role="button" class="btn btn-danger" type="button" id="uploadButton">@lang('messages.uploadnow')</button>
        </div>
    </div>

<div class="form-check">
    <div class="alert alert-info" style="margin-left: -20px; padding: 20px 0 20px 0 !important;">
        <input type="checkbox" id="nopin" name="nopin" style="margin-left: 40px !important; width: 20px; height: 20px;" value="1" @if(auth()->check() || session()->has('paid')) class="" @else disabled class="disabled" @endif>&nbsp;&nbsp;&nbsp;<label class="form-check-label" for="nopin">@lang('messages.nopin')</label>
        <div class="help-block">@lang('messages.nopindetails')</div><div class="PRO"></div>
    </div>

</div>
<div class="form-group">
    <div class="alert alert-info">
        <button class="btn btn-danger" @if(!auth()->check() && !session()->has('paid')) disabled @endif id="altaddresses">@lang('messages.specAltAddr')</button>
        <div class="help-block">@lang('messages.smsdetails')</div><div class="PRO"></div>
    </div>
</div>

<div class="form-group">
    <div class="container-fluid">
        <div class="row">
        <div class="col-sm-2">
    <button role="button" class="btn btn-primary @if(!session()->has('uploadcompleted')) disabled @endif" @if(auth()->check()) data-type="pro" @elseif (session()->has('paid')) data-type="one" @else data-type="free" @endif type="button" id="sendBtn" @if(!session()->get('uploadcompleted')) disabled @endif>@if(auth()->check() || session()->has('paid')) @lang('messages.sendPro') @else @lang('messages.send') @endif</button>
        </div>
@if (!auth()->check() && !session()->has('paid'))
        <div class="col-sm-2">
    <a href="https://paypal.micropayment.de/paypal/event/?project=12rq-torci-f370e3be&testmode=1&theme=x1&gfx=35706-E02DFB0238&bgcolor=999&amount=90&currency=EUR&title=CRIT.TO&producttype=fee&paytext=Advanced+features+in+CRIT.TO%21&seal=3bfd8d1c579db5bc285cc3b2dcd0a367&crittosession={!! session()->get('guest') !!}" class="btn btn-primary paybtn" data-type="paypal" target="_blank">Pay now with PayPal (€ 0.90)</a>
        </div>
  {{--      <div class="col-sm-3">
    <a href="https://paysafecard.micropayment.de/paysafecard/event/?project=12rq-torci-f370e3be&testmode=1&theme=x1&gfx=x-unlocked&bgcolor=999&amount=90&currency=EUR&title=CRIT.TO&producttype=fee&paytext=You+can+pay+this+fee+to+get+the+advanced+feature+of+CRIT.TO%21&seal=ac211ec8b9584af4801a169992239233&crittosession={!! session()->get('guest') !!}" class="btn btn-primary  paybtn" data-type="paysafecard" target="_blank">Pay now with PaySafeCard (€ 0.90)</a>
        </div> --}}
        <div class="col-sm-2">
    <a href="https://mobilepayment.micropayment.de/handypay/event/?project=12rq-torci-f370e3be&testmode=1&theme=x1&gfx=35706-E02DFB0238&bgcolor=ebebeb&amount=99&title=CRIT.TO&producttype=fee&paytext=Advanced+features+in+CRIT.TO&seal=68d4236a789f2a80c735ecb4e2325cdd&crittosession={!! session()->get('guest') !!}" class="btn btn-primary paybtn" data-type="mobile" target="_blank">Pay now with SMS (€ 0.99)</a>
        </div>

        <div class="col-sm-2">
            <div class="input-group mb-3 special-group" id="vbtngrp">
            <input class="special-container" style="max-width: 150px;" type="text" placeholder="Voucher id" aria-describedby="basic-addon2" value="" name="voucher">
            <div class="input-group-append">
                <button class="btn btn-outline-secondary" id="vbtn" type="button">Use it!</button>
            </div>
            </div>
        </div>
@endif
    </div>
    </div>
</div>
<br><br><br>
<div class="modal fade" id="altmodal" tabindex="-1" role="dialog" aria-labelledby="altmodalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="altmodalLabel">@lang('messages.modalTitle')</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <p>@lang('messages.smsaddresses')
                <div id="altbox"></div>
                <br>
                <div class="col-lg-12">
                    <div class="col-lg-5"><span style="background-color: #ca2616; border: 1px solid black; display: inline-block; width: 15px; height: 15px;"></span> @lang('messages.sms')</div>
                    <div class="col-lg-5"><div style="background-color: #2196F3; display: inline-block; border: 1px solid black; width: 15px; height: 15px; position: relative;"></div> e-mail</div>
                </div>
                <br><br><br>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">@lang('messages.cancelbtn')</button>
                <button type="button" class="btn btn-secondary" id="savebtn">@lang('messages.close')</button>
            </div>
        </div>
    </div>
</div>
@stop

@section('js')
    <script type="text/javascript">
    $(document).ready(function () {
        tinymce.init({
            selector: '#messageBox',
            width: "100%",
            plugins: "paste,visualchars,pagebreak",
            init_instance_callback: function(e) {
                e.on('change paste keyup', function(d) {
                    if (e.isDirty()) {
                        if (e.getContent({format: 'text'}).length >= 1 && ($('#pin').val().length >= 6 || pin.length >= 6)) {
                            $('#sendBtn').removeClass('disabled').prop('disabled', false);
                        } else {
                            if (pin.length == 0) {
                                pin = ($('#pin').val().length == 0) ? rndstr(12) : $('#pin').val();
                                $('#pin').prop('readonly', true);
                                $('#pindone').show();
                            }
                            $('#sendBtn').addClass('disabled').prop('disabled', true);
                        }
                        if (e.getBody().innerHTML.length > 30000) {
                            e.getBody().style.backgroundColor = '#ff6162';
                            $('#errormsg').text("@lang('messages.toolongmsg')");
                            $('#errormsg').show('fast');
                        } else {
                            e.getBody().style.backgroundColor = 'white';
                            $('#errormsg').hide('slow');
                        }
                    }
                })
            }
        });


        var interval = 0;
        var salt = "";
        var pin = "";
        var ftime = false;
        var url = "{!! session()->get('urlkey') !!}";
        var myaddr = {};
        var recips = {};
        var recipsType = {};
        var srecips = {};
        var srecipsType = {};
        var iti = {};

        $('#sidebarCollapse').on('click', function () {
            $('#sidebar').toggleClass('active');
        });

        $('#savebtn').click(function() {
            srecips = Object.assign({}, recips);
            srecipsType = Object.assign({}, recipsType);

            $('input[data-txtidx]').each(function() {
                if (!$(this).hasClass('correct')) {
                    Swal.fire("@lang('messages.AttentionPlease')", "@lang('messages.notcomplete')", 'error');
                    return;
                }
            });
            $('#altmodal').modal('hide');
        });

        function checkAltAddr() {
            if ($('input[name="nopin"]').prop('checked'))
                return true; {{-- Se non devo inviare il PIN, non devo neppure controllare gli indirizzi alternativi --}}
            return ((Object.keys(srecips).length === Object.keys(srecipsType).length) &&  (Object.keys(srecips).length === $('#recipients').tagsinput('items').length));
        }

        $('#pin').keyup(function() {
           if ($(this).val().length >= 6 && tinymce.get('messageBox').getContent({format: 'raw'}).length > 0 && $('#myaddress').tagsinput('items').length > 0 && $('#recipients').tagsinput('items').length > 0 && $('#me').val().length >= 3) {
               $('#sendBtn').removeClass('disabled').prop('disabled', false);
           }
        });
        $.datetimepicker.setLocale('it');
        $('#retention').datetimepicker({
            inline:false,
            minDate: 0,
            maxDate: new Date({!! date('Y', strtotime($dataMaxRetention)) !!},{!! (int) date('m', strtotime($dataMaxRetention)) -1 !!}, {!! date('d', strtotime($dataMaxRetention)) !!}),
            onChangeDateTime:function(e, $input){
                if (e) {
                    var date = new Date(e.getTime());
                    var h = date.getUTCHours();
                    var m = '0' + date.getUTCMinutes();
                    var s = '0' + date.getUTCSeconds();
                    var formattedTime = date.getUTCFullYear() + "-" + ('0' + (date.getUTCMonth() + 1)).substr(-2) + "-" + ('0' + date.getUTCDate()).substr(-2) + " " + h + ':' + m.substr(-2) + ':' + s.substr(-2);
                    $('input[name="retperiod"]').val(formattedTime);
                }
            },
            @if (parse_url(url()->full(), PHP_URL_PATH) == 'it')
            format:'d/m/Y H:i',
            @else
            format:'m/d/Y H:i',
            @endif
        });

        $('#altaddresses').click(function() {
           var raddr =  $('#recipients').tagsinput('items');
           if (raddr.length == 0) {
               Swal.fire("@lang('messages.AttentionPlease')", "@lang('messages.norecipients')", 'error');
               return;
           }

           var text = "<table style=\"width: 95%;\" class=\"table-striped\"><thead><tr><th>@lang('messages.recipientaddress')</th><th>@lang('messages.toggleSMS')</th><th>@lang('messages.altaddress')</th></thead><tbody>";
           for (var i = 0; i < raddr.length; i++) {
               text += "<tr><td><div class=\"recaddr\">" + raddr[i] + "</div></td><td><label class=\"switch\"><input type=\"checkbox\" "+((srecipsType[raddr[i]] == 'email')? "checked":"")+" data-ref=\"" + i + "\" class=\"toggle\"><span class=\"slider round\"></span></label></td><td><input type=\""+((srecipsType[raddr[i]] == 'email')? "text":"tel")+"\" value='"+((srecips[raddr[i]])?srecips[raddr[i]]:'')+"' data-txtidx=\""+i+"\" placeholder='"+((srecipsType[raddr[i]] == 'email')? "e-mail":"SMS")+"' class=\"form-control iform "+((srecipsType[raddr[i]] == 'email')? "emailcl":"smscl")+"\"></td></tr>";
           }
           text += "</tbody></table>";
           $('#altbox').html(text);
           var i = 0;
           $('input[type="tel"]').each(function() {
               iti[i++] = window.intlTelInput($(this)[0], {utilsScript : '/js/utils.js'});
           });
           for (var i=0; i<raddr.length; i++) {
               if (validateEmail((srecips[raddr[i]])?srecips[raddr[i]]:'')) {
                   $('input[data-txtidx="'+i+'"]').removeClass('emailcl').removeClass('smscl').removeClass('erroneous').addClass('correct');
               }
               if (iti[i].isValidNumber()) {
                   $('input[data-txtidx="'+i+'"]').removeClass('smscl').removeClass('emailcl').removeClass('erroneous').addClass('correct');
               }
           }
           recips = Object.assign({}, srecips);
           recipsType = Object.assign({}, srecipsType);
           $('#altmodal').modal('show');
        });

        $('#vbtn').click(function() {
            var v=$('input[name="voucher"]').val();
            if (v.length < 8)
                return;
            app.loadingOverlay(true);
            $.post('/chk_voucher',
                {
                    "v": v,
                    _token: '{!!csrf_token()!!}'
                }, function (res) {
                    app.loadingOverlay(false);
                    if (res['status'] == 'ok') {
                        $('.paybtn').hide();
                        $('#vbtngrp').hide();
                        $('#retention').prop('readonly', false);
                        $('#retention').prop('disabled', false);
                        $('#altaddresses').prop('disabled', false);
                        $('#sendBtn').attr('data-type', 'one').text('Send message!');
                        $('#recipients').tagsinput()[0].options.maxTags = 3;
                        $('#recipients').tagsinput('refresh');
                        $('#nopin').prop('disabled', false);
                        var myDZ = Dropzone.forElement("#document-dropzone");
                        myDZ.options.acceptedFiles = '';
                        new Noty({
                            type: 'success',
                            text: "@lang('messages.voucherok')",
                            theme: 'relax',
                            timeout: 4000,
                            closeWith: ['click', 'button'],
                        }).show();
                        return;
                    } else {
                        new Noty({
                            type: 'error',
                            text: "@lang('messages.voucherko')",
                            theme: 'relax',
                            timeout: 5000,
                            closeWith: ['click', 'button'],
                        }).show();
                        return; // do nothing
                    }
                }, "json"
            ).fail(function () {
                app.loadingOverlay(false);
                new Noty({
                    type: 'error',
                    text: 'Connection problem. Please try later',
                    theme: 'relax',
                    timeout: 5000,
                    closeWith: ['click', 'button'],
                }).show();
                return;
            });
        });

        $(document).on('click', '.toggle', function() {
           var idx = $(this).data('ref');
           var raddr =  $('#recipients').tagsinput('items');
           if ($(this).prop('checked')) {
               $('input[data-txtidx="'+idx+'"]').attr('placeholder', 'e-mail');
               $('input[data-txtidx="'+idx+'"]').addClass('emailcl').removeClass('smscl').removeClass('correct').removeClass('erroneous');
               recipsType[raddr[idx]] = 'email';
               document.querySelector('input[data-txtidx="'+idx+'"]').setAttribute('type', 'text');
               iti[idx].destroy();
           }
           else {
               $('input[data-txtidx="'+idx+'"]').attr('placeholder', 'SMS');
               $('input[data-txtidx="'+idx+'"]').addClass('smscl').removeClass('emailcl').removeClass('correct').removeClass('erroneous');
               recipsType[raddr[idx]] = 'sms';
               document.querySelector('input[data-txtidx="'+idx+'"]').setAttribute('type', 'tel');
               var input = document.querySelector('input[data-txtidx="'+idx+'"]');
               iti[idx] = window.intlTelInput(input, {utilsScript : '/js/utils.js'});
           }
            $('input[data-txtidx="'+idx+'"]').val("").focus();
        });

        $(document).on('blur', 'input[data-txtidx]', function() {
            var idx = $(this).data('txtidx');
            var raddr =  $('#recipients').tagsinput('items');
            if ($(this).val().length == 0) {
                $(this).removeClass('correct');
                delete recips[raddr[idx]];
                return;
            }
            if( $('input[data-ref="'+idx+'"]').prop('checked')) {
                if (validateEmail($(this).val())) {
                    if ($(this).val() == raddr[idx]) {
                        new Noty({
                            type: 'warning',
                            text: "@lang('messages.warningmail')",
                            theme: 'relax',
                            timeout: 10000,
                            closeWith: ['click', 'button'],
                        }).show();
                        $(this).removeClass('emailcl').removeClass('smscl').removeClass('erroneous').addClass('erroneous');
                    } else {
                        $(this).removeClass('emailcl').removeClass('smscl').removeClass('erroneous').addClass('correct');
                    }
                    recips[raddr[idx]] = $(this).val();
                    recipsType[raddr[idx]]='email';
                }
                else {
                    new Noty({
                        type: 'error',
                        text: "@lang('messages.novalidmail')",
                        theme: 'relax',
                        timeout: 8000,
                        closeWith: ['click', 'button'],
                    }).show();
                    $(this).select().focus();
                    return;
                }
            } else {
                if (iti[idx].isValidNumber()) {
                    $(this).removeClass('emailcl').removeClass('smscl').addClass('correct');
                    recipsType[raddr[idx]] = 'sms';
                } else {
                    new Noty({
                        type: 'error',
                        text: "@lang('messages.novalidnumber')",
                        theme: 'relax',
                        timeout: 8000,
                        closeWith: ['click', 'button'],
                    }).show();
                    $(this).select().focus();
                    return;
                }
                recips[raddr[idx]] = $(this).val();
            }
        });

        @if(!auth()->check() && !session()->has('paid'))
        $('.paybtn').click(function() {
            app.loadingOverlay(true);
            interval = window.setInterval(function(){
                $.post('/ajax/waitingpayment',
                    {
                        _token: '{!!csrf_token()!!}'
                    }, function (res) {
                        if (res['status'] == 'ok') {
                            app.loadingOverlay(false);
                            clearInterval(interval);
                            $('.paybtn').hide();
                            $('#vbtngrp').hide();
                            $('#retention').prop('readonly', false);
                            $('#retention').prop('disabled', false);
                            $('#altaddresses').prop('disabled', false);
                            $('#sendBtn').attr('data-type', 'one').text('@lang("messages.sendPro")');
                            $('#recipients').tagsinput()[0].options.maxTags = 3;
                            $('#recipients').tagsinput('refresh');
                            $('#nopin').prop('disabled', false);
                            var myDZ = Dropzone.forElement("#document-dropzone");
                            myDZ.options.acceptedFiles = '';
                            new Noty({
                                type: 'success',
                                text: "@lang('messages.paymentok')",
                                theme: 'relax',
                                timeout: 8000,
                                closeWith: ['click', 'button'],
                            }).show();
                            return;
                        }
                        if (res['status'] == 'abort') {
                            app.loadingOverlay(false);
                            new Noty({
                                type: 'warning',
                                text: "@lang('messages.abortMsg')",
                                theme: 'relax',
                                timeout: 8000,
                                closeWith: ['click', 'button'],
                            }).show();
                            clearInterval(interval);
                            return;
                        }
                        if (res['status'] == 'error') {
                            app.loadingOverlay(false);
                            new Noty({
                                type: 'error',
                                text: "@lang('messages.error')",
                                theme: 'relax',
                                timeout: 8000,
                                closeWith: ['click', 'button'],
                            }).show();
                            clearInterval(interval);
                            return;
                        }
                    }, "json"
                ).fail(function () {
                    return; // nothing to do, hope the connection will be restored soon...
                });
            }, 5000);
        });

        @endif

        $('#myaddress').tagsinput({ maxTags: 1});
        @if (auth()->check() || session()->has('paid'))
        $('#recipients').tagsinput({ maxTags: 3});
        @else
        $('#recipients').tagsinput({ maxTags: 1});
        @endif


        function toBitArrayCodec(bytes) {
            var out = [], i, tmp=0;
            for (i=0; i<bytes.length; i++) {
                tmp = tmp << 8 | bytes[i];
                if ((i&3) === 3) {
                    out.push(tmp);
                    tmp = 0;
                }
            }
            if (i&3) {
                out.push(sjcl.bitArray.partial(8*(i&3), tmp));
            }
            return out;
        }

        function rndstr(length) {
            var result           = '';
            var characters       = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!£$%&/()=[]{},.;:-_';
            var charactersLength = characters.length;
            for ( var i = 0; i < length; i++ ) {
                result += characters.charAt(Math.floor(Math.random() * charactersLength));
            }
            return result;
        }

        function uuidv4() {
            return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
                var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
                return v.toString(16);
            });
        }

        var uploadedDocumentMap = {};

        Dropzone.options.documentDropzone = {
            url: '{{ route('upload.storeMedia') }}',
        {{-- maxFilesize: @if(auth()->check()) 50 @else 2 @endif, // MB --}}
            addRemoveLinks: true,
        {{-- @if(!auth()->check()) maxFiles: 2, @endif --}}
            @if(!auth()->check()) acceptedFiles: 'application/pdf,.docx,.doc,.txt', @endif
            headers: {
                'X-CSRF-TOKEN': "{{ csrf_token() }}",
            },
            sending: function(file, xhr, formData) {
                formData.append('_token', "{{ csrf_token() }}");
            },
            success: function (file, response) {

                $('form').append('<input type="hidden" name="document[]" value="' + response.name + '">');
                uploadedDocumentMap[file.name] = response.name;
                $('#sendBtn').removeClass('disabled').prop('disabled', false);
            },
            dictDefaultMessage: "@lang('messages.uploadarea')",
            dictResponseError: "Error uploading file!",
            dictRemoveFile: "@lang('messages.removefile')",
            autoProcessQueue: false,
            removedfile: function (file) {
                var name = '';
                if (typeof file.name !== 'undefined') {
                    name = file.name;
                } else {
                    name = uploadedDocumentMap[file.name];
                }
                app.loadingOverlay(true);
                if (name.length > 0) {
                    $.post('/upload/delete_critto_files',
                        {
                            "name": name,
                            _token: '{!!csrf_token()!!}'
                        }, function (res) {
                            app.loadingOverlay(false);
                            if (res['status'] == 'ok') {
                                file.previewElement.remove();
                                $('form').find('input[name="document[]"][value="' + name + '"]').remove();
                                new Noty({
                                    type: 'success',
                                    text: "@lang('send/messages.filedeleted')",
                                    theme: 'relax',
                                    timeout: 4000,
                                    closeWith: ['click', 'button'],
                                }).show();
                                return;
                            } else if (res.status == 'errorstop') {
                                Swal.fire("@lang('messages.AttentionPlease')", res.body, 'error');
                                return;
                            } else {
                                file.previewElement.remove();
                                $('form').find('input[name="document[]"][value="' + name + '"]').remove();
                                return; // do nothing
                            }
                        }, "json"
                    ).fail(function () {
                        app.loadingOverlay(false);
                        new Noty({
                            type: 'error',
                            text: 'Connection problem. Please try later',
                            theme: 'relax',
                            timeout: 5000,
                            closeWith: ['click', 'button'],
                        }).show();
                        return;
                    });
                }
            },
            error: function(file, message, xhr) {
                if (xhr) {
                    var h = xhr.status + ": " + xhr.statusText;
                    if (message.message)
                        $(file.previewElement).addClass("dz-error").find('.dz-error-message').text(message.message);
                    else
                        $(file.previewElement).addClass("dz-error").find('.dz-error-message').text(h);
                } else {
                    $(file.previewElement).addClass("dz-error").find('.dz-error-message').text(message);
                }
            },
            transformFile: function transformFile(file,done) {

                (async () => {

                    var reader = new FileReader();
                    salt = "{!! session()->get('salt') !!}";
                    reader.readAsArrayBuffer(file); //filedata comes from function
                    $('#pin').prop('disabled', true);
                    if (pin.length == 0 && ! $('input[name="nopin"]').prop('disabled')) {
                        pin = ($('#pin').val().length == 0) ? rndstr(12) : $('#pin').val();
                        $('#pin').prop('readonly', true);
                        $('#pindone').show();
                    }
                    reader.onload = function() {
                        var bytes = new Uint8Array(reader.result);
                        var bits = toBitArrayCodec(bytes);
                        var base64bits = sjcl.codec.base64.fromBits(bits);
                        var crypt = sjcl.encrypt(salt+pin, base64bits, { "iter" : 100400 });

                        // zipping file...
                        var newextarr = file.name.split('.');
                        newextarr[newextarr.length -1] = "enc";
                        var filename = newextarr.join('.');
                        zip = new JSZip();
                        zip.file(filename, crypt);
                        zip.generateAsync(
                        {
                            type:"blob",
                            compression: "DEFLATE"
                        }
                        ).then(function(content) {
                            done(content);
                        });
                    }
                })();

            },
            init: function () {
                @if(isset($project))
                var files = {!! $project !!};
                    for (var i in files) {
                        var mockFile = {name: files[i].name, size: files[i].size, uuid: uuidv4(), accepted: true};
                        this.files.push(mockFile);
                        this.emit('addedfile', mockFile);
                        this.emit('complete', mockFile);
                        this._updateMaxFilesReachedClass();
                    }
                @endif
            }
        };

        $('#uploadButton').click(function() {
            var myDZ = Dropzone.forElement("#document-dropzone");
            myDZ.processQueue();
        });

        $('input[name="nopin"]').change(function() {
            var nopin = $('input[name="nopin"]').prop('checked');
            if (nopin) {
                $('#altaddresses').prop('disabled', true);
            } else {
                $('#altaddresses').prop('disabled', false);
            }
        });

        $(document).on('click', '#copy2clipBtn', function() {
            var $temp = $("<input>");
            $("body").append($temp);
            $temp.val(pin).select();
            document.execCommand("copy");
            $temp.remove();
            new Noty({
                type: 'success',
                text: "@lang('messages.pincopied')",
                theme: 'relax',
                timeout: 5000,
            }).show();
        });

        $('#sendBtn').click(function() {
            if ($('#pin').val().length > 0 && $('#pin').val().length < 6) {
                Swal.fire("@lang('messages.AttentionPlease')", "@lang('messages.pintooshort')", 'error');
                return;
            }

            if (!$('#nopin').prop('disabled') && !checkAltAddr()) {
                Swal.fire("@lang('messages.AttentionPlease')", "@lang('messages.noAltAddr')", 'error');
                return;
            }
            if (pin.length == 0) {
                pin = ($('#pin').val().length == 0) ? rndstr(12) : $('#pin').val();
            }

            var nopin = $('input[name="nopin"]').prop('checked');

            if (nopin) {
                Swal.fire({
                    title: "@lang('messages.AttentionPlease')",
                    html: "@lang('messages.pinmsg')" + "<h3>" + pin + "</h3><button id=\"copy2clipBtn\" class=\"btn btn-sm btn-secondary\">" + "@lang('messages.copy2clip')" + "</button><br>",
                    type: 'warning',
                    input: 'checkbox',
                    inputValue: 0,
                    inputPlaceholder: "@lang('messages.tos')",
                    inputValidator: (result) => {
                        return !result && "@lang('messages.tosvalidator')";
                    },
                    showCancelButton: true,
                    confirmButtonColor: '#2F3133',
                    cancelButtonColor: 'grey',
                    confirmButtonText: '@lang('messages.yessend')'
                }).then((result) => {
                    if (result.value) {
                        sendData(nopin);
                    }
                });
            } else {
                sendData(nopin, pin);
            }

        });

        function effSend(nopin, pin) {
            app.loadingOverlay(true);
            var salt = "{!! session()->get('salt') !!}";
            var plainmsg = tinymce.get('messageBox').getContent({format: 'raw'});

            var crypt = sjcl.encrypt(salt+pin, plainmsg, { "iter" : 103400 });
            var urlC = sjcl.encrypt(salt+pin, url, {"iter": 103400});

            var options = {};
            options.me = $('#me').val();
            options.recs = $('#recipients').tagsinput('items');
            if (Object.keys(recips).length > 0 && Object.keys(recipsType).length) {
                options.altr = recips;
                options.altt = recipsType;
            }
            options.my = $('#myaddress').tagsinput('items');
            options.sub = $('input[name="subject"]').val();
            options.u = urlC;
            options.c = crypt;
            options.ret = $('input[name="retperiod"]').val();
            options._token = '{!!csrf_token()!!}';
            if (!nopin)
                options.pin = pin;

            $.post('/ajax/senddata',
                options, function (res) {
                    app.loadingOverlay(false);
                    if (res['status'] == 'ok') {
                        new Noty({
                            type: 'success',
                            @if(auth()->check())
                            text: "@lang('messages.okRegistered')",
                            @else
                            text: "@lang('messages.okGuest')",
                            @endif
                            theme: 'relax',
                            closeWith: ['click', 'button'],
                            callbacks: {
                                onClose: function() {
                                    document.location.href = "/";
                                }
                            },
                            timeout: 8000,
                        }).show();
                        return;
                    }
                    else {
                        new Noty({
                            type: 'error',
                            text: res.body,
                            theme: 'relax',
                            timeout: 8000,
                            closeWith: ['click', 'button'],
                        }).show();
                        return;
                    }
                }, "json"
            ).fail(function () {
                app.loadingOverlay(false);
                new Noty({
                    type: 'error',
                    text: 'Connection problem. Please try later',
                    theme: 'relax',
                    timeout: 8000,
                    closeWith: ['click', 'button'],
                }).show();
            });
        }

        function sendData(nopin, pin=null) {
            if ($('#me').val().length == 0 || $('#myaddress').val().length == 0 ) {
                new Noty({
                    type: 'success',
                    text: "@lang('messages.pleasecheck')",
                    theme: 'relax',
                    timeout: 4000,
                    closeWith: ['click', 'button'],
                }).show();
                return;
            }
            if ($('#sendBtn').data('type') === 'free') {
                Swal.fire({
                    title: "@lang('messages.AttentionPlease')",
                    html: "@lang('messages.freewarning')",
                    type: 'warning',
                    showCancelButton: true,
                    input: 'checkbox',
                    inputValue: 0,
                    inputPlaceholder: "@lang('messages.tos')",
                    inputValidator: (result) => {
                        return !result && "@lang('messages.tosvalidator')";
                    },
                    confirmButtonColor: '#2F3133',
                    cancelButtonColor: 'grey',
                    confirmButtonText: '@lang('messages.yessend')'
                }).then((result) => {
                    if (result.value) {
                        effSend(nopin, pin);
                    }
                });
            } else {
                effSend(nopin, pin);
            }

        }

        $(function(){
            var timeoutID = null;

            var checkSession = function(){
                $
                    .post('/ajax/sc', null, function(r) {
                        if (r.status === 'x') {
                            Swal.fire("@lang('messages.AttentionPlease')", "@lang('messages.sessionexpired')", 'warning');
                            clearTimeout(timeoutID);
                        }
                        else return;
                    }, 'json')
                    .fail(function(){
                        return;
                    });
            };

            var timeoutID = setInterval(checkSession, 15000);
        });

    });
    </script>
@stop