@extends('layouts.app')
@section('main-content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="page-title">
                    <h4>Message
                        <!-- <a href="{{-- route('messages-pdf') --}}" class="btn btn-primary btn-inverse btn-rounded mb-0">PDF</a> <a href="{{-- route('messages-xlsx') --}}" class="btn btn-success btn-inverse btn-rounded mb-0">Excel</a> -->
                    </h4>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-block">
                            <div class="card-body">
                                @if ($message)
                                    <div class="d-flex justify-content-center align-items-center">
                                        @if ($message->photo)
                                            <img src="{{ asset($message->photo) }}" class="rounded-circle text-center img-fluid" style="width:100px; height:auto;">
                                        @else
                                            <img src="{{ asset('backend/img/avatar.png') }}" class="rounded-circle img-fluid" style="margin-left:40%;">
                                        @endif
                                    </div>
                                    
                                    <div class="py-4">
                                        <h6 class="text-decoration-underline">Expéditeur</h6>
                                        Nom : {{ $message->name }}<br>
                                        Email : {{ $message->email }}<br>
                                        Tel : {{ $message->phone }}
                                    </div>
                                    <hr />
                                    <h5 class="text-center"><strong class="text-decoration-underline">Objet</strong> : {{ $message->subject }}
                                    </h5>
                                    <p class="py-5">{{ $message->message }}</p>
                                @endif
                    
                            </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection