@extends('layouts.master')
@section('css')
 <style>
   
   }
 </style>
@endsection
@section('content')
<div class="row page-titles">
	<div class="col-md-5 align-self-center">
	    <h4 class="text-themecolor">Portfolio</h4>
	</div>
	<div class="col-md-7 align-self-center text-right">
	    <div class="d-flex justify-content-end align-items-center">	        
	        
	    </div>
	</div>
</div>
<div class="row">
    <div class="col-12">
        <div class="card">
          <div class="card-body">
            <div class="row">
            <div class="col-sm-12">
              <div class="row">
                <div class="col-sm-2">
                  <div class="avatar">
                    <center>
                      @if (isset($student->photo))
                        <img style="width: 150px;height: 150px" src="{{avatar_student($student->photo)}} " alt="Photo">
                      @else
                        <img style="width: 150px;height: 150px" src="{{ asset('eliteadmin/images/users/user.png') }} " alt="Photo">
                      @endif
                        
                     
                    </center>
                  </div>
                  <center></center>
                  
                </div>
                <div class="col-sm-3">
                  <div class="desc">
                    <div class="title text-muted">Full Name</div>
                    <strong>{{$student->nama_lengkap}}</strong>
                    <div class="title text-muted">NISN</div>
                    <strong>{{$student->NIS}}</strong>
                    
                  </div>
                  
                </div>
               
                <div class="col-sm-3">
                  <div class="desc">
                    <div class="title text-muted">Current School Year</div>
                    <strong>{{$current->meta_value}}</strong><br>
                    <div class="title text-muted">Semester</div>
                    <strong>{{($semester->meta_value == 1)? 'First Term' : 'Second Term'}}</strong><br>
                    
                    </div>

                    
                  </div>
                  <div class="col-sm-3">
                  <div class="desc">
                    <div class="title text-muted">Grade</div>
                    <strong>{{$student->nama}}</strong><br>
                    <div class="title text-muted">Class</div>
                    <strong>{{$student->nama_kelas}}</strong><br>
                    
                    </div>

                    
                  </div>
                  
                </div>
                </div>              
                
            </div>
          </div>    
          <hr>
          <div class="col-12">
            <ul class="timeline">
              @php
                $no = 0;
              @endphp
              @foreach ($result as $row)
                <li class="{{($no % 2 != 0)? 'timeline-inverted' : ''}}">
                    <div class="{{($no % 2 != 0)? 'timeline-badge warning' : 'timeline-badge success'}}"><small>{{$no+1}}</small></div>
                    <div class="timeline-panel ribbon-wrapper">
                        <div class="ribbon ribbon-bookmark  {{($row->kategori == 'worksheet')? 'ribbon-danger' : 'ribbon-default'}} {{($no % 2 != 0)? 'ribbon-right' : ''}}">{{$row->kategori}}</div><br><br>
                        <div class="timeline-heading">
                            <h4 class="timeline-title">{{$row->title}}</h4>
                            <p><small class="text-muted"><i class="fa fa-clock-o"></i>{{$row->tgl_upload}}</small> </p>
                        </div>
                        <div class="timeline-body" style="text-align: justify"> 
                            <p>
                              <div id="image-popups" class="row image-popups" style="display: flex; justify-content: center">
                                <a href="{{ file_worksheet_student($row->file) }}" data-effect="mfp-3d-unfold" ><img  src="{{ file_worksheet_student($row->file) }} " class="img-responsive" width="200" /></a>
                              </div>
                            </p>
                            <p><b>Task :</b></p>
                            <p>{{$row->task}}</p>
                            <hr>
                            <p><b>Teacher's Comment :</b></p>
                            <p>{{$row->comment}}</p>
                            <p><small>{{$row->name}}</small></p>
                        </div>
                    </div>
                </li>
                @php
                  $no++;
                @endphp
              @endforeach
                
               
                
            </ul>
          </div>
                 
        </div>
        </div>
</div>

@endsection

@section('js')

@endsection