@extends('layouts/guest/masters.master')

@section('opengraph')
<!-- Search Engine Optimization by Rank Math - http://s.rankmath.com/home -->
@endsection

@section('tittle','VOICES AND BEATS [ EVENTS MANAGEMENT ] | SUCESS-MESSAGE')

@section('content') 
<div class="page-content">
  <div class="bg-cover bg-liveband-stage">
    <div class="h-64 flex items-center justify-center bg-black bg-opacity-50">
      <h1 class="text-lg md:text-2xl font-opensans-bold text-white text-center">
        HOME &nbsp;&nbsp;>&nbsp;&nbsp;<span class="text-yellow-500">BUY TICKET</span>
      </h1>
    </div>
   </div>

  <div class="py-5 px-3 md:p-10 space-y-5">
    <div class="space-y-5 flex flex-col justify-center items-center p-5 md:p-10">
      <div class="rounded-full h-14 md:h-20 w-14 md:w-20 flex items-center justify-center border-2 text-green-500 border-green-500 md:text-4xl">
         <i class="fa fa-check"></i>
      </div>
      <div>
         <h1 class="font-opensans-extrabold text-yellow-500 text-2xl">Ticket Purchased Successfully</h1>
      </div>  
      <div>
         <h1 class="font-opensans-bold">Ticket No: {{ $ticket->ticket_no }}</h1>
      </div>
      
      <div>
        <a href="/Ticket/Download/{{ $ticket->id }}">
          <div class="flex items-center space-x-2 text-sm font-opensans-bold px-2 py-1 bg-blue-500 rounded-sm text-white hover:bg-yellow-500">
          <div>
              <i class="fa fa-download"></i>
          </div>
          <div>
              DOWNLOAD
          </div>  
         </div>
        </a> 
      </div>

     </div>
   </div>   
</div> 
@endsection