@extends('layouts.simple_admin_base')

@section('stylesheets')

@endsection

@section('content')

    <!-- start row -->
    <div class="row">
        <div class="col-12">
            <div>
                <h4 class="header-title mb-3">Enquiry Message</h4>
            </div>
        </div>
    </div>
    <!-- end row -->

    <div class="row">
        <div class="col-lg-4">
            <!-- sender information -->
            <div class="panel card panel-fill">
                <div class="card-header">
                    <h5 class="font-16 m-1">Sender Information</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="mb-4">
                                <strong>Name</strong>
                                <br>
                                <p class="text-muted">{{ $enquiryMessage->name }}</p>
                            </div>
                            <div class="mb-4">
                                <strong>Email</strong>
                                <br>
                                <p class="text-muted">{{ $enquiryMessage->email }}</p>
                            </div>
                            <div class="mb-4">
                                <strong>Date Sent</strong>
                                <br>
                                <p class="text-muted">{{ $enquiryMessage->created_at }}</p>
                            </div>
                            <div class="mb-0">
                                <br>
                                <div class="modal-footer">
                                    <button class="btn btn-icon btn-teal waves-effect waves-light" data-toggle="modal" data-target="#edit-asset-modal">
                                        <i class="mdi mdi-reply-all-outline"></i>
                                        Reply
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /sender information -->
        </div>

        <div class="col-lg-8">

            <!-- message -->
            <div class="panel card panel-fill">
                <div class="card-header">
                    <h5 class="font-16 m-1">Message</h5>
                </div>
                <div class="card-body">
                    <h5 class="font-14 mb-3 text-uppercase"></h5>
                    <p>{{ $enquiryMessage->message }}</p>
                </div>
            </div>
            <!-- /message -->

        </div>
    </div>

    <div class="row">
        <div class="col-sm-12">
            <div class="timeline timeline-left">
                <article class="timeline-item alt">
                    <div class="text-left">
                        <div class="time-show first">
                            <a href="#" class="btn btn-primary">Reply History</a>
                        </div>
                    </div>
                </article>
                <article class="timeline-item">
                    <div class="timeline-desk">
                        <div class="panel">
                            <div class="timeline-box">
                                <span class="arrow"></span>
                                <span class="timeline-icon"><i class="mdi mdi-checkbox-blank-circle-outline"></i></span>
                                <h4 class="">1 hour ago</h4>
                                <p class="timeline-date text-muted"><small>08:25 am</small></p>
                                <p>Dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? </p>
                            </div>
                        </div>
                    </div>
                </article>
            </div>
        </div>
    </div>


@endsection

@section('scripts')

@endsection