mirror of
https://github.com/nothingworksinc/ticketbeast.git
synced 2026-01-26 03:04:05 +00:00
84 lines
4.2 KiB
PHP
84 lines
4.2 KiB
PHP
<div class="row m-xs-b-5">
|
|
<div class="col col-md-10 col-md-offset-1 m-xs-b-4 m-lg-b-0">
|
|
<div class="card flex">
|
|
<div class="row flex-fit">
|
|
<div class="col col-lg-6 hidden-md-down p-xs-0 p-xs-l-4">
|
|
<div class="card-section">
|
|
<img src="{{ $concert->posterUrl() }}" class="img-fit" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="col col-xs-12 col-lg-6">
|
|
<div class="card-section">
|
|
<div class="m-xs-b-5">
|
|
<h1 class="wt-bold text-ellipsis">{{ $concert->title }}</h1>
|
|
<span class="wt-medium text-ellipsis">{{ $concert->subtitle }}</span>
|
|
</div>
|
|
<div class="m-xs-b-5">
|
|
<div class="media-object">
|
|
<div class="media-left">
|
|
@icon('calendar')
|
|
</div>
|
|
<div class="media-body p-xs-l-2">
|
|
<span class="wt-medium">{{ $concert->formatted_date }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="m-xs-b-5">
|
|
<div class="media-object">
|
|
<div class="media-left">
|
|
@icon('time')
|
|
</div>
|
|
<div class="media-body p-xs-l-2">
|
|
<span class="wt-medium block">Doors at {{ $concert->formatted_start_time }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="m-xs-b-5">
|
|
<div class="media-object">
|
|
<div class="media-left">
|
|
@icon('currency-dollar')
|
|
</div>
|
|
<div class="media-body p-xs-l-2">
|
|
<span class="wt-medium block">{{ $concert->ticket_price_in_dollars }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="text-dark-soft m-xs-b-5">
|
|
<div class="media-object">
|
|
<div class="media-left">
|
|
@icon('location')
|
|
</div>
|
|
<div class="media-body p-xs-l-2">
|
|
<h3 class="text-base wt-medium text-dark">{{ $concert->venue }}</h3>
|
|
{{ $concert->venue_address }}<br>
|
|
{{ $concert->city }}, {{ $concert->state }} {{ $concert->zip }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="text-dark-soft">
|
|
<div class="media-object">
|
|
<div class="media-left">
|
|
@icon('information-solid')
|
|
</div>
|
|
<div class="media-body p-xs-l-2">
|
|
<h3 class="text-base wt-medium text-dark">Additional Information</h3>
|
|
<p>{{ $concert->additional_information}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="border-t">
|
|
<div class="card-section">
|
|
<ticket-checkout
|
|
:concert-id="{{ $concert->id }}"
|
|
concert-title="{{ $concert->title }}"
|
|
:price="{{ $concert->ticket_price }}"
|
|
></ticket-checkout>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|