@extends('layouts.home')

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

@section('custom')
@stop

@section('content')
    @auth
        <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
            <a class="navbar-brand" href="#">{{ Auth::user()->email }}</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav">
                    <li class="nav-item active">
                        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Features</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Pricing</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link disabled" href="#">Disabled</a>
                    </li>
                </ul>
            </div>
        </nav>
    @endauth
<br><br>
    <div class="center">
        @if (app()->isLocale('it'))
            <h5>@lang('send/read.welcome', ['visibleName' => $user, 'date' => date('d/m/Y', strtotime($date)), 'time' => date('H:i', strtotime($date))])</h5>
            @else
            <h5>@lang('send/read.welcome', ['visibleName' => $user, 'date' => date('m/d/Y', strtotime($date)), 'time' => date('H:i', strtotime($date))])</h5>
            @endif

        <br>
        <button class="btn btn-primary btn-sm" id="urlBtn" style="margin:0 auto; display: block;">@lang('send/read.utlbtn')</button>
    </div>

    <div class="center" id="msgDiv" style="border: 0 !important;display: none;">
        <div id="msgplain"></div>
        <table class="table table-condensed table-striped" id="fileListTable"><thead><tr><th>#</th><th>@lang('send/read.filename')</th><th>@lang('send/read.filesize')</th><th>Download</th></tr></thead><tbody></tbody></table>
    </div>
@stop

@section('js')
    <script type="text/javascript">
        var PIN = "";
        var SALT = "";
        $(document).ready(function () {
            tinymce.init({
                selector: '#msgplain',
                plugins: "autoresize",
                width: "100%",
                readonly: 1,
                max_height: 400,
            });

            function fromBitArrayCodec(arr) {
                var out = [], bl = sjcl.bitArray.bitLength(arr), i, tmp;
                for (i=0; i<bl/8; i++) {
                    if ((i&3) === 0) {
                        tmp = arr[i/4];
                    }
                    out.push(tmp >>> 24);
                    tmp <<= 8;
                }
                return out;
            }

            $(document).on('click', 'a[class="downloadable"]', function() {
               var u = $(this).data('rr');
               app.loadingOverlay(true);
               $.post('/ajax/getFile', {
                   u: u,
                   _token: '{!!csrf_token()!!}'
               }, function(res) {
                   app.loadingOverlay(false);
                   if (res.status == 'ok') {
                       var data = atob(unescape(encodeURIComponent(res['f'])));
                       zip = new JSZip();
                       zip.loadAsync(data).then(function(contents) {
                           data = null;
                           Object.keys(contents.files).forEach(function(filename) {
                               zip.file(filename).async('string').then(function(content) {
                                   try {
                                       var base64decrypt = sjcl.decrypt(SALT + PIN, content);
                                   } catch(err) {
                                       Swal.fire("@lang('messages.AttentionPlease')", "@lang('send/read.filecorrupted')", 'error');
                                       console.log(err);
                                   }

                                   var decrypt = sjcl.codec.base64.toBits(base64decrypt);
                                   var byteNumbers = fromBitArrayCodec(decrypt);
                                   var byteArray = new Uint8Array(byteNumbers);
                                   console.log(byteArray);
                                   //var binaryData = [];
                                   //binaryData.push(fdec);
                                   //const url = window.URL.createObjectURL(byteArray, {type: "application/zip"});
                                   //const url = window.URL.createObjectURL(new Blob(byteArray))
                                   const a = document.createElement('a');
                                   a.style.display = 'none';
                                   a.href = URL.createObjectURL(new Blob([byteArray]), {type: "application/zip"});
                                   // the filename you want
                                   a.download = res.fn;
                                   document.body.appendChild(a);
                                   a.click();
                                   URL.revokeObjectURL(new Blob([byteArray]));
                               });
                           });
                       });
                       return;
                   } else {
                       Swal.fire("@lang('messages.AttentionPlease')", res['body'], 'error');
                       return;
                   }
               }, "json")
               .fail(function () {
                   app.loadingOverlay(false);
                   Swal.fire("@lang('messages.AttentionPlease')", "@lang('messages.connectionProblem')", 'error');
               })
            });

            $('#urlBtn').click(function () {
                var u = '{!! $uc !!}';
                var s = "{!! $salt !!}";
                Swal.fire({
                    title: "@lang('messages.enterpintitle')",
                    input: 'password',
                    inputAttributes: {
                        autocapitalize: 'off'
                    },
                    showCancelButton: true,
                    confirmButtonText: "@lang('messages.readMsgBtn')",
                    showLoaderOnConfirm: true,
                    preConfirm: (pin) => {
                        try {
                            var urldec = sjcl.decrypt(s + pin, u);
                        } catch(err) {
                            Swal.fire("@lang('messages.AttentionPlease')", "@lang('send/read.pinwrong')", 'error');
                            throw new FatalError("Something went badly wrong!");
                        }
                        PIN = pin;
                        SALT = s;
                        $.post('/ajax/getUrl',
                            {
                                uc: urldec,
                                _token: '{!!csrf_token()!!}'
                            }, function (res) {
                                app.loadingOverlay(false);
                                if (res['status'] == 'ok') {
                                    var mc = res.mc;
                                    var fid = res.fid;
                                    var msg = sjcl.decrypt(mc.salt+PIN, mc.message);
                                    tinymce.get('msgplain').setContent(msg);
                                    $('#msgDiv').show();

                                    $('#fileListTable > tbody > tr').remove();
                                    for(var i=0; i<fid.length; i++) {
                                        $('#fileListTable tbody').append("<tr><td>"+parseInt(i+1)+"</td><td>"+fid[i].fn+"</td><td>"+fid[i].s+"</td><td><a href=\"#\" data-rr=\""+fid[i].fid+"\" class=\"downloadable\"><i class=\"fas fa-cloud-download-alt\"></i> Click here to download</a></td></tr>");
                                    }
                                    return;
                                }
                                else {
                                    Swal.fire("@lang('messages.AttentionPlease')", res.body, "error");
                                    return;
                                }
                            }, "json"
                        ).fail(function () {
                            app.loadingOverlay(false);
                            Swal.fire("@lang('messages.AttentionPlease')", "@lang('messages.connectionProblem')", 'error');
                        })
                    },
                    allowOutsideClick: () => !Swal.isLoading()
                }).then((result) => {
                    if (result.value) {
                        // FAI LEGGERE LA PAGINA
                    }
                });
            });
        });
    </script>
@stop