@extends('layouts.app')

@section('title')
@endsection


@push('prepend-style')
@endpush
@push('addon-style')
@endpush

@section('content')

<!--app-content open-->
<div class="main-content app-content mt-0">
    <div class="side-app">

        <!-- CONTAINER -->
        <div class="main-container container-fluid">

            <!-- PAGE-HEADER -->
            <div class="page-header">
                <h1 class="page-title">Data Tiket</h1>
            </div>
            <!-- PAGE-HEADER END -->

            <!-- ROW-5 OPEN -->
            <div class="row">
                <div class="col-md-12  col-xl-4">
                    <div class="card">
                        <div class="row g-0">
                            <div class="col-md-12">
                                <div class="card-body">
                                    <h5 class="card-title">Detail Seminar</h5>
                                    <ul class="list-group list-group-flush">
                                        <li class="list-group-item">{{ $peserta->seminar->nama_seminar }}</li>
                                        <li class="list-group-item">{{ $peserta->seminar->kota->name }}</li>
                                        <li class="list-group-item">{{ $peserta->seminar->alamat }}</li>
                                        <li class="list-group-item">{{ $peserta->seminar->keterangan }}</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-12  col-xl-8">
                    <div class="card">
                        <div class="row g-0">
                            <div class="col-md-4">
                                <div class="visible-print text-center mt-6">
                                    {!! QrCode::size(150)->generate($tiket->barcode) !!}
                                    <p>{{ $tiket->barcode }}</p>
                                </div>
                            </div>
                            <div class="col-md-8">
                                <div class="card-body">
                                    <h5 class="card-title">Detail Peserta</h5>
                                    <ul class="list-group list-group-flush">
                                        <li class="list-group-item">{{ $peserta->nama_peserta }}</li>
                                        <li class="list-group-item">{{ $peserta->telepon }}</li>
                                        <li class="list-group-item">{{ $peserta->email }}</li>
                                        <li class="list-group-item">{{ $peserta->usia }} Tahun</li>
                                         <li class="list-group-item">{{ $peserta->alamat }}</li>
                                        <li class="list-group-item">
                                            <div class="card-options">
                                                @if ($tiket->datang == 'datang')
                                                    <span class="btn btn-success btn-sm ms-2">Datang</span>
                                                @else
                                                    <span class="btn btn-danger btn-sm">Belum Datang</span>
                                                @endif
                                            </div>
                                        </li>
                                    </ul>
                                    <p class="card-text">Barcode / Kode Barcode ini hanya bisa digunakan 1 (Satu) kali saja. Pastikan tidak memberikan Barcode / Kode Barcode ini kepada siapapun.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!-- CONTAINER CLOSED -->

        <br><br><br>
    </div>
</div>
<!--app-content closed-->
@endsection