@extends('layouts.app')

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

        <div class="date_panel">
            <p class="text-center gray_color"><span class="date_para">
                {{ simpleDate() }}
            </span></p>
        </div>

        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <span class="my_header_1">{{ __('Inbox - Daily CIR') }}</span>
                </div>

                <div class="card-body">
                    @if (count($messages) > 0)
                        @php $count = 1; @endphp
                        <table class="table table-hover table-striped table-borderless">
                            <tbody>
                                <thead>
                                    <tr>
                                        <th>S/N</th>
                                        <th>Subject</th>
                                        <th>Report Date</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                @foreach ($messages as $message)
                                    <tr>
                                        <td><b>{{ $count }}</b>. </td>
                                        <td>{{ $message->subject }}</td>
                                        <td>{{ Carbon\Carbon::parse($message->message_date)->format('l, F j') }}</td>
                                        <td>
                                            <a href="com_view_report/{{$message->message_date}}" class="btn btn-sm btn-outline-primary">View Report</a>
                                        </td>
                                    </tr>
                                    @php $count++; @endphp
                                @endforeach
                            </tbody>
                        </table>
                    @else
                        <p>No message yet</p>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

@endsection