@extends('layouts.admin')

@section('content')
    <!-- widget grid -->
    <div class="row">
        <div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
            <h1 class="notification-title txt-color-blueDark">
                <i class="fa fa-table fa-fw "></i>
                {{ __('message.table') }}
                <span>>
                    {{ __('message.notification') }}
                </span>
                <span>>
                    <a href="{{route('admin.members.show',$member->user)}}"> 
                        {{$member->actual_name??''}} ({{$member->user->phone??''}})
                    </a>
                </span>
            </h1>
        </div>
        <div class="col-xs-12 col-sm-5 col-md-5 col-lg-8">
            <a class="btn btn-primary pull-right " href="{{route('admin.members.notifications.create',$member)}}">
                <i class="fa fa-plus"></i>
                {{ __('message.add new') }}
            </a>
        </div>
    </div>
    <section id="widget-grid" class="">

        <!-- row -->
        <div class="row">

            <!-- NEW WIDGET START -->
            <article class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

                <!-- Widget ID (each widget will need unique ID)-->
                <div class="jarviswidget jarviswidget-color-blueDark" id="wid-id-0" data-widget-editbutton="false">
                    <header>
                        <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                        <h2>{{ __('message.member') }}</h2>

                    </header>

                    <!-- widget content -->
                    <div class="widget-body">
                        <div class="table-responsive">
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>{{ __('message.no') }}.</th>
                                        <th>{{ __('message.member') }}</th>
                                        <th>{{ __('message.message') }}</th>
                                        <th>{{ __('message.status') }}</th>
                                        <th>{{ __('message.date') }}</th>
                                        <th>{{ __('message.operate') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($notifications as $index => $notification)
                                        @if ($member)
                                            <tr class="@if ($member->is_new_member ?? false) new @endif">
                                                <td style="font-weight: bold;">#{{ $index + 1 }}</td>
                                                <td style="font-weight: bold;">
                                                    {{ $member->actual_name ?? '' }} ({{$member->user->phone??''}})

                                                </td>
                                                <td>{{ $notification->message }}</td>
                                                <td style="font-weight:bold;">
                                                    @if ($notification->already_read)
                                                        <span style="color:blue">{{__('message.read')}}</span>
                                                    @else
                                                        <span style="color:red"> {{__('message.new')}}
                                                </td>
                                        @endif
                                        </td>
                                         <td title="{{$notification->created_at}}">{{ $notification->created_at->format('d/m/Y h:i') }}</td>
                                        <td class="action">
                                            <a href="{{ route('admin.members.notifications.edit', $notification) }}"
                                                class="btn btn-primary shadow">
                                                <i class="fa fa-eye">
                                                </i> 
                                                {{__('message.edit')}}
                                            </a>
                                            <form method="POST" action="{{ route('admin.members.notifications.destroy', $notification) }}" style="display:inline" >
                                            <input name="_method" type="hidden" value="DELETE">
                                             {{ csrf_field() }}
                                              <button type="submit" class="btn btn-danger" onclick="return confirm('{{ __('message.do you want to delete') }}?')">
                                               <i class="fa fa-trash-o" style="color: #FFF;"></i>
                                              </button>
                                            </form>
                                        </td>
                                        </tr>
                                    @endif
                                    @endforeach
                                </tbody>
                            </table>

                            <table id="header-fixed" class="table table-bordered"></table>
                        </div>
                        <div style="text-align: center">
                            {{ $notifications->appends($_GET)->links() }}
                        </div>
                    </div>
                    <!-- end widget content -->

                </div>
                <!-- end widget div -->

        </div>
        <!-- end widget -->

        <!-- Widget ID (each widget will need unique ID)-->


        </article>
        <!-- WIDGET END -->

        </div>

        <!-- end row -->



        <!-- end row -->

    </section>
    <!-- end widget grid -->

    <x-membermodal />
@endsection

@section('meta')
    <title>{{ __('message.notification') }} - {{ config('app.name', 'Dashboard') }}</title>
@endsection