@extends('layouts.app')

@php use Jfcherng\Diff\DiffHelper; @endphp

@push('datatable-styles')
    @include('sections.datatable_css')
@endpush

<!-- Prism CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prismjs@1/themes/prism-okaidia.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prismjs@1/plugins/line-numbers/prism-line-numbers.min.css" />

<style>
.token.coord { color: #6cf; }
.token.diff.bold { color: #fb0; font-weight: normal; }
{!! DiffHelper::getStyleSheet() !!}

.diff-wrapper.diff.diff-html .change .old {
	width: 45%;
}
.diff-wrapper.diff.diff-html .change .new {
	width: 45%;
}
.diff-wrapper thead th {
	text-align: center !important;
	color: #fff !important;
	font-weight: bold !important;
}
.diff-wrapper.diff td, .diff-wrapper.diff th {
	font-size: 14px !important;
}
.fs-15 {
    font-size: 15px !important;
}
</style>

@section('content')

<div class="content-wrapper">
    <div class="container-fluid p-0">
        {{--
        <div class="mb-4">
            <h2 class="text-2xl fw-semibold">{{ $pageTitle }}</h2>
        </div>
        --}}

        <!-- Navigation Buttons -->
        <div class="d-flex justify-content-between mb-4">
            <div>
                @if ($previousPageLink !== 'disabled')
                    <a href="{{ $previousPageLink }}" class="btn btn-outline-primary">
                        {{ __('Previous') }}
                    </a>
                @endif
            </div>
            <div>
                @if ($nextPageLink !== 'disabled')
                    <a href="{{ $nextPageLink }}" class="btn btn-outline-primary">
                        {{ __('Next') }}
                    </a>
                @endif
            </div>
        </div>

        <!-- Revision Metadata -->
        <div class="d-flex align-items-center mb-4 meta-data">
            <strong class="fs-15 me-2">To:</strong>
            <div class="d-flex align-items-center me-auto">
                <img
                    src="https://secure.gravatar.com/avatar/e64c7d89f26bd1972efa854d13d7dd61?s=32&d=mm&r=g"
                    class="rounded-circle me-2"
                    height="32"
                    width="32"
                    alt="Avatar"
                    loading="lazy"
                />
                <div>
                    <div class="fw-semibold fs-15">
                        Revision by <span class="text-primary">{{ user()->name }}</span>
                    </div>
                    <div class="text-muted fs-15">
                        {{ \Carbon\Carbon::parse($currentPage->created_at)->diffForHumans() }}
                        <span class="ms-2">{{ \Carbon\Carbon::parse($currentPage->created_at) }}</span>
                    </div>
                </div>
            </div>

            @if ($nextPageLink !== 'disabled')
                <a href="#" onclick="restorePage(event)" class="btn btn-primary btn-sm">
                    Restore This Revision
                </a>
            @endif
        </div>

        @php
            try {
                $diff = $currentPage->diff($previousPage);
            } catch (\Exception $e) {
                //dd($e->getMessage());
                $diff = [];
            }
        @endphp

        @if (!empty($diff))
        <div class="bg-white rounded shadow-sm overflow-auto">
            <table class="table table-borderless w-100">
                <tbody>
                        @foreach ($currentPage->diff($previousPage) as $field => $value)
                            <tr>
                                <th class="">
                                    <h4 class="p-2 fw-semibold mb-0">{{ ucwords(str_replace('_', ' ', $field)) }}</h4>
                                </th>
                            </tr>
                            <tr>
                                <td class="p-3">
                                    {!! DzHelper::diff_highlight(
                                        htmlentities($previousPage ? $previousPage->getModel()->$field : '-'),
                                        htmlentities($currentPage->getModel()->$field),
                                        'old'
                                    ) !!}
                                </td>
                            </tr>
                        @endforeach
                </tbody>
            </table>
        </div>
        @else
            <div class="bg-white rounded-4 shadow-sm p-4 overflow-auto">
                <p>{{ __('No major changes found.')}}</p>
            </div>
        @endif
    </div>
</div>

@endsection

@push('scripts')
<script>
    function restorePage(event) {
        event.preventDefault();
        Swal.fire({
            title: "@lang('messages.sweetAlertTitle')",
            icon: 'warning',
            showCancelButton: true,
            focusConfirm: false,
            confirmButtonText: "@lang('messages.confirmRevert')",
            cancelButtonText: "@lang('app.cancel')",
            customClass: {
                confirmButton: 'btn btn-primary me-3',
                cancelButton: 'btn btn-secondary'
            },
            showClass: {
                popup: 'swal2-noanimation',
                backdrop: 'swal2-noanimation'
            },
            buttonsStyling: false
        }).then((result) => {
            if (result.isConfirmed) {
                $.easyAjax({
                    type: 'GET',
                    url: "{{ $restorePageLink }}",
                    blockUI: true,
                    data: {
                        '_token': "{{ csrf_token() }}",
                        '_method': 'GET'
                    },
                    success: function(response) {
                        if (response.status === 'success') {
                            window.location.href = response.redirectUrl;
                        }
                    }
                });
            }
        });
    }
</script>
@endpush