@extends('layouts.master')

@section('title')
    Admin Screens
@endsection

@section('content.header.title')

@endsection

@section('content.header.info')
    Manage screens data here.
@endsection

@section('content')
<section class="content">
        <div class="container-fluid">
          <div class="row">
            <!-- left column -->
            <div class="col-md-12">
              <div class="card">
              <!-- /.card-header -->
              <div class="card-body table-responsive p-0">
                <table class="table table-hover">
                  <tr>
                    <th>Screen</th>
                    <th>Master</th>
                    <th>Admin</th>
                    <th>View-Only</th>
                    <th>
                    </th>
                  </tr>
                  @foreach($screens as $screen)
                    <tr>
                    <td><strong>{{$screen->screen_name}}</strong></td>
                    <td>
                      
                        <div class="btn-group">
                            <button type="button" class="btn btn-default">1</button>
                            <button type="button" class="btn btn-default">2</button>
                          </div>

                      @if($screen->master_view > 0)
                        <span class="badge badge-primary"><i class="fa fa-check"></i> Access</span>
                      @else
                        <span class="badge badge-dark"><i class="fas fa-ban"></i>No Access</span>
                       @endif</td>
                    <td>
                        @if($screen->admin_view > 0)
                        <span class="badge badge-primary">Access</span>
                      @else
                      <span class="badge badge-dark"><i class="fas fa-ban"></i> No Access</span>
                       @endif
                      </td>
                    <td>
                        @if($screen->read_view > 0)
                        <span class="badge badge-primary">Read-only Access</span>
                      @else
                        <span class="badge badge-dark">No Access</span>
                       @endif
                    </td>
                    <td>
                    </td>
                    </tr>
                  @endforeach
                </table>
              </div>
              <!-- /.card-body -->
            </div>
            </div>
          </div>
          <!-- /.row -->
        </div><!-- /.container-fluid -->
      </section>
@endsection('content')