@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('users.create') }}" class="btn btn-primary">
                    <i class="fas fa-plus"></i> 新規ユーザー登録
                </a>
            </div>
        </div>
        <div class="card-body">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>名前</th>
                        <th>メールアドレス</th>
                        <th class="text-center">LINE通知</th>
                        <th class="text-center">通知設定</th>
                        <th class="text-center">管理者</th>
                        <th class="text-center">操作</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($users as $user)
                        <tr>
                            <td>{{ $user->name }}</td>
                            <td>{{ $user->email }}</td>
                            <td class="text-center">
                                <form action="{{ route('users.toggle-line-notification', $user) }}" method="POST" class="d-inline">
                                    @csrf
                                    <button type="submit" class="btn btn-sm {{ $user->line_notification_enabled ? 'btn-success' : 'btn-secondary' }}">
                                        {{ $user->line_notification_enabled ? '有効' : '無効' }}
                                    </button>
                                </form>
                            </td>
                            <td class="text-center">
                                <a href="{{ route('notification-conditions.index', ['user_id' => $user->id]) }}" class="btn btn-info btn-sm">
                                    <i class="fas fa-bell"></i> 通知設定
                                </a>
                            </td>
                            <td class="text-center">
                                <form action="{{ route('users.toggle-admin', $user) }}" method="POST" class="d-inline">
                                    @csrf
                                    <button type="submit" class="btn btn-sm {{ $user->is_admin ? 'btn-danger' : 'btn-secondary' }}">
                                        {{ $user->is_admin ? '管理者' : '一般' }}
                                    </button>
                                </form>
                            </td>
                            <td class="text-center">
                                <a href="{{ route('users.edit', $user) }}" class="btn btn-warning btn-sm">
                                    <i class="fas fa-edit"></i> 編集
                                </a>
                                <form action="{{ route('users.destroy', $user) }}" method="POST" class="d-inline">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('本当に削除しますか？')">
                                        <i class="fas fa-trash"></i> 削除
                                    </button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="card-footer clearfix">
            <div class="float-right">
                {{ $users->links() }}
            </div>
        </div>
    </div>
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
    <style>
        .table th {
            white-space: nowrap;
        }
        .pagination {
            margin-bottom: 0;
        }
    </style>
@stop

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