@extends('layouts.app')
@section('title', __('lang_v1.backup'))

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb bg-transparent mb-0 pb-0 pt-1 px-0 me-sm-6 me-5">
            <li class="breadcrumb-item text-sm">
              <a class="text-white opacity-7" href="javascript:;">
                <i class="fa fas fa-database text-sm-i opacity-10"></i> {{ __('lang_v1.backup')}}
              </a>
            </li>
            <li class="breadcrumb-item text-sm text-white">
                 {{ __('lang_v1.create_new_backup')}}
            </li>
        </ol>
    </nav>
</section>
<!-- Main content -->
<section class="content">
    <div class="pad-15">
      @if (session('notification') || !empty($notification))
        <div class="row">
            <div class="col-sm-12">
                <div class="alert alert-danger alert-dismissible">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                    @if(!empty($notification['msg']))
                        {{$notification['msg']}}
                    @elseif(session('notification.msg'))
                        {{ session('notification.msg') }}
                    @endif
                  </div>
              </div>  
          </div>     
      @endif

      <div class="row">
        <div class="col-sm-12">
          @component('components.widget', ['class' => 'box-primary', 'icon' => 'fa fas fa-database text-blue', 'title' => __( 'lang_v1.create_new_backup' )])
          <hr class="line-light">
            @slot('tool')
              <div class="box-tools mt-50">
                <a id="create-new-backup-button" href="{{ url('backup/create') }}" class="btn bg-gradient-add white  btn-ht-lg-add pull-right" data-toggle="tooltip" title="@lang('lang_v1.create_new_backup')">
                    <i class="fa fa-plus fa-lg"></i> 
                </a>
              </div>
            @endslot
            @if (count($backups))
                <div class="card">
                    <div class="table-responsive">
                        <table class="table align-items-center mb-0 full-width">
                          <thead class="thead-light">
                              <tr>
                                  <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('lang_v1.file')</th>
                                  <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('lang_v1.size')</th>
                                  <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('lang_v1.date')</th>
                                  <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('lang_v1.age')</th>
                                  <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('messages.actions')</th>
                              </tr>
                          </thead>
                            <tbody>
                            @foreach($backups as $backup)
                                <tr>
                                    <td>{{ $backup['file_name'] }}</td>
                                    <td>{{ humanFilesize($backup['file_size']) }}</td>
                                    <td>
                                        {{ Carbon::createFromTimestamp($backup['last_modified'])->toDateTimeString() }}
                                    </td>
                                    <td>
                                        {{ Carbon::createFromTimestamp($backup['last_modified'])->diffForHumans(Carbon::now()) }}
                                    </td>
                                    <td>
                                      <a class="btn btn-xs btn-success"
                                           href="{{action([\App\Http\Controllers\BackUpController::class, 'download'], [$backup['file_name']])}}"><i
                                                class="fa fa-cloud-download"></i> @lang('lang_v1.download')</a>
                                        <a class="btn btn-xs btn-danger link_confirmation" data-button-type="delete"
                                           href="{{action([\App\Http\Controllers\BackUpController::class, 'delete'], [$backup['file_name']])}}"><i class="fa fa-trash-o"></i>
                                            @lang('messages.delete')</a>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                      </table>
                    </div>
                    @else
                        <div class="callout callout-danger">
                            <h4 class="text-white">There are no backups</h4>
                        </div>
                    @endif
                    <br>
                    <strong>@lang('lang_v1.auto_backup_instruction'):</strong><br>
                    <code>{{$cron_job_command}}</code> <br>
                    <strong>@lang('lang_v1.backup_clean_command_instruction'):</strong><br>
                    <code>{{$backup_clean_cron_job_command}}</code>
                </div>
          @endcomponent
        </div>
      </div>
    </div>
</section>
@endsection