@extends('Admin.Layout.main_layout') 	
@section('title','View Staff Detail')
@section('main_container')
      <!-- partial -->
      <div class="main-panel">
        <div class="content-wrapper">
          <div class="page-header">
            <h3 class="page-title">
             
            </h3>
            <nav aria-label="breadcrumb">
              <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">Staff Detail</li>
              </ol>
            </nav>
          </div>
          
          <div class="row grid-margin">
            <div class="col-12">
              <div class="card">
                <div class="card-body">
                  <h4 class="card-title">View Staff Detail</h4>
                  
                 <div class="col-lg-12 grid-margin stretch-card">
                  <div class="card">
                    <div class="card-body">
                      <h4 class="card-title"></h4>
                      <div class="table-responsive">
                        <table class="table table-striped">
                          <thead>
                            <tr>
                              <th>#</th>
                              <th>Director of Center</th>
                              <th>Name</th>
                              <th>Email</th>
                              <th>Phone</th>
                              <th>Responsibility</th>
                              <th>Shift</th>
                              
                            </tr>
                          </thead>
                          <tbody>
                              @if(!$staff_arr ->isEmpty())
                                @foreach($staff_arr  as $data)
                            <tr>
                              <th scope="row">{{ $data->id }}</th>
                              <td>{{ $data->name_director }}</td>
                              <td>{{ $data->name }}</td>
                              <td>{{ $data->email }}</td>
                              <td>{{ $data->phone }}</td>
                              <td>{{ $data->responsibility }}</td>
                              <td>{{ $data->shift }}</td>
                            </tr>
                              @endforeach  
                            @else
                              <p class="text-danger mt-2" style="padding-left:450px;">No Data Available</p>
                            @endif
                            
                              
                          </tbody>
                        </table>
                         
                      </div>
                    </div>
                  </div>
			          </div>
              </div>
				    </div>
          </div>

        </div>
            
        <!-- content-wrapper ends -->
       @endsection