@extends('layouts.app')

@section('content')
<article class="status-card glass-panel">
    <div style="padding:16px">
        <h1 class="font-display" style="font-size:32px;margin:0;color:var(--primary)">{{ $status->user->name }}</h1>
        <p class="badge">SHA-256 {{ $status->sha256_signature }}</p>
    </div>
    @if($status->type === 'text')
        <div style="min-height:360px;padding:32px;background:linear-gradient(135deg,{{ $status->gradient_from ?: '#4f46e5' }},{{ $status->gradient_to ?: '#00a572' }});font-family:Geist,sans-serif;font-size:34px">{{ $status->body }}</div>
    @elseif($status->type === 'image')
        <img class="status-media" src="{{ \Illuminate\Support\Facades\Storage::url($status->media_path) }}" alt="">
    @elseif($status->type === 'voice')
        <div style="padding:24px"><div class="progress-bars"><span></span><span></span><span></span><span></span></div><audio controls src="{{ \Illuminate\Support\Facades\Storage::url($status->media_path) }}" style="width:100%;margin-top:18px"></audio></div>
    @else
        <video class="status-media" controls loop src="{{ \Illuminate\Support\Facades\Storage::url($status->media_path) }}"></video>
    @endif
    <div style="padding:16px"><p>{{ $status->caption }}</p></div>
</article>
@endsection