@extends('admin.layouts.master')

@section('content-header')
    <section class="content-header">
        <h1>
            {{ trans('admin.preview') }} <span class="text-lowercase">{{ $xPanel->entityName }}</span>
        </h1>
        <ol class="breadcrumb">
            <li><a href="{{ admin_url() }}">{{ trans('admin.dashboard') }}</a></li>
            <li><a href="{{ url($xPanel->route) }}" class="text-capitalize">{{ $xPanel->entityNamePlural }}</a></li>
            <li class="active">{{ trans('admin.preview') }}</li>
        </ol>
    </section>
@endsection

@section('content')
    @if ($xPanel->hasAccess('list'))
        <a href="{{ url($xPanel->route) }}" class="btn btn-default mb-3">
            <i class="fa fa-angle-double-left"></i> {{ trans('admin.back_to_all') }} <span
                class="text-lowercase">{{ $xPanel->entityNamePlural }}</span>
        </a>
    @endif

    <div class="box box-primary">
        <div class="box-header with-border">
            <h3 class="box-title">{{ trans('admin.preview') }} <span
                    class="text-lowercase">{{ $xPanel->entityName }}</span></h3>
        </div>
        <div class="box-body">

            {{-- Main Details --}}
            <div class="card mb-3">
                <div class="card-header">Main Details</div>
                <div class="card-body p-0">
                    <table class="table table-bordered mb-0">
                        <tr>
                            <th>ID</th>
                            <td>{{ $entry->id }}</td>
                        </tr>
                        <tr>
                            <th>Model Type</th>
                            <td>{{ $entry->model_type }}</td>
                        </tr>
                        <tr>
                            <th>Model ID</th>
                            <td>{{ $entry->model_id }}</td>
                        </tr>
                        <tr>
                            <th>Action By (Admin ID)</th>
                            <td>{{ $entry->admin_id }}</td>
                        </tr>
                        <tr>
                            <th>Activity Type</th>
                            <td>{{ $entry->action }}</td>
                        </tr>
                        <tr>
                            <th>Reason</th>
                            <td>{{ $entry->reason }}</td>
                        </tr>
                        <tr>
                            <th>Logged At</th>
                            <td>{{ $entry->created_at }}</td>
                        </tr>
                    </table>
                </div>
            </div>

            {{-- Updated Posts --}}
            @if ($entry->action === 'updated')
                <div class="card mb-3">
                    <div class="card-header">Changes</div>
                    <div class="card-body p-0">
                        @php $changes = $entry->changes ?? []; @endphp
                        <table class="table table-bordered mb-0">
                            <thead>
                                <tr>
                                    <th>Field</th>
                                    <th>Old Value</th>
                                    <th>New Value</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($changes as $field => $vals)
                                    <tr>
                                        <td style="width: 25%;">{{ $field }}</td>
                                        <td style="width: 37.5%;" class="text-danger font-weight-bold">
                                            @php
                                                $oldVal = $vals['old'] ?? 'N/A';
                                                if (is_array($oldVal)) {
                                                    $oldVal = implode(', ', $oldVal);
                                                }
                                            @endphp
                                            {{ $oldVal }}
                                        </td>
                                        <td style="width: 37.5%;" class="text-success font-weight-bold">
                                            @php
                                                $newVal = $vals['new'] ?? 'N/A';
                                                if (is_array($newVal)) {
                                                    $newVal = implode(', ', $newVal);
                                                }
                                            @endphp
                                            {{ $newVal }}
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="3">No changes available</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            @endif

            {{-- Deleted Posts --}}
            @if ($entry->action === 'deleted')
                @php $deletedPost = is_string($entry->changes) ? json_decode($entry->changes, true) : $entry->changes; @endphp
                <div class="card card-warning mb-3">
                    <div class="card-header">Deleted Post Preview</div>
                    <div class="card-body">

                        {{-- Post Info & Pricing --}}
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <h5>Post Information</h5>
                                <table class="table table-bordered table-sm mb-0">
                                    <tr>
                                        <th>Title</th>
                                        <td>{{ $deletedPost['title'] ?? 'N/A' }}</td>
                                    </tr>
                                    <tr>
                                        <th>Description</th>
                                        <td>{!! $deletedPost['description'] ?? 'N/A' !!}</td>
                                    </tr>
                                    <tr>
                                        <th>Created At</th>
                                        <td>{{ $deletedPost['created_at'] ?? 'N/A' }}</td>
                                    </tr>
                                    <tr>
                                        <th>Updated At</th>
                                        <td>{{ $deletedPost['updated_at'] ?? 'N/A' }}</td>
                                    </tr>
                                </table>
                            </div>
                            <div class="col-md-6">
                                <h5>Pricing</h5>
                                <table class="table table-bordered table-sm mb-0">
                                    <tr>
                                        <th>Price</th>
                                        <td>{{ $deletedPost['price_formatted'] ?? 'N/A' }}</td>
                                    </tr>
                                    <tr>
                                        <th>Negotiable</th>
                                        <td>{{ !empty($deletedPost['negotiable']) ? 'Yes' : 'No' }}</td>
                                    </tr>
                                    <tr>
                                        <th>Sale Status</th>
                                        <td>{{ $deletedPost['saleStatus'] ?? 'N/A' }}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                        {{-- Category & Contact --}}
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <h5>Category</h5>
                                <table class="table table-bordered table-sm mb-0">
                                    <tr>
                                        <th>Name</th>
                                        <td>{{ data_get($deletedPost, 'category.name.' . config('app.locale'), 'N/A') }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Slug</th>
                                        <td>{{ data_get($deletedPost, 'category.slug', 'N/A') }}</td>
                                    </tr>
                                    <tr>
                                        <th>Icon</th>
                                        <td><i class="{{ data_get($deletedPost, 'category.icon_class') }}"></i></td>
                                    </tr>
                                </table>
                            </div>
                            <div class="col-md-6">
                                <h5>Contact Information</h5>
                                <table class="table table-bordered table-sm mb-0">
                                    <tr>
                                        <th>Contact Name</th>
                                        <td>{{ $deletedPost['contact_name'] ?? 'N/A' }}</td>
                                    </tr>
                                    <tr>
                                        <th>Email</th>
                                        <td>{{ $deletedPost['email'] ?? 'N/A' }}</td>
                                    </tr>
                                    <tr>
                                        <th>Phone</th>
                                        <td>{{ $deletedPost['phone_intl'] ?? ($deletedPost['phone'] ?? 'N/A') }}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                        <div class="row">
                            {{-- Post Pictures --}}
                            @if (!empty($deletedPost['pictures']) && is_array($deletedPost['pictures']))
                                @php
                                    $images = collect($deletedPost['pictures'])->filter(
                                        fn($pic) => str_starts_with($pic['mime_type'] ?? '', 'image/'),
                                    );
                                    $videos = collect($deletedPost['pictures'])->filter(
                                        fn($pic) => str_starts_with($pic['mime_type'] ?? '', 'video/'),
                                    );
                                @endphp

                                {{-- Images Row --}}

                                @if ($images->isNotEmpty())
                                    <div class="row mb-3">
                                        <h5>Images</h5>
                                        @foreach ($images as $image)
                                            @if (!empty($image['filename_url']))
                                                <div class="col-md-2 col-4 text-center mb-3">
                                                    <img src="{{ $image['filename_url'] }}" alt="Post Image"
                                                        class="img-thumbnail" style="max-height:120px; width:auto;">
                                                </div>
                                            @endif
                                        @endforeach
                                    </div>
                                @endif

                                {{-- Videos Row --}}
                                @if ($videos->isNotEmpty())
                                    <div class="row">
                                        <h5>Videos</h5>
                                        @foreach ($videos as $video)
                                            @if (!empty($video['filename_url']))
                                                <div class="col-md-2 col-4 text-center mb-3">
                                                    <video controls
                                                        style="max-height:120px; width:auto; border-radius:6px;">
                                                        <source src="{{ $video['filename_url'] }}"
                                                            type="{{ $video['mime_type'] ?? 'video/mp4' }}">
                                                        Your browser does not support the video tag.
                                                    </video>
                                                </div>
                                            @endif
                                        @endforeach
                                    </div>
                                @endif
                            @endif
                        </div>
                    </div>
                </div>
            @endif

        </div>
    </div>
@endsection