@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>Student Id:</h5>
                        <h3>{{ $graduate->student_id }}</h3> 
                        <p>
                            <img src="{{ url('storage/temp/qrcode/' . $graduate->student_id . '-qrcode.png') }}" alt="" width="150"><br>
                        </p>
                        <h5>Order # {{ $graduate->order->invoice_number }}</h5>
                        @if (!is_null($graduate->seat_number))
                        <h5>
                            <div>Seat Number</div>
                            <div style="margin-top: 20px; margin-bottom:20px">
                                <font class="seat-number">
                                    {{ $graduate->seat_number }}
                                </font>
                            </div>

                        </h5>
                        @endif
                        
                        @if($graduate->order->guest_number > 0)
                        <h5 style="color:#088804" class="alert alert-success">GUEST TICKET: {{ $graduate->order->guest_number }}</h5>
                        @endif
                        <h6>{{ $graduate->order->ceremony->date_formatted }} - {{ $graduate->order->ceremony->time }}</h6>
                        <h6>{{ $graduate->order->ceremony->venue }}</h6>
                        <h5 class="text-center font-weight-bolder">{{ $graduate->institution->name }}</h5>
                        {{-- <h5>Order # {{ $graduate->campus }}</h5> --}}
                        <h6>{{ $graduate->full_name }}</h6>
                        <h6>{{ $graduate->mobile }}</h6>
                        {{-- <h6><a href="javascript:void(0)" style="text-decoration: underline!important; color: #333333">www.GraduationCeremony.com.au</a></h6> --}}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@php
    $order = $graduate->order;
@endphp
@if ($order))
<div class="row">
    <div class="col-12">
        <div class="card" style="background: #def4ff">
            <div class="card-body">
                
                <div class="row">
                    <div class="col-12">
                        <h5 class="text-center" style="color:#096993">Ordered Products</h5>
                        <table id="datatable" class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>Image</th>
                                    <th>Product</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($order->orderStaticProducts as $so)
                                <tr>
                                    <td>
                                        <img src="{{ $so->commonProduct->image_path }}" alt="" width="100px">
                                    </td>
                                    <td>
                                        <h6>{{ $so->commonProduct->name }}</h6>
                                        <p><i>- {{ $so->commonProduct->description }}</i></p>
                                    </td>
                                </tr>
                                @endforeach
                                @foreach ($order->orderProducts as $op)
                                <tr>
                                    <td>
                                        <img src="{{ $op->packageProduct->image_path }}" alt="" width="100px">
                                    </td>
                                    <td>
                                        <h6>{{ $op->packageProduct->product_name }}</h6>
                                        <p><i>Size: {{ $op->product_size }}</i></p>
                                    </td>
                                    
                                </tr>
                                @endforeach
                                
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@php
    // $purchaseds = $order->orderOtherProducts->where('collection_show', config('custom.yes_text'));
    $purchaseds = getPurchasedPreProducts($order->id);
@endphp
@if (count($purchaseds) > 0)
<div class="row">
    <div class="col-12">
        <div class="card" style="background: #dafeda;">
            <div class="card-body">
                
                <div class="row">
                    <div class="col-12">
                        <h5 class="text-center" style="color:#017601">Purchased Products</h5>
                        <table  class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>Image</th>
                                    <th>Product</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($purchaseds as $po)
                                <tr>
                                    <td>
                                        <img src="{{ $po->otherProduct->image_url }}" alt="" width="100px">
                                    </td>
                                    <td>
                                        <strong>{{ $po->otherProduct->product_name }}</strong>
                                        @if (!is_null($po->other_product_option_id))
                                        <p><i>- {{ $po->otherProductOption->name ?? '' }}</i></p>
                                        @endif
                                        @if ($po->quantity > 1)
                                        <p>QTY: {{ $po->quantity }}</p>
                                        @endif
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endif
@endif
<style>
    .dashboard-btn:hover{
        color: #fff;
        background-color: #0d3447;
        border-color: #0d3447;
    }

</style>
@endsection