pixelfed/pixelfed

@extends('layouts.blank')

@section('content')

<div class="container mt-5">
    <div class="row">
        <div class="col-12 col-md-6 offset-md-3 text-center">
            <p class="h1 pb-2" style="font-weight: 200">Your Post Has Been Deleted</p>
            <p class="lead py-1">We removed your post because it doesn't follow our <a class="font-weight-bold text-dark" href="{{route('help.community-guidelines')}}">Community Guidelines</a>. If you violate our guidelines again, your account may be restricted or disabled.</p>
            <p class="font-weight-bold alert alert-danger text-left">To continue you must click the "I Understand" button at the bottom of this page.</p>
        </div>
        <div class="col-12 col-md-6 offset-md-3">
            <hr>
        </div>
        <div class="col-12 col-md-6 offset-md-3 mt-3">
            <p class="h4 font-weight-bold">Post Details</p>
            @if($interstitial->has_media)
            <div class="py-4 align-items-center">
                <div class="d-block text-center text-truncate">
                    @if($interstitial->blurhash)
                    <canvas id="mblur" width="400" height="400" class="rounded shadow"></canvas>
                    @else
                    <img src="/storage/no-preview.png" class="mr-3 img-fluid" alt="No preview available">
                    @endif
                </div>
                <div class="mt-2 border rounded p-3">
                    @if($meta->caption)
                    <p class="text-break">
                        Caption: <span class="font-weight-bold">{{$meta->caption}}</span>
                    </p>
                    @endif
                    <p class="mb-0">
                        Like Count: <span class="font-weight-bold">{{$meta->likes_count}}</span>
                    </p>
                    <p class="mb-0">
                        Share Count: <span class="font-weight-bold">{{$meta->reblogs_count}}</span>
                    </p>
                    <p class="">
                        Timestamp: <span class="font-weight-bold">{{now()->parse($meta->created_at)->format('r')}}</span>
                    </p>
                    <p class="mb-0" style="word-break: break-all !important;">
                        URL: <span class="font-weight-bold text-primary">{{$meta->url}}</span>
                    </p>
                </div>
            </div>
            @else
            <div class="media py-4 align-items-center">
                <div class="media-body ml-2">
                    <p class="">
                        Comment: <span class="lead text-break font-weight-bold">{{$meta->caption}}</span>
                    </p>
                    <p class="mb-0 small">
                        Posted on {{$meta->created_at}}
                    </p>
                    <p class="mb-0 font-weight-bold text-primary">
                        {{$meta->url}}
                    </p>
                </div>
            </div>
            @endif
        </div>
        <div class="col-12 col-md-6 offset-md-3 my-3">
            <div class="border rounded p-3 border-primary">
                <p class="h4 font-weight-bold pt-2 text-primary">Review the Community Guidelines</p>
                <p class="lead pt-4 text-primary">We want to keep {{config_cache('app.name')}} a safe place for everyone, and we created these <a class="font-weight-bold text-primary" href="{{route('help.community-guidelines')}}">Community Guidelines</a> to support and protect our community.</p>
            </div>
        </div>
        <div class="col-12 col-md-6 offset-md-3 mt-4 mb-5">
            <form method="post" action="/i/warning">
                @csrf

                <input type="hidden" name="id" value="{{encrypt($interstitial->id)}}">
                <input type="hidden" name="type" value="{{$interstitial->type}}">
                <input type="hidden" name="action" value="confirm">
                <button type="submit" class="btn btn-primary btn-block font-weight-bold">I Understand</button>
            </form>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script type="text/javascript">
    function requestAppeal() {
        $('#appealButton').addClass('d-none');
        $('#appealForm').removeClass('d-none');
    }
</script>
@if($interstitial->blurhash)
<script type="text/javascript">
    const pixels = window.blurhash.decode("{{$interstitial->blurhash}}", 400, 400);
    const canvas = document.getElementById("mblur");
    const ctx = canvas.getContext("2d");
    const imageData = ctx.createImageData(400, 400);
    imageData.data.set(pixels);
    ctx.putImageData(imageData, 0, 0);
</script>
@endif
@endpush