@extends('layouts.admin.main')
@section('title')
<title>{{ adminPageTitle('Notification List') }}</title>
@endsection
@section('page-specific-styles')
<!-- datepicker -->
<link rel="stylesheet" href="{{ asset('css/bootstrap-datetimepicker.min.css') }}" />
@endsection
@section('content')
<div class="content-wrapper">
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-8">
                    <h1>Notifications</h1>
                </div>
                <div class="col-md-4">
                    <a href="javascript:void(0);" class="btn btn-primary float-right addEditNotification" data-url="create"><i class="fa fa-plus"></i> Add</a>
                </div>
            </div>
        </div>
    </section>
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body table-responsive-sm">
                            <table class="table table-bordered dt-responsive nowrap vertical_middle " id="notificationTable" width="100%" cellspacing="0">
                                <thead class="thead-light">
                                    <tr>
                                        <!-- <th class="no-visible"></th> -->
                                        <th scope="col">Sr no.</th>
                                        <th scope="col">Title</th>
                                        <th scope="col">Message</th>
                                        <th scope="col">Type</th>
                                        <th scope="col">Schedule Datetime</th>
                                        <th scope="col">Sent Datetime</th>
                                        <th scope="col" data-orderable="false">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                                                        @foreach($notifications as $key => $notification)
                                    <tr id="DT_Row{{$notification->id}}">
                                        <!-- <td></td> -->
                                        <td>{{ ++$i; }}</td>
                                        <td>{{ $notification->title }}</td>
                                        @if(strlen($notification->message) < 50) <td>{{ $notification->message }}</td>
                                            @else
                                            <td>{{ substr($notification->message, 0, 50)."..." }}<a class="read-more-text" href="javascript:;" data-toggle="tooltip" title="{{ $notification->message }}" data-bs-html="true">Read More</a></td>
                                            @endif
                                            <td>{{ $notification->type }}</td>
                                            <td>{{ isset($notification->schedule_datetime) ? date('d-m-Y h:i:s A', strtotime($notification->schedule_datetime)) : '' }}</td>
                                            @if(strtolower($notification->type) == 'now')
                                                <td>{{ isset($notification->created_at) ? date('d-m-Y h:i:s A', strtotime($notification->created_at)) : '' }}</td>
                                            @else
                                                <td>{{ isset($notification->sent_on) ? date('d-m-Y h:i:s A', strtotime($notification->sent_on)) : '' }}</td>
                                            @endif
                                            <td>
                                                @if(strtolower($notification->type) != 'now' && $notification->sent_on == '')
                                                    <a href="javascript:void(0);" title="Edit" class="edit btn btn-success btn-sm addEditNotification edit-btn-table" data-url="edit/{{ $notification->id }}"><i class="fas fa-edit"></i></a>&nbsp;
                                                @endif
                                                <a href="javascript:void(0)" title="Delete" class="delete btn btn-danger btn-sm deleteNotification delete-btn-table" data-id="{{ $notification->id }}" data-url="delete/{{ $notification->id }}"><i class="fas fa-trash"></i></a>
                                            </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
<div class="modal fade" id="NotificationAddEditModal">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content jsNotificationForm">
        </div>
    </div>
</div>
@endsection
@section('page-specific-scripts')
<script src="{{asset('js/moment.min.js')}}"></script>
<!-- jQuery validation cdn -->
<script type="text/javascript" charset="utf8" src="{{ asset('js/jquery.validate.min.js') }}"></script>
<!-- jQuery validation additional methods cdn -->
<script type="text/javascript" charset="utf8" src="{{ asset('js/additional-methods.min.js') }}"></script>
<!-- datepicker cdn -->
<script type="text/javascript" charset="utf8" src="{{ asset('js/bootstrap-datetimepicker.min.js') }}"></script>
<!-- datatable responsive js -->
<!-- notification page js -->
<script src="{{asset('admin/js/pages/notification.js')}}"></script>
@endsection