@extends('layout._default')

@section('body-con')
   
@section('title')
    Notifications
@endsection 
  
    <div class="card">

        <div class="card-body py-4">

            {{-- <div class="card-title">
                <!--begin::Search-->
                <div class="d-flex align-items-center position-relative my-1">
                    {!! getIcon('magnifier', 'fs-3 position-absolute ms-5') !!}
                    <input type="text" data-kt-user-table-filter="search" class="form-control form-control-solid w-250px ps-13" placeholder="Search user" id="mySearchInput"/>
                </div>
                <!--end::Search-->
            </div> --}}
            <div class="card-title">
                <div class="text-end my-1">
                    <div class="float-right">
                        @if(Auth::user()->hasPermission('can_add_notifications'))
                            <button class="btn btn-primary float-right" onclick="createNotification()">Create</button>
                        @endif
                    </div>
                </div>
            </div>
            <!--begin::Table-->
            <div class="table-responsive">
                <table class="table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer text-gray-600 fw-semibold">
                    <thead>
                        <tr>
                            <th class="align-items-center" style="width:100px">ID</th>
                            <th class="align-items-center" style="width:250px">Title</th>
                            <th class="align-items-center">Description</th>
                            <th class="text-end">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($notifications as $value)
                            <tr>
                                <td>{{$value->id}}</td>
                                @php $data = json_decode($value->notification_attributes); @endphp
                                @foreach($data as $d) 
                                    <td>{{ $d }}</td>
                                @endforeach
                                <td class="text-end">
                                    @if(Auth::user()->hasPermission('can_edit_notifications'))
                                    <a href="javascript:void(0)" onclick="resend({{$value->id}})" title="Resend Notification"><i class="ki-duotone ki-copy" style="font-size:22px"></i>
                                    </a>
                                    @endif
                                    @if(Auth::user()->hasPermission('can_delete_notifications'))
                                    <a href="{{ route('notifications.delete', $value->id) }}" title="Delete Notification"><i class="ki-duotone ki-cross-square" style="font-size:22px">
                                        <span class="path1"></span>
                                        <span class="path2"></span>
                                        </i>
                                    </a>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
                
               
            </div>
            <div>
                {{ $notifications->links() }}
            </div>
            <!--end::Table-->
        </div>
    </div>
    @include('livewire.notification.add-notification-modal')

@endsection

@push('scripts')
<script>
    function createNotification()
    {
        $('#kt_modal_add_notification').modal('show');
    }

    function resend(id)
    {
        var url = "/admin/notifications/resend/"+id;
            Swal.fire({
                html: `Are You Sure You Want To Resend This Notification ? `,
                icon: "info",
                buttonsStyling: false,
                showCancelButton: true,
                confirmButtonText: "Confirm!",
                cancelButtonText: 'Nope, cancel it',
                customClass: {
                    confirmButton: "btn btn-primary",
                    cancelButton: 'btn btn-danger'
                }
            }).then((result) => {
                if (result.isConfirmed) {
                    window.location.href = url;
                }
            });
    }
</script>
@endpush