@include('layouts.app')

<div style="margin-top:50px">



</div>

<div class="container">

  <div>

    <a href="/" style="color: #26a69a">Home</a>

  <h5 style="color: #26a69a;">{{$userProfile->title.' '.$userProfile->last_name.', '.$userProfile->first_name.' '.$userProfile->middle_name}}</h5>

  </div>

  <div class="row">

<div class="col s12">

						  <div class="row">

							  <div class="input-field col s12 m12 l3 center-align">

								  <div class="picture-container">

									  <div class="picture">

                    <img src="{{ url('storage/app/public/files/profile_images/'.$userProfile->image_url) }}"  class="circle picture-src" loading="lazy"/>

                    

									  </div>

								  </div>

                </div>

                <div class="col s12 m12 l9">

                  <table class="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('storage/app/public/files/staff_CV/'.$userProfile->CV_url) }}" download="{{ url('storage/app/public/files/staff_CV/'.$userProfile->CV_url) }}" class="btn-floating btn-Small green pulse">

                              <i class="material-icons">file_download</i></a>

                              <a >
                        </td>

                      </tr>

                       @endif

                    </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>



</div>











<script>

var elem = document.querySelector('.collapsible.expandable');

var instance = M.Collapsible.init(elem, {

  accordion: false

});

</script>

{{-- @include('includes.footer') --}}