@extends('layouts.app')
@section('title', 'Graduation Ceremony')
@section('page-specific-styles')
<style>
    body {
        background-color: #192845;
        color: #192845;
    }
    .card {
        margin: auto!important;
        margin-top: 2em!important;
        border-radius: 20px;
    }

    p, h5, h6, h3 {
        margin-bottom: 15px;
    }
    .seat-number {
        background-color: #db3f18;
        color: #fff;
        font-weight: 800;
        font-size: 2em;
        padding: 10px 20px;
        border-radius: 10px;
    }
    @media (min-width:768px) {
        .card {
            max-width: 500px!important;
            width: 500px!important;
        }
    }
</style>
@endsection
@section('content')
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body text-center">
                
                <div class="row">
                    <div class="col-12">
                        <h5>Guest Name:</h5>
                        <h3>{{ $guest->full_name }}</h3> 
                        {{ $guest->id }}
                        <p>
                            {{ generateGuestQRCode($guest) }}
                            <img src="{{ url('storage/temp/guest-ticket/qrcode/' . $guest->id . '-qrcode.png') }}" alt="" width="150"><br>
                        </p>
                        <h6>m: {{ $guest->mobile }}</h6>
                        <h6>e: {{ $guest->email }}</h6>
                        <hr>
                        <h5>Graduate # {{ $guest->graduate->full_name ?? '' }}</h5>
                        <h5>Student Id # {{ $guest->graduate->student_id ?? '' }}</h5>
                        <h5>Order # {{ $guest->order->invoice_number ?? '' }}</h5>
                        <h6>{{ $guest->order->ceremony->date_formatted ?? '' }} - {{ $guest->order->ceremony->time ?? '' }}</h6>
                        <h6>{{ $guest->order->ceremony->venue ?? '' }}</h6>
                        <h5 class="text-center font-weight-bolder">{{ $guest->order->institution->name ?? '' }}</h5>
                        {{-- <h6>{{ $guest->full_name }}</h6> --}}
                        

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection