@extends('adminlte::page')

@section('title', '通知一覧')

@section('content_header')
    <h1>通知一覧</h1>
@stop

@section('content')
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">通知一覧</h3>
            <div class="card-tools">
                <a href="{{ route('notifications.create') }}" class="btn btn-primary">
                    <i class="fas fa-paper-plane"></i> 通知送信
                </a>
            </div>
        </div>
        <div class="card-body">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>送信日時</th>
                        <th>送信先</th>
                        <th>メッセージ</th>
                        <th>ステータス</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($notifications as $notification)
                        <tr>
                            <td>{{ $notification->created_at->format('Y/m/d H:i') }}</td>
                            <td>{{ $notification->user->name }}</td>
                            <td>{{ $notification->message }}</td>
                            <td>
                                <span class="badge badge-{{ $notification->status === 'success' ? 'success' : 'danger' }}">
                                    {{ $notification->status === 'success' ? '成功' : '失敗' }}
                                </span>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="card-footer">
            {{ $notifications->links() }}
        </div>
    </div>
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
@stop

@section('js')
    <script> console.log('Hi!'); </script>
@stop