@extends('layouts.app')

@section('title', 'Detail Tiket')

@section('content')
<div class="container">
    <h2 class="mb-4 fw-bold">🎟️ Detail Tiket</h2>

    <div class="card shadow">
        <div class="card-body">
            <table class="table table-bordered">
                <tr>
                    <th style="width:200px;">Event</th>
                    <td>{{ $tiket->event->nama_event ?? '-' }}</td>
                </tr>
                <tr>
                    <th>Jenis Tiket</th>
                    <td>{{ $tiket->jenis }}</td>
                </tr>
                <tr>
                    <th>Harga</th>
                    <td>Rp {{ number_format($tiket->harga, 0, ',', '.') }}</td>
                </tr>
                <tr>
                    <th>Stok</th>
                    <td>{{ $tiket->stok }}</td>
                </tr>
                <tr>
                    <th>Dibuat</th>
                    <td>{{ $tiket->created_at->format('d M Y H:i') }}</td>
                </tr>
            </table>

            <a href="{{ route('tiket.index') }}" class="btn btn-secondary">Kembali</a>
            <a href="{{ route('tiket.edit', $tiket->id) }}" class="btn btn-warning">Edit</a>
        </div>
    </div>
</div>
@endsection