@extends('backend.layouts.app')

@section('title', __($module_title))

@push('after-styles')
    <link rel="stylesheet" href="{{ mix('modules/constant/style.css') }}">
@endpush

@section('content')
<div class="card mb-4">
    <div class="card-body p-0">

        <div class="row mt-4">
            <div class="col">
 
                <table id="datatable" class="table table-striped border table-responsive notification-table">
                    <thead>
                        <tr>
                            <th>
                              {{ __('notification.lbl_id') }}
                            </th>
                            <th>
                              {{ __('notification.type') }}
                            </th>
                            <th>
                              {{ __('notification.lbl_text') }}
                            </th>
                            <th>
                              {{ __('notification.lbl_customer') }}
                            </th>
                            <th>
                              {{ __('notification.lbl_update') }}
                            </th>
                            <th>
                              {{ __('notification.lbl_action') }}
                            </th>
                        </tr>
                    </thead>

                    <tbody>
                        @forelse($$module_name as $module_name_singular)
                        
                        <input type="hidden" id="idData" value="{{$module_name_singular->id}}">

                        <tr class="{{$row_class}}">
                            <td>
                                <!-- <a href="#">#{{ $module_name_singular->data['data']['id'] }}</a> -->
                                @if($module_name_singular->data['data']['notification_group'] == 'booking')
                                    <a href="{{ route('backend.bookings.bookingShow', ['id' => $module_name_singular->data['data']['id'], 'notification_id' => $module_name_singular->id]) }}">#{{ $module_name_singular->data['data']['id'] }}</a>
                                @else
                                    <a href="{{ route('backend.orders.show', ['id' => $module_name_singular->data['data']['id'], 'notification_id' => $module_name_singular->id]) }}">#{{ $module_name_singular->data['data']['id'] }}</a>
                                @endif
                            </td>
                            <td>
                                <span class="{{$span_class}}">{{ ucfirst($module_name_singular->data['data']['notification_group']) }}</span>
                            </td>
                            @php
                                $notification = \Modules\NotificationTemplate\Models\NotificationTemplateContentMapping::where('subject', $module_name_singular->data['subject'])->first();
                            @endphp
                            <td>
                                <div class="d-flex gap-3 align-items-center">
                                    <div class="text-start">
                                        <a href="#"><h6>{{ $module_name_singular->data['subject'] }}</h6></a>
                                        <span class="{{$span_class}}">{{ $notification->notification_message }}</span>
                                    </div>
                                </div>
                            </td>
                            <!-- <td>
                                <a href="#">
                                    <span class="{{$span_class}}">
                                        {{ $module_name_singular->data['subject'] }}
                                    </span>
                                </a>
                            </td> -->
                            @php
                                $user = \App\Models\User::find($module_name_singular->data['data']['user_id']);
                            @endphp
                             
                            <td>
                                <div class="d-flex gap-3 align-items-center">
                                    <img src="{{ $user->profile_image ?? default_user_avatar() }}" alt="avatar" class="avatar avatar-40 rounded-pill">
                                    <div class="text-start">
                                        <h6 class="m-0">{{ $user->full_name ?? default_user_name() }}</h6>
                                        <span>{{ $user->email ?? '--' }}</span>
                                    </div>
                                </div>
                            </td>
                            <td>
                                {{ $module_name_singular->updated_at->diffForHumans() }}
                            </td>

                            <td>
                                <a onclick="remove_notification()" id="delete-{{$module_name}}-{{$module_name_singular->id}}" class="fs-4 text-danger" data-type="ajax" data-method="DELETE" data-token="{{csrf_token()}}" data-bs-toggle="tooltip" title="{{__('Delete')}}" data-confirm="{{ __('messages.are_you_sure?') }}"> <i class="icon-delete"></i></a>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="3" class="text-center">{{ __('No data found') }}</td>
                        </tr>
                        @endforelse
                        
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="card-footer">
        <div class="row">
            <div class="col-7">
                <!-- <div class="float-left">
                    {{ __('Total') }} {{ $$module_name->total() }} {{ __($module_name) }}
                </div> -->
            </div>
            <div class="col-5">
                <div class="float-end">
                    {!! $$module_name->render() !!}
                </div>
            </div>
        </div>
    </div>
</div>

@push('after-scripts')
    <script type="text/javascript" src="{{ asset('vendor/datatable/datatables.min.js') }}"></script>
    <script src="{{ mix('js/vue.min.js') }}"></script>
    <script src="{{ asset('js/form-offcanvas/index.js') }}" defer></script>

    <script>
        function remove_notification() {

            var id = document.getElementById('idData').value;
            var url = "{{ route('notification.remove', ['id' => ':id']) }}";
            url = url.replace(':id', id);
            
            var message = 'Are you certain you want to delete it?';
            confirmSwal(message).then((result) => {
                if(!result.isConfirmed) return
                    $.ajax({
                    url: url,
                    type: 'DELETE',
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    success: function(response) {
                        Swal.fire({
                            title: 'Deleted',
                            text: response.message,
                            icon: 'success'
                        })
                        window.location.reload();
                        successSnackbar(response.message);
                    },
                    error: function(response) {
                        alert('error');
                    }
                });
            })

           
        }
    </script>

@endpush
@endsection