@extends('backend.master')

@section('title')
    {{ ___('common.dashboard') }}
@endsection

@section('content')
<div class="page-content">
    <!-- Centered Timeline content start -->
    <div class="card ot-card mb-24">
        <div class="card-header">
            <h4 class="bradecrumb-title mb-1">{{ ___('school.Tracking') }}</h4>
        </div>
        <div class="card-body">
            <ul class="timeline timeline-centered">

                @foreach ($data['tracking'] as $row)
                    @if (
                    $row->steps  == 'final' || 
                    $row->status == 'reject' || 
                    $row->status == 'accept' || 
                    $row->status == 'assign-inspection' || 
                    $row->status == 'verified-by-inspection-officer' || 
                    $row->status == 'proceed-to-superadmin-approval' || 
                    $row->status == 'approved'
                    )  
                    <li class="timeline-item">
                        <div class="timeline-info">
                            <span>{{ $row->created_at->format('Y-m-d') }}</span>
                        </div>
                        <div class="timeline-marker"></div>
                        <div class="timeline-content">
                            <p class="timeline-title">{{ ___('school.status') }}: <strong class="{{ $row->status == 'reject' ? 'text-danger':($row->status == 'accept' || $row->status == 'approved' ? 'text-success':($row->status == 'pending' ? 'text-warning':'text-primary'))}}">{{ $row->status }}</strong></p>
                            <span> {{ $row->message }}</span>
                        </div>
                    </li>
                    @endif  
                @endforeach
                {{-- @foreach ($data['tracking'] as $row)
                    <li class="timeline-item">
                        <div class="timeline-info">
                            <span>{{ $row->created_at->format('Y-m-d') }}</span>
                        </div>
                        <div class="timeline-marker"></div>
                        <div class="timeline-content">
                            <h3 class="timeline-title">{{ ___('school.status') }}: {{ $row->status }} / Update "{{$row->steps}}"</h3>
                            <span> {{ $row->message }}</span><br>
                        </div>
                    </li>
                @endforeach --}}


            </ul>
        </div>
    </div>
    <!-- Centered Timeline content end -->
</div>
@endsection