@extends('admin.layouts.nav-footer')
@section('js-plugins')
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js">
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.15.3/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.15.12/datatables.min.js"></script>
<script src="{{ asset('admin-assets/js/forms/form-elements.js') }}"></script>
@endsection
@section('content')
<div class="main-content">
    <div class="container-fluid">

        <div class="page-title">
            <h4>Notifications</h4>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-block">
                        <div class="table-overflow">
                            <table id="page-table" class="table table-lg table-hover">
                                <thead>
                                    <tr>
                                        <th>Full Name</th>
                                        <th>Email</th>
                                        <th>Company</th>
                                        <th>Created At</th>
                                        <th>Seen At</th>
                                        <th class="text-center">Action</th>
                                    </tr>
                                </thead>
                                <tbody id="tablecontents">
                                    @foreach($notifications as $notif)
                                    <td>
                                        <div class=" mrg-top-15">
                                            <div class="info">
                                                <span class="title">{{$notif['data']['name']}}</span>
                                                <!--span class="sub-title">ID 860</span-->
                                            </div>
                                        </div>
                                    </td>

                                    <td>
                                        <div class="mrg-top-15">
                                            <span>{{$notif['data']['email']}}</span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="mrg-top-15">
                                            <span>{{$notif['data']['company']}}</span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="mrg-top-15">
                                            <span>{{ Carbon\Carbon::parse($notif['data']['created_at']) }}</span>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="mrg-top-15">
                                            @isset($notif['read_at'])
                                               <span>{{ Carbon\Carbon::parse($notif['read_at']) }}</span> 
                                               @else <span>Unseen Notification</span>
                                            @endisset

                                        </div>
                                    </td>
                                    <td style="float: right">
                                        <div class="mrg-top-10 ">
                                            <a href="{{ route('orders.show', $notif['id']) }}" class="btn btn-default">
                                                <i class="ti-eye pdd-right-5"></i>
                                                <span>Show order</span>
                                            </a>
                                        </div>
                                    </td>
                                    </tr>

                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


@endsection