@extends('admin::layout')

@section('after_styles')
    <!-- Ladda Buttons (loading buttons) -->
    <link href="{{ asset('vendor/admin/ladda/ladda-themeless.min.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('header')
    <section class="content-header">
        <h1>
            {{ trans('admin::messages.backup') }}
        </h1>
        <ol class="breadcrumb">
            <li><a href="{{ url(config('larapen.admin.route_prefix', 'admin').'/dashboard') }}">Admin</a></li>
            <li class="active">{{ trans('admin::messages.backup') }}</li>
        </ol>
    </section>
@endsection

@section('content')
    <!-- Default box -->
    <div class="box">
        <div class="box-body">
            <button id="create-new-backup-button" href="{{ url(config('larapen.admin.route_prefix', 'admin').'/backup/create') }}" class="btn btn-primary ladda-button" data-style="zoom-in"><span class="ladda-label"><i class="fa fa-plus"></i> {{ trans('admin::messages.create_a_new_backup') }}</span></button>
            <br>
            <h3>{{ trans('admin::messages.existing_backups') }}:</h3>
            <table class="table table-hover table-condensed">
                <thead>
                <tr>
                    <th>#</th>
                    <th>{{ trans('admin::messages.location') }}</th>
                    <th>{{ trans('admin::messages.date') }}</th>
                    <th class="text-right">{{ trans('admin::messages.file_size') }}</th>
                    <th class="text-right">{{ trans('admin::messages.actions') }}</th>
                </tr>
                </thead>
                <tbody>
                @foreach ($backups as $k => $b)
                    <tr>
                        <th scope="row">{{ $k+1 }}</th>
                        <td>{{ $b['disk'] }}</td>
                        <td>{{ \Date::createFromTimeStamp($b['last_modified'])->formatLocalized(config('larapen.admin.default_datetime_format')) }}</td>
                        <td class="text-right">{{ round((int)$b['file_size']/1048576, 2).' MB' }}</td>
                        <td class="text-right">
                            @if ($b['download'])
                                <a class="btn btn-xs btn-default" href="{{ url(config('larapen.admin.route_prefix', 'admin').'/backup/download/') }}?disk={{ $b['disk'] }}&path={{ urlencode($b['file_path']) }}&file_name={{ urlencode($b['file_name']) }}"><i class="fa fa-cloud-download"></i> {{ trans('admin::messages.download') }}</a>
                            @endif
                            <a class="btn btn-xs btn-danger" data-button-type="delete" href="{{ url(config('larapen.admin.route_prefix', 'admin').'/backup/delete/'.$b['file_name']) }}?disk={{ $b['disk'] }}"><i class="fa fa-trash-o"></i> {{ trans('admin::messages.delete') }}</a>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>

        </div><!-- /.box-body -->
    </div><!-- /.box -->

@endsection

@section('after_scripts')
    <!-- Ladda Buttons (loading buttons) -->
    <script src="{{ asset('vendor/admin/ladda/spin.js') }}"></script>
    <script src="{{ asset('vendor/admin/ladda/ladda.js') }}"></script>

    <script>
        jQuery(document).ready(function($) {

            // capture the Create new backup button
            $("#create-new-backup-button").click(function(e) {
                e.preventDefault();
                var create_backup_url = $(this).attr('href');
                // Create a new instance of ladda for the specified button
                var l = Ladda.create( document.querySelector( '#create-new-backup-button' ) );

                // Start loading
                l.start();

                // Will display a progress bar for 10% of the button width
                l.setProgress( 0.3 );

                setTimeout(function(){ l.setProgress( 0.6 ); }, 2000);

                // do the backup through ajax
                $.ajax({
                    url: create_backup_url,
                    type: 'PUT',
                    success: function(result) {
                        l.setProgress( 0.9 );
                        // Show an alert with the result
                        if (result.indexOf('failed') >= 0) {
                            new PNotify({
                                title: "{{ trans('admin::messages.create_warning_title') }}",
                                text: "{{ trans('admin::messages.create_warning_message') }}",
                                type: "warning"
                            });
                        }
                        else
                        {
                            new PNotify({
                                title: "{{ trans('admin::messages.create_confirmation_title') }}",
                                text: "{{ trans('admin::messages.create_confirmation_message') }}",
                                type: "success"
                            });
                        }

                        // Stop loading
                        l.setProgress( 1 );
                        l.stop();

                        // refresh the page to show the new file
                        setTimeout(function(){ location.reload(); }, 3000);
                    },
                    error: function(result) {
                        l.setProgress( 0.9 );
                        // Show an alert with the result
                        new PNotify({
                            title: "{{ trans('admin::messages.create_error_title') }}",
                            text: "{{ trans('admin::messages.create_error_message') }}",
                            type: "warning"
                        });
                        // Stop loading
                        l.stop();
                    }
                });
            });

            // capture the delete button
            $("[data-button-type=delete]").click(function(e) {
                e.preventDefault();
                var delete_button = $(this);
                var delete_url = $(this).attr('href');

                if (confirm("{{ trans('admin::messages.backup.delete_confirm') }}") == true) {
                    $.ajax({
                        url: delete_url,
                        type: 'DELETE',
                        success: function(result) {
                            // Show an alert with the result
                            new PNotify({
                                title: "{{ trans('admin::messages.backup.delete_confirmation_title') }}",
                                text: "{{ trans('admin::messages.backup.delete_confirmation_message') }}",
                                type: "success"
                            });
                            // delete the row from the table
                            delete_button.parentsUntil('tr').parent().remove();
                        },
                        error: function(result) {
                            // Show an alert with the result
                            new PNotify({
                                title: "{{ trans('admin::messages.delete_error_title') }}",
                                text: "{{ trans('admin::messages.delete_error_message') }}",
                                type: "warning"
                            });
                        }
                    });
                } else {
                    new PNotify({
                        title: "{{ trans('admin::messages.delete_cancel_title') }}",
                        text: "{{ trans('admin::messages.delete_cancel_message') }}",
                        type: "info"
                    });
                }
            });

        });
    </script>
@endsection