@extends('layouts.master')
@section('content')
<div class="h">
@include('inc.header-nav')
<div class="mx-auto container-fluid align-items-center pt-150">
    @include('inc.header-profile')
    <div class="card px-0 pt-3 mb-9" id="kt_chat_messenger">
        <div class="card-header px-0 border-0" id="kt_chat_messenger_header">
            <div class="card-title">
                <div class="d-flex justify-content-center flex-column me-3">
                    <h3 class="px-6">Notes</h3>
                </div>
            </div>
        </div>

        <div class="card-body px-7" id="kt_chat_messenger_body">
            <div class="mb-10">
                <table class="table align-middle table-row-dashed table-row-bordered gs-0 gy-4 mb-10"> 
                    <thead>
                        <tr class="fw-bold text-muted bg-light">
                            <th class="ps-4 rounded-start">Date</th>
                            <th class="ps-4 rounded-start">Notes</th>
                            <th>By</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($notes as $note)
                        <tr>
                            <td class="fw-bold ps-4">{{ date('m/d/Y', strtotime($note->created_at))}}</td>
                            <td class="fw-bold">{{$note->notes}}</td>
                            <td  class="fw-bold">{{$note->user_name}}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection
@push('scripts')
@endpush