@section('page_content')
<div class="row">
                    
    <div class="col-lg-12">
        <div class="card">
            <div class="card-header hidden">
                <h4 class="card-title hidden">{{ $page_title }}</h4>
                <a href="#" class="btn btn-primary">
                    <i class="fa fa-envelope"></i> Compose
                </a>
            </div>
            <div class="card-body">                
                <div class="table-responsive">
                    <table class="table" width="100%" data-toggle="table" data-show-columns="true" data-pagination="true" data-search="true" data-sortable="true">
                        <thead>
                            <tr>
                                <th>Subject</th>
                                <th>Read</th>
                                <th width="180">Date</th>
                                <th width="100" class="text-right">Action</th>
                            </tr>
                        </thead>
                        <tbody id="list_wrapper">
                            @if(is_array($emails))
                            @foreach($emails as $email)
                                <tr>
                                    <td>{{ $email['subject'] }}</td>
                                    <td>{{ $email['isRead'] ? 'Yes' : 'No' }}</td>
                                    <td>{{ \Carbon\Carbon::parse($email['receivedDateTime'])->format('n/j/y g:i A') }}</td>
                                    <td class="text-right">
                                        <a href="{{ route('tenant.email.ms365.view', $email['id']) }}" class="btn btn-sm btn-primary"><i class="la la-eye"></i></a>
                                    </td>
                                </tr>
                            @endforeach
                            @else
                                <tr>
                                    <td class="text-center" colspan="4">MS Graph API - {{ $emails }}</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@stop