@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-lime-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-lime-500 text-lg md:text-2xl">Tickets Purchased Successfully</h1>
      </div>  

      <div class="overflow-x-auto rounded-md bg-white border border-gray-500">
       <table>
        <thead class="w-full border-collapse">
          <tr class="font-opensans-bold text-white bg-orange-500 divide-x divide-white">
            <th class="w-10 text-center">SR</th>
            <th class="w-64 text-center">TICKET NUMBER</th>
            <th class="w-32 text-center">ACTION</th>
          </tr>
        </thead>
        <tbody>
          @foreach($tickets as $ticket)
           <tr>
            <td class="p-2">{{ $loop->index + 1 }}</td>
            <td class="p-2">{{ $ticket->ticket_no }}</td>
            <td class="p-2">
              <div>
                <a href="{{ route('download', ['id' => $ticket->id , 'ticket_image' => $_GET['ticket_image'] ]) }}">
                  <div class="flex items-center space-x-2 text-sm font-opensans-bold px-2 py-1 bg-black rounded-sm text-white hover:bg-lime-500">
                  <div>
                    <i class="fa fa-download"></i>
                  </div>
                  <div>
                    DOWNLOAD
                  </div>  
                  </div>
                </a> 
              </div>
            </td>
          </tr>
         @endforeach
        </tbody>
       </table>  
      </div>
     </div>
   </div>   
</div> 
@endsection