@extends('layouts.app')

@push('styles')
<link href="{{ asset('css/message.css') }}" rel="stylesheet">
@endpush

@section('content')
<div class='container-fluid w-95'>
    @include('user_manage_banner')

    <div class="row mt-3">
        <a href="{{ url('/message') }}" class="btn-return">
            <i class="fa fa-reply" aria-hidden="true"></i>
            <span>返回</span>
        </a>
    </div>

    <div class="row p-3">
        <section class="message-detail-card message-detail-question">
            <h2>{{ $message->title }}</h2>
            <div class="message-detail-line"></div>

            <article>{{ $message->content }}</article>

            <div class="message-detail-line"></div>
            <div class="message-detail-meta">
                <span>諮詢時間：{{ substr($message->created_at, 0, 16) }}</span>
            </div>
        </section>

        <section class="message-detail-card message-detail-reply">
            @if ($message->reply_content === null)
            <h2>尚未回覆</h2>
            <div class="message-detail-line"></div>
            <article>尚未有回覆。<i class="fa fa-frown-o" aria-hidden="true"></i></article>
            @else
            <h2>回覆：{{ $message->title }}</h2>
            <div class="message-detail-line"></div>

            <article>{{ $message->reply_content }}</article>

            <div class="message-detail-line"></div>
            <div class="message-detail-meta message-detail-reply-meta">
                <span>回覆者：{{ $message->replier }}</span>
                <span>回覆時間：{{ substr($message->reply_time, 0, 16) }}</span>
            </div>
            @endif
        </section>
    </div>
</div>
@endsection

@section('scripts')
<script src="{{ asset('js/messageSend.js') }}"></script>
@endsection

@section('instruct-modal')
    @foreach(File::glob(public_path('storage/instruct/message') . '/*') as $path)
        @php
            $filename = basename($path);
            $url = asset('storage/instruct/message/' . $filename) . '?d=' . date('Ym');
        @endphp

        <span data-src="{{ $url }}"></span>
    @endforeach
@endsection