@extends('layout.user')
@section('content')

@include('include.toaster.custom')

        <div class="page-title">
            <div class="left-column">
                <h4>Backup History</h4>
            </div>
            <div class="right-column">
                <div class="search-field">
                    <form>
                        <input type="text" class="white-field" placeholder="Search item"/>
                        <button class="btn-search"><img src="{{asset('images/search-icon.png')}}"/></button>
                    </form>
                    <a href="{{route('policyholder.backup.create')}}">
                        <button class="btn-add">Create New Backup</button>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <section class="contact-form">
        <div class="table table-responsive">
            @if(count($backups)>0)
                <table>
                    <thead>
                    <tr>
                        <th>Sr</th>
                        <th>Name</th>
                        <th>Created on</th>
                        <th>Time</th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody>

                    @foreach($backups as $key=>$backup)
                        <tr>
                            <td>
                                {{$key+1}}
                            </td>
                            <td>
                                <div class="name-backup">
                                    <img src="{{asset('images/backup-icon.png')}}"/>
                                    {{ \Carbon\Carbon::parse($backup->created_at)->isoFormat(\App\AppConstants::BACKUP_TITLE_DATE_FORMAT)}} Backup

                                </div>
                            </td>
                            <td>
{{--                                {{ \Carbon\Carbon::parse($backup->created_at)->isoFormat(\App\AppConstants::DOCUMENT_DATE_FORMAT)}}--}}
                                {{\Carbon\Carbon::parse($backup->created_at, 'UTC')
                                         ->setTimezone($timezone)->isoFormat(\App\AppConstants::DOCUMENT_DATE_FORMAT)}}
                            </td>
                            <td>
{{--                                {{ \Carbon\Carbon::parse($backup->created_at)->isoFormat(\App\AppConstants::BACKUP_TITLE_TIME_FORMAT)}}--}}
                                {{\Carbon\Carbon::parse($backup->created_at, 'UTC')
                                         ->setTimezone($timezone)->isoFormat(\App\AppConstants::BACKUP_TITLE_TIME_FORMAT)}}
                            </td>
                            <td>
                                <div class="action-btn">
                                    <a href="{{route('policyholder.backup.restore',$backup->id)}}">
                                        <button class="plan-btn green-btn"><img src="{{asset('images/restore.png')}}"/>Restore</button>
                                    </a>

                                    <a href="{{route('policyholder.backup.delete',$backup->id)}}">
                                        <button class="plan-btn red-btn"><img src="{{asset('images/delete.png')}}"/>Delete</button>
                                    </a>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            @else
                <div>
                    @include('snippets.no_records_href', ['title' => "No Backup Found", 'message' => 'You have not backed up your content yet.', 'target'=> 'policyholder.backup.create' ,'button'=> 'Create Backup Now' , 'image'=> asset('images/download.png')])
                </div>
            @endif
        </div>
    </section>
@endsection