@extends('layouts.app') 
@section('content') 
@section('css')
<style>
    .icon-cross2{
        font-size: 24px;
        color: #444 !important
    }
</style>
@endsection

    <h4 class="card-title"><b>{{ isset($title)?$title:'' }}</b></h4>

    <!-- Today -->
    <div class="card">
        <div class="card-header">
            <h4 class="card-title">Today</h4>
            <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
        </div>

        <div class="card-body collapse in">
            <div class="card-block">
                <div class="card-text">
                    @if(!empty($today))
                    @php
                    $numItems = count($today);
                    $i = 0;
                    @endphp
                    @foreach($today as $row)
                    <div class="row">
                        <div class="col-md-2"><b>{{ucwords($row->type)}}</b></div>
                        <div class="col-md-9">
                            {{$row->body}}<br>
                            {{ date("h:i:s A", strtotime($row->created_at)) }} &nbsp;&nbsp; {{ date("j-F-Y", strtotime($row->created_at)) }}
                            <br>  
                        </div>
                        <div class="col-md-1">
                            <a href="{{route('notificationDelete',['id'=>$row->id])}}" onclick="return confirm('Are you sure you want to delete this ?');" title="Delete"><i class="icon-cross2"></i></a>
                        </div>
                    </div>
                    @if(++$i != $numItems)
                    <hr>
                    @endif
                    @endforeach
                    @endif
                </div>
            </div>
        </div>
    </div>

    <!-- Earlier -->
    <div class="card">
        <div class="card-header">
            <h4 class="card-title">Earlier</h4>
            <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
        </div>
        <div class="card-body collapse in">
            <div class="card-block">
                <div class="card-text">
                    @if(!empty($earlier))
                    @php
                    $numItems = count($earlier);
                    $i = 0;
                    @endphp
                    @foreach($earlier as $row)
                    <div class="row">
                        <div class="col-md-2"><b>{{ucwords($row->type)}}</b></div>
                        <div class="col-md-9">
                            {{$row->body}}<br>
                            {{ date("h:i:s A", strtotime($row->created_at)) }} &nbsp;&nbsp; {{ date("j-F-Y", strtotime($row->created_at)) }}
                            <br>  
                        </div>
                        <div class="col-md-1">
                            <a href="{{route('notificationDelete',['id'=>$row->id])}}" onclick="return confirm('Are you sure you want to delete this ?');" title="Delete"><i class="icon-cross2"></i></a>
                        </div>
                    </div>
                    @if(++$i != $numItems)
                    <hr>
                    @endif
                    @endforeach
                    @endif
                </div>
            </div>
        </div>
    </div>


@section('js')
@endsection 
@endsection