@extends('console_layouts.master')
@section('title')
    訊息內容
@endsection

@section('content')
    <div class="row">
        <div class="col">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h4 class="card-title mb-0">訊息內容</h4>
                    <a href="{{ locale_asset('console/messages') }}" class="btn btn-light">返回列表</a>
                </div>
                <div class="card-body">
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item">
                            <strong>收到時間：</strong> {{ $message->created_at->format('Y-m-d H:i') }}
                        </li>
                        <li class="list-group-item">
                            <strong>稱呼：</strong> {{ $message->name }}
                        </li>
                        <li class="list-group-item">
                            <strong>Email：</strong> <a href="mailto:{{ $message->email }}">{{ $message->email }}</a>
                        </li>
                        <li class="list-group-item">
                            <strong>電話：</strong> {{ $message->phone }}
                        </li>
                        <li class="list-group-item">
                            <strong>內容：</strong>
                            <div style="white-space: pre-wrap; word-wrap: break-word; padding-top: 10px;">{{ $message->message }}</div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
@endsection