@extends('layouts.admin.app')

@section('title','Appointments')

@section('content')
<h2>Detail Pesan</h2>

<p><strong>Nama:</strong> {{ $message->name }}</p>
<p><strong>Email:</strong> {{ $message->email }}</p>
<p><strong>Telepon:</strong> {{ $message->phone ?? '-' }}</p>
<hr>
<p>{{ $message->message }}</p>

@if(session('success'))
    <div class="alert alert-success mt-3">
        {{ session('success') }}
    </div>
@endif

<hr>

<h4>Balas Pesan</h4>

@if($message->replied)
    <div class="alert alert-info">
        Pesan sudah dibalas pada
        <strong>{{ $message->replied_at->format('d M Y H:i') }}</strong>
    </div>

    <div class="card">
        <div class="card-body">
            <strong>Isi Balasan:</strong>
            <p class="mt-2 mb-0">
                {{ $message->reply_message }}
            </p>
        </div>
    </div>
@else
    <form method="POST"
          action="{{ route('admin.contact.reply', $message->id) }}">
        @csrf

        <div class="mb-3">
            <textarea name="reply_message"
                      rows="6"
                      class="form-control"
                      placeholder="Tulis balasan email di sini..."
                      required></textarea>
        </div>

        <button type="submit" class="btn btn-primary">
            Kirim Balasan
        </button>
    </form>
@endif

<br>
<a href="{{ route('admin.contact.inbox') }}" class="btn btn-secondary"> Kembali</a>

@endsection