@extends('backend.layouts.app')
@section('content')
    <div class="card page-container" id="page-container">
        <div class="card-body p-lg-25 content-wrap">

            <!--begin::Layout-->
            <div class="d-flex flex-column flex-lg-row mb-17">
                <div class="flex-lg-row-fluid me-0 me-lg-20">
                    <div class="row">
                        <div class="col-12 col-md-6 col-lg-4">
                            <p>
                                <i class="fas fa-user"></i>
                                <b>{{ TranslationManager::translate('Name') }} :</b> {{ $message->name }}
                            </p>
                        </div>
                        <div class="col-12 col-md-6 col-lg-4">
                            <p>
                                <i class="fas fa-phone-square"></i>
                                <b>{{ TranslationManager::translate('Phone') }} :</b> {{ $message->phone }}
                            </p>
                        </div>
                        <div class="col-12 col-md-6 col-lg-4">
                            <p>
                                <i class="fas fa-at"></i>
                                <b>{{ TranslationManager::translate('E-mail') }} :</b> {{ $message->email }}
                            </p>
                        </div>
                        <div class="col-12 col-md-6 col-lg-4">
                            <p>
                               <i class="fas fa-calendar-alt"></i>
                                <b>{{ TranslationManager::translate('Date') }} :</b> {{ $message->created_at->format('Y-m-d') }}
                            </p>
                        </div>
                        <div class="col-12">                        
                            <p>
                                <i class="fas fa-envelope"></i>
                                <b>{{ TranslationManager::translate('Message') }}</b>
                            </p>
                            <p>{{ $message->message }}</p>
                        </div>
                    </div>




                </div>
            </div>
        </div>
    </div>
@endsection