@extends('layouts.app')
@section('title', session('company_code') . ' Elite System')

@section('body')
    <section class="content" style="padding-top:0px">
        <div class="box box-default row">
            <div class="box-body">
                <table class="table table-condensed table-hover" id="table-data">
                    <thead class="table-header-bg">
                        <tr>
                            <th width="30%">FILE NAME</th>
                            <th width="20%" class="text-right">FILE SIZE</th>
                            <th width="15%" class="text-right">LAST MODIFIED</th>
                            <th width="15%" class="text-center">UL STATUS</th>
                            <th width="15%">UL DATE</th>
                            <th width="5%" class="text-right">&nbsp;</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </section>
@endsection

@section('scripts')
<script type="text/javascript">
    $(document).ready(function() {
        $dt = $('#table-data').DataTable({
            deferred: true,
            processing: true,
            serverSide: true,
            ajax: {
                url: $app_url + '/binary-logs-backup/dt',
                data: function(d) {
                    // d.acct_status   = $('#filter-by-status option:selected').val()
                }
            },
            columns: [
                { data:'file_name',             name:'sb.file_name',            orderable:false,   className:"text-uppercase" },
                { data:'file_size',             name:'sb.file_size',            orderable:false,   className:"text-right" },
                { data:'file_last_modified',    name:'sb.file_last_modified',   orderable:false,   className:"text-right" },
                { data:'upload_status',         name:'sb.upload_status',        orderable:false,   className:"text-center" },
                { data:'upload_date',           name:'sb.upload_date',          orderable:false,   className:"text-uppercase" },
                { data:'action',                name:'action',                  orderable:false,   className:"text-right",         searchable:false }
            ]
        });

        $('#table-data_filter input').unbind();
        $('#table-data_filter input').bind('keyup', function(e) {
            if(e.keyCode == 13) {
                $dt.search($(this).val()).draw();
            }
        });
    }).on('click', '.btn-upload-file', function() {
        $id = $(this).data('id');
        $file_name = $(this).data('filename');

        $jc = $.confirm({
            draggable: true,
            title: false,
            type: 'blue',
            columnClass: 'small',
            content:'<p class="text-center"><i class="fa fa-cloud-upload text-bold text-primary" style="font-size:54px"></i></p>' +
                    '<p class="text-center">You are about to upload file <b>'+ $file_name +'</b>. Click upload button or press enter to continue.</p>',
            onOpenBefore: function() {
                $jc.buttons.CLOSE.hide();
            },
            buttons: {
                CLOSE: {
                    text: '<small>[ENTER]</small> CLOSE',
                    btnClass: 'btn-default',
                    keys: ['enter'],
                    action: function() {
                        $dt.draw();
                    }
                },
                CANCEL: {
                    text: '<small>[Esc]</small> CANCEL',
                    btnClass: 'btn-warning',
                    keys: ['esc']
                },
                UPLOAD: {
                    text: '<small>[Enter]</small> UPLOAD',
                    btnClass: 'btn-primary',
                    keys: ['enter'],
                    action: function() {
                        $.ajax({
                            url: $app_url + '/binary-logs-backup/upload',
                            type: 'post',
                            cache: false,
                            data: { 'id' : $id },
                            dataType: 'json',
                            beforeSend: function() {
                                $jc.showLoading(true);
                            },
                            success: function(res) {
                                $jc.setType('blue');
                                $jc.buttons.CANCEL.hide();
                                $jc.buttons.UPLOAD.hide();
                                $jc.buttons.CLOSE.show();
                                $jc.setContent('<p class="text-center"><i class="fa fa-check text-bold text-primary" style="font-size:54px"></i></p>' +
                                               '<p class="text-center">File was successfully uploaded to cloud backup storage.</p>');
                            },
                            error: function(res) {
                                $jc.setType('red');
                                $jc.buttons.CANCEL.hide();
                                $jc.buttons.UPLOAD.hide();
                                $jc.buttons.CLOSE.show();
                                $jc.setContent('<p class="text-center"><i class="fa fa-cloud-upload text-bold text-danger" style="font-size:54px"></i></p>' +
                                               '<p class="text-center">'+ res.responseJSON +'</p>');

                                $jc.hideLoading(true);
                            },
                            complete: function() {
                                $jc.hideLoading(true);
                            }
                        });

                        return false;
                    }
                }
            }
        });
    });
</script>
@endsection