@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
        <div class="col s12">
            <h4>Dashboard</h4>
            <div class="panel-body">
                    @if (session('status'))
                        <div class="alert alert-success">
                            {{ session('status') }}
                        </div>
                    @endif

                    You are logged in!
                </div>
        </div>
      </div>

       <div class="row" style="margin:10px auto">
            <div class="col s12 m6 l6">
              <div class="card">
                  <div class="card-image">

                  <span class="card-title">Card Title</span>
                  
                  </div>
                  <div class="card-content">
                  <p>Manage user profile</p>
                  <ul>
                      <li><h6><a href="/staffcreate/create">Create/Edit Profile</a></h6></li>
                  </ul>
                  </div>
                  
              </div>
            </div>
             @can('admin')
            <div class="col s12 m6 l6">
              
              <div class="card">
                  <div class="card-image">

                  <span class="card-title"></span>
                  
                  </div>
                  <div class="card-content">
                  <p>Add a department that is not existing</p>
                  <ul>
                    <a href="/department/create">  <li><h6>Create Department</h6></li></a>
                  </ul>
                  </div>
              </div>
              </a>
            </div>
            @endcan
      </div>
      @can('admin')
      <div class="row" style="margin:10px auto">
            <div class="col s12 m6 l6">
              
              <div class="card">
                  <div class="card-image">

                  <span class="card-title"></span>
                  
                  </div>
                  <div class="card-content">
                    <p>Add a faculty that is not existing</p>
                  <ul>
                    <a href="/faculty/create">  <li><h6>Create Faculty</h6></li></a>
                  </ul>
                  </div>
                  
              </div>
              </a>
            </div>
            <div class="col s12 m6 l6">
              
              <div class="card">
                  <div class="card-image">
                  
                  </div>
                  <div class="card-content">
                  <p>Create a Staff designation</p>
                  <ul>
                      <a href="/designation/create"> <li><h6>Create a Staff Designation</h6></li></a>
                  </ul>
                  </div>
              </div>
            </div>            
      </div>
      <!-- Reporting Module Begin -->
      <div class="row" style="margin:10px auto">
            <div class="col s12 m3 l3">
              <div class="card">
                  <div class="card-content">
                  <ul>
                    <a href="/faculty/show">  <li><h6>View Faculty Report</h6></li></a>
                  </ul>
                  </div>
                  
              </div>
              </a>
            </div>
            <div class="col s12 m3 l3">              
              <div class="card">
                  <div class="card-content">
                  <ul>
                      <a href="/department/show"> <li><h6>Department Report</h6></li></a>
                  </ul>
                  </div>
              </div>
            </div>  
            <div class="col s12 m3 l3">              
              <div class="card">
                  <div class="card-content">
                  <ul>
                      <a href="/staffcreate/show"> <li><h6>Staff Report</h6></li></a>
                  </ul>
                  </div>
              </div>
            </div>   
            
            <!--
            <div class="col s12 m3 l3">              
              <div class="card">
                  <div class="card-content">
                  <ul>
                      <a href="/designation/show"> <li><h6>Designation Report</h6></li></a>
                  </ul>
                  </div>
              </div>
            </div>    
            -->
            
      </div>
      <!-- Reporting Module Ends -->
         
    </div>
 @endcan
  </div>





{{--
@if (count($userProfile) < 1)
    I have one record!
@elseif (count($userProfile) > 1)
    <div style="margin-top:50px">
  <a href="/" style="color: #26a69a">Home</a>
  <h5 id="name" style="color: #26a69a;">{{$userProfile->title.' '.$userProfile->last_name.', '.$userProfile->first_name}}</h5>
</div>
<div class="row">
<div class="col s12">
						  <div class="row">
							  <div class="input-field col s3 m4 center-align">
								  <div class="picture-container">
									  <div class="picture">
                       @if (File::exists(public_path('files/profile_images/'.$userProfile->image_url)))
                    <img src="{{ url('files/profile_images/'.$userProfile->image_url) }}"  class="circle picture-src"/>
                @else
                    <img src="{{ url('files/profile_images/avatar.jpg')}}" class="circle picture-src"/>
                @endif
									  </div>
								  </div>
                </div>
                <div class="col s9 m8">
                  <table class="highlight responsive-table" id="tableDetails">
                      <tr>
                        <td>
                          <strong>DEPARTMENT: </strong>{{$userProfile->department}}
                        </td>
                      </tr>
                      <tr>
                        <td>
                         <strong> FACULTY:</strong> {{$userProfile->faculty}}
                        </td>
                      </tr>
                      <tr>
                        <td>
                         <strong> DESIGNATION:</strong> {{$userProfile->designation}}
                        </td>
                      </tr>
                      <tr>
                        <td>
                         <strong> EMAIL:</strong> {{$userProfile->email}}
                        </td>
                      </tr>
                      <tr>
                        <td>
                         <strong> PHONE:</strong> {{$userProfile->phone}}
                        </td>
                      </tr>
                       @isset($userProfile->CV_url)
                        <tr>
                        <td>

                         <small>Click here to download {{$userProfile->title.' '.$userProfile->last_name.' '.$userProfile->first_name}}'s CV</small>
                          <a href="{{ url('files/staff_CV/'.$userProfile->CV_url) }}" download="{{ url('files/staff_CV/'.$userProfile->CV_url) }}" class="btn-floating btn-Small green pulse">
                              <i class="material-icons">file_download</i></a>
                              <a >
                        </td>
                      </tr>
                       @endisset
                    </table>
                </div>

						  </div>
</div>


<ul class="collapsible expandable">
 @foreach($users as $user)
 <li>
      <div class="collapsible-header"><i class="material-icons">dehaze</i>{{$user->field_name}}</div>
      <div class="collapsible-body"><h6>{!!html_entity_decode($user->field_value)!!}</h6></div>
 </li>
 @endforeach
 </ul>
@endif--}}


<script>
var elem = document.querySelector('.collapsible.expandable');
var instance = M.Collapsible.init(elem, {
  accordion: false
});
</script>
@endsection