@extends('layouts.app')
@section('title')
    <title>Deleted Messages - {{ env('APP_NAME') }}</title>
@endsection

@section('alert')
    @if (session()->has('success'))
        <div id="alert"
            style="background:linear-gradient(0deg,#02b757 0%,#118237 49%,#01a64e 50%,#3fc679 95%,#a3e2bd 100%)">
            {{ session()->get('success') }}
        </div>
    @endif
    @if ($errors->any())
        <div id="alert">{{ $errors->first() }}</div>
    @endif
@endsection

@section('content')
    <h1 id="usernameframe">My Messages</h1>
    <button class="greenbutton"><a href="{{ route('compose') }}" style="color:white;font-weight:normal">New
            Message</a></button>
    <form action="{{ route('recover_all') }}" method="POST" style="display:inline-block">
        @csrf
        <button class="greenbutton" type="submit">Recover All Messages</button>
    </form>
    <br>
    <br>
    <a href="{{ route('inbox') }}" class="tab">Inbox
        ({{ App\Models\Message::where('sendto_id', Auth::id())->where('deleted', false)->count() }})</a>
    <a href="{{ route('inbox_sent') }}" class="tab">Sent
        ({{ App\Models\Message::where('user_id', Auth::id())->count() }})</a>
    <a href="#" class="tab_selected">Deleted
        ({{ App\Models\Message::where('sendto_id', Auth::id())->where('deleted', true)->count() }})</a>
    <br>
    <br>
    @foreach ($messages as $message)
        <div class="content_special" id="FriendsContainer" style="flex-wrap:wrap;cursor:pointer"
            onclick="window.location='/my/messages/{{ $message->id }}';">
            <div class="FriendsContainerBox" id="FriendsContainerBox1">
                <div id="FriendsContainerBox1ImageContainer">
                    <a href="{{ route('profile', $message->user_id) }}"><img alt="Profile Image"
                            src="{{ asset('img/defaultrender.png') }}" width="60px" height="100%"></a>
                </div>
                <div id="FriendsContainerBox1TextContainer">
                    <a href="{{ route('profile', $message->user_id) }}"
                        id="FeedContainerBox1Username">{{ $message->user->name }}</a>
                    <p>{{ $message->subject }}</p>
                    @if (!Auth::user()->settings->time_preference_24hr)
                        <p id="FeedContainerBox1Timestamp">{{ $message->created_at->format('F d, Y h:i A') }}</p>
                    @else
                        <p id="FeedContainerBox1Timestamp">{{ $message->created_at->format('F d, Y H:i') }}</p>
                    @endif
                    @if ($message->read)
                        <p style="color:blue">Read</p>
                    @else
                        <p style="color:red">Unread</p>
                    @endif
                </div>
            </div>
        </div>
    @endforeach
    {{ $messages->links() }}
    @if ($messages->isEmpty())
        <p>You haven't deleted any messages.</p>
    @endif
    <br>
@endsection