@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">

        <div class="col-md-10">
            <div class="card">
                <div class="card-header alert alert-primary">
                    <span class="my_header_1">My Outbox</span>
                </div>
                <div class="card-body">

                    @foreach ($messages as $message)
                        <div @style(['padding:5px', 'margin:5px'])>
                            <details>
                                <br>
                                <summary>
                                    <b>{{ $message->subject }}</b>
                                </summary>
                                <p class="my_header_2">
                                    {{ $message->body }}
                                </p>
                                <p class="align_right my_header_2" @style(['padding:0px', 'margin:0px'])>
                                    <a href="view_report/{{$message->message_date}}" class="btn btn-sm btn-primary">View Report</a>
                                </p>
                            </details>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</div>
@endsection