@extends('admin.layouts.app')

@section('title', 'Mesaj Detayı')
@section('page-title', 'Mesaj Detayı')

@section('content')
<div class="mb-3">
    <a href="{{ route('admin.contact-messages.index') }}" class="btn btn-sm btn-outline-secondary">
        <i class="bi bi-arrow-left"></i> Listeye Dön
    </a>
</div>

<div class="card admin-card">
    <div class="card-body">
        <div class="row g-3 mb-4">
            <div class="col-md-6">
                <div class="text-muted small">Ad Soyad</div>
                <div class="fw-semibold">{{ $message->name }}</div>
            </div>
            <div class="col-md-6">
                <div class="text-muted small">E-posta</div>
                <div><a href="mailto:{{ $message->email }}">{{ $message->email }}</a></div>
            </div>
            <div class="col-md-6">
                <div class="text-muted small">Telefon</div>
                <div>
                    @if ($message->phone)
                        <a href="tel:{{ preg_replace('/\s+/', '', $message->phone) }}">{{ $message->phone }}</a>
                    @else
                        —
                    @endif
                </div>
            </div>
            <div class="col-md-6">
                <div class="text-muted small">Tarih</div>
                <div>{{ $message->created_at?->format('d.m.Y H:i') }}</div>
            </div>
            <div class="col-md-6">
                <div class="text-muted small">Dil / IP</div>
                <div>{{ $message->locale ?: '—' }} · {{ $message->ip_address ?: '—' }}</div>
            </div>
            <div class="col-md-6">
                <div class="text-muted small">Mail durumu</div>
                <div>
                    @if ($message->mailed_at)
                        Gönderildi ({{ $message->mailed_at->format('d.m.Y H:i') }})
                    @else
                        Gönderilmedi
                    @endif
                </div>
            </div>
        </div>

        <div class="border-top pt-3">
            <div class="text-muted small mb-2">Mesaj</div>
            <p class="mb-0" style="white-space: pre-wrap;">{{ $message->message }}</p>
        </div>

        <div class="mt-4 d-flex gap-2">
            <form action="{{ route('admin.contact-messages.destroy', $message) }}" method="POST" onsubmit="return confirm('Mesaj silinsin mi?')">
                @csrf @method('DELETE')
                <button class="btn btn-outline-danger">Sil</button>
            </form>
        </div>
    </div>
</div>
@endsection