Files
speech2text/resources/views/user/dashboard.blade.php
2026-06-02 17:35:45 +08:00

118 lines
4.9 KiB
PHP

@extends('layouts.app')
@section('title', 'Dashboard')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
<h4 class="fw-bold mb-0"><i class="bi bi-house me-2 text-primary"></i>Dashboard</h4>
<a href="{{ route('user.projects.create') }}" class="btn btn-primary">
<i class="bi bi-plus-circle me-1"></i>Projek Baru
</a>
</div>
{{-- Owned Projects --}}
<div class="card mb-4">
<div class="card-header bg-white fw-semibold">
<i class="bi bi-folder-fill me-2 text-primary"></i>Projek Saya
<span class="badge bg-primary ms-1">{{ $ownedProjects->total() }}</span>
</div>
<div class="card-body p-0">
<div class="table-responsive">
<table class="table table-hover mb-0">
<thead class="table-light">
<tr>
<th>Tajuk</th>
<th>Status</th>
<th>Saiz Fail</th>
<th>Tempoh</th>
<th>Tarikh Cipta</th>
<th></th>
</tr>
</thead>
<tbody>
@forelse($ownedProjects as $project)
<tr>
<td class="fw-semibold">{{ $project->title }}</td>
<td>
@php $statusClasses = ['pending'=>'secondary','processing'=>'warning','completed'=>'success','failed'=>'danger']; @endphp
<span class="badge bg-{{ $statusClasses[$project->transcription_status] ?? 'secondary' }}">
{{ ucfirst($project->transcription_status) }}
</span>
</td>
<td>{{ $project->fileSizeForHumans() }}</td>
<td>{{ $project->durationForHumans() ?? '—' }}</td>
<td class="small text-muted">{{ $project->created_at->format('d/m/Y') }}</td>
<td>
<a href="{{ route('user.projects.show', $project) }}" class="btn btn-sm btn-outline-primary">
<i class="bi bi-arrow-right"></i>
</a>
</td>
</tr>
@empty
<tr>
<td colspan="6" class="text-center text-muted py-5">
<i class="bi bi-mic fs-1 d-block mb-2 text-muted"></i>
<p class="mb-2">Belum ada projek transkripsi.</p>
<a href="#" class="btn btn-primary btn-sm">
<i class="bi bi-plus-circle me-1"></i>Muat Naik Audio Pertama
</a>
</td>
</tr>
@endforelse
</tbody>
</table>
</div>
</div>
@if($ownedProjects->hasPages())
<div class="card-footer bg-white">{{ $ownedProjects->links() }}</div>
@endif
</div>
{{-- Shared Projects --}}
@if($sharedProjects->count() > 0)
<div class="card">
<div class="card-header bg-white fw-semibold">
<i class="bi bi-people-fill me-2 text-info"></i>Projek Dikongsi Bersama Saya
<span class="badge bg-info ms-1">{{ $sharedProjects->total() }}</span>
</div>
<div class="card-body p-0">
<div class="table-responsive">
<table class="table table-hover mb-0">
<thead class="table-light">
<tr>
<th>Tajuk</th>
<th>Pemilik</th>
<th>Status</th>
<th>Tarikh Cipta</th>
<th></th>
</tr>
</thead>
<tbody>
@foreach($sharedProjects as $project)
<tr>
<td class="fw-semibold">{{ $project->title }}</td>
<td>{{ $project->owner->name }}</td>
<td>
<span class="badge bg-{{ $statusClasses[$project->transcription_status] ?? 'secondary' }}">
{{ ucfirst($project->transcription_status) }}
</span>
</td>
<td class="small text-muted">{{ $project->created_at->format('d/m/Y') }}</td>
<td>
<a href="#" class="btn btn-sm btn-outline-info">
<i class="bi bi-arrow-right"></i>
</a>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
@if($sharedProjects->hasPages())
<div class="card-footer bg-white">{{ $sharedProjects->links() }}</div>
@endif
</div>
@endif
@endsection