@extends('admin.layouts.app')

@section('title', 'Gate Abilities')

@push('admin-app-scripts')
    <script src="{{ asset('js/admin/page/system-status.js') }}"></script>
@endpush

@push('admin-app-styles')
    <link href="{{ asset('css/admin/page/system-status.css') }}" rel="stylesheet">
@endpush

@section('admin-page-content')
    <div class="row">
        <div class="col">
            <h1>Gate Abilities</h1>
        </div>
    </div>
    <div class="row">
        <div class="col">
            <table class="table table-dark table-striped table-hover gate-abilities">
                <thead>
                    <th>Ability</th>
                </thead>
                <tbody>
                @foreach($gates as $ability => $gate)
                    <tr>
                        <td>{{ $ability }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>

        </div>
    </div>
@endsection