@extends('layouts.admin')

@section('title', $item->name)
@section('heading', ucfirst($k['single']))

@php
    $typeLabels = ['partner' => 'Partner / CSR enquiry', 'campaign' => 'Start a campaign request'];
    $interests = ! empty($item->interests)
        ? collect($item->interests)->map(fn ($i) => \App\Http\Controllers\Site\VolunteerController::INTERESTS[$i] ?? $i)
        : collect();
    $available = (isset($item->availability) && $item->availability)
        ? (\App\Http\Controllers\Site\VolunteerController::AVAILABILITY[$item->availability] ?? $item->availability)
        : null;
@endphp

@section('content')
<p class="back"><a class="backlink" href="{{ route('admin.inbox.index', $k['key']) }}"><svg class="i" aria-hidden="true"><use href="#i-chevron"/></svg>Back to {{ strtolower($k['title']) }}</a></p>

<div class="mgrid">
    <article class="card detail mdetail">
        <header class="mhead">
            <span class="mhead__av" aria-hidden="true">{{ mb_strtoupper(mb_substr((string) $item->name, 0, 1)) }}</span>
            <div>
                <h2>{{ $item->name }}</h2>
                <p class="muted">Received {{ $item->created_at->format('j F Y, g:i a') }} &middot; {{ $item->created_at->diffForHumans() }}</p>
                <div class="mhead__tags">
                    @isset($item->type)<span class="pill pill--tag">{{ $typeLabels[$item->type] ?? 'Contact message' }}</span>@endisset
                    @if ($available)<span class="pill pill--on">{{ $available }}</span>@endif
                </div>
            </div>
        </header>

        @isset($item->subject)@if ($item->subject)
            <h3 class="mblock">Subject</h3>
            <p class="msubject">{{ $item->subject }}</p>
        @endif @endisset

        @if ($interests->isNotEmpty())
            <h3 class="mblock">Interested in</h3>
            <ul class="mchips">@foreach ($interests as $i)<li>{{ $i }}</li>@endforeach</ul>
        @endif

        @if ($item->message)
            <h3 class="mblock">Message</h3>
            <div class="msg msg--bubble">{{ $item->message }}</div>
        @endif

        <div class="editor__foot">
            <a class="btn btn--green" href="mailto:{{ $item->email }}?subject={{ rawurlencode('Re: '.($item->subject ?? 'Your message to '.seo()->orgName())) }}"><svg class="i" aria-hidden="true"><use href="#i-mail"/></svg>Reply by email</a>
            @if ($item->phone)
                <a class="btn btn--ghost" href="https://wa.me/{{ \App\Support\Fmt::digits($item->phone) }}" target="_blank" rel="noopener"><svg class="i" aria-hidden="true"><use href="#i-whatsapp"/></svg>WhatsApp</a>
            @endif
            <form action="{{ route('admin.inbox.read', [$k['key'], $item->id]) }}" method="post">@csrf<button class="btn btn--ghost" type="submit">Mark as unread</button></form>
            <form action="{{ route('admin.inbox.destroy', [$k['key'], $item->id]) }}" method="post" data-confirm="Delete this {{ $k['single'] }}? This cannot be undone.">@csrf @method('DELETE')<button class="btn btn--danger" type="submit"><svg class="i" aria-hidden="true"><use href="#i-trash"/></svg>Delete</button></form>
        </div>
    </article>

    <aside class="mside">
        <div class="mcard">
            <h3>Contact details</h3>
            <ul class="mcard__list">
                <li><span class="mcard__ico" aria-hidden="true"><svg class="i"><use href="#i-mail"/></svg></span><div><small>Email</small><a href="mailto:{{ $item->email }}">{{ $item->email }}</a></div></li>
                @if ($item->phone)<li><span class="mcard__ico" aria-hidden="true"><svg class="i"><use href="#i-phone"/></svg></span><div><small>Phone</small><a href="tel:{{ preg_replace('/[^\d+]/', '', $item->phone) }}">{{ $item->phone }}</a></div></li>@endif
                @isset($item->city)@if ($item->city)<li><span class="mcard__ico" aria-hidden="true"><svg class="i"><use href="#i-pin"/></svg></span><div><small>City</small><span>{{ $item->city }}</span></div></li>@endif @endisset
                @isset($item->organisation)@if ($item->organisation)<li><span class="mcard__ico" aria-hidden="true"><svg class="i"><use href="#i-bag"/></svg></span><div><small>Organisation</small><span>{{ $item->organisation }}</span></div></li>@endif @endisset
            </ul>
        </div>
    </aside>
</div>
@endsection