{{-- resources/views/admin/contacts/show.blade.php --}}
@extends('layouts.admin')
@section('title', 'Lihat Pesan')

@section('content')
<div class="page-inner">
  <div class="d-flex align-items-left align-items-md-center flex-column flex-md-row pt-2 pb-4">
      <div>
        <h3 class="fw-bold mb-3">Lihat Pesan</h3>
        <h6 class="op-7 mb-2">Pesan dari: {{ $contact->name }}</h6>
      </div>
      <div class="ms-md-auto py-2 py-md-0">
        <a href="{{ route('admin.contacts.index') }}" class="btn btn-secondary btn-round">
          <i class="fa fa-arrow-left"></i> Kembali ke Kotak Masuk
        </a>
      </div>
  </div>
  <div class="row">
      <div class="col-md-12">
        <div class="card card-round shadow-sm border-0">
          <div class="card-header">
            <div class="card-title">Detail Pengirim</div>
          </div>
          <div class="card-body">
            <ul class="list-group list-group-flush">
              <li class="list-group-item d-flex justify-content-between">
                <strong>Nama:</strong>
                <span>{{ $contact->name }}</span>
              </li>
              <li class="list-group-item d-flex justify-content-between">
                <strong>Email:</strong>
                <span><a href="mailto:{{ $contact->email }}">{{ $contact->email }}</a></span>
              </li>
              <li class="list-group-item d-flex justify-content-between">
                <strong>Telepon:</strong>
                <span>{{ $contact->telp }}</span>
              </li>
              <li class="list-group-item d-flex justify-content-between">
                <strong>Website (jika ada):</strong>
                <span>
                  @if($contact->url)
                    <a href="{{ $contact->url }}" target="_blank">{{ $contact->url }}</a>
                  @else
                    -
                  @endif
                </span>
              </li>
              <li class="list-group-item d-flex justify-content-between">
                <strong>Waktu Kirim:</strong>
                <span>{{ $contact->created_at->translatedFormat('d F Y \p\u\k\u\l H:i') }}</span>
              </li>
            </ul>
          </div>
        </div>

        <div class="card card-round shadow-sm border-0 mt-4">
          <div class="card-header">
            <div class="card-title">Isi Pesan</div>
          </div>
          <div class="card-body">
            {{-- 
              Gunakan nl2br(e()) untuk keamanan
              Ini mengubah baris baru (\n) menjadi <br>
              dan 'e()' melindungi dari skrip XSS
            --}}
            <p style="white-space: pre-wrap;">{{ $contact->pesan }}</p>
          </div>
        </div>
      </div>
  </div>
</div>
@endsection