mirror of
https://github.com/nothingworksinc/ticketbeast.git
synced 2026-02-21 10:55:42 +00:00
(front end prep for Purchasing Tickets module)
This commit is contained in:
@@ -1,9 +1,89 @@
|
||||
<h1>{{ $concert->title }}</h1>
|
||||
<h2>{{ $concert->subtitle }}</h2>
|
||||
<p>{{ $concert->formatted_date }}</p>
|
||||
<p>Doors at {{ $concert->formatted_start_time }}</p>
|
||||
<p>{{ $concert->ticket_price_in_dollars }}</p>
|
||||
<p>{{ $concert->venue }}</p>
|
||||
<p>{{ $concert->venue_address }}</p>
|
||||
<p>{{ $concert->city }}, {{ $concert->state }} {{ $concert->zip }}</p>
|
||||
<p>{{ $concert->additional_information }}</p>
|
||||
@extends('layouts.master')
|
||||
|
||||
@section('body')
|
||||
<div class="bg-soft p-xs-y-7 full-height">
|
||||
<div class="container">
|
||||
<div class="row m-xs-b-5">
|
||||
<div class="col col-md-6 col-md-offset-3 m-xs-b-4 m-lg-b-0">
|
||||
<div class="card">
|
||||
<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 class="text-center text-dark-soft wt-medium">
|
||||
<p>Powered by TicketBeast</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@push('beforeScripts')
|
||||
<script src="https://checkout.stripe.com/checkout.js"></script>
|
||||
@endpush
|
||||
|
||||
22
resources/views/layouts/master.blade.php
Normal file
22
resources/views/layouts/master.blade.php
Normal file
@@ -0,0 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>@yield('title', 'TicketBeast')</title>
|
||||
|
||||
<link rel="stylesheet" href="{{ elixir('css/app.css') }}">
|
||||
@include('scripts.app')
|
||||
</head>
|
||||
<body class="bg-dark">
|
||||
<div id="app">
|
||||
@yield('body')
|
||||
</div>
|
||||
|
||||
@stack('beforeScripts')
|
||||
<script src="{{ elixir('js/app.js') }}"></script>
|
||||
@stack('afterScripts')
|
||||
{{ svg_spritesheet() }}
|
||||
</body>
|
||||
</html>
|
||||
6
resources/views/scripts/app.blade.php
Normal file
6
resources/views/scripts/app.blade.php
Normal file
@@ -0,0 +1,6 @@
|
||||
<script>
|
||||
window.App = {
|
||||
csrfToken: '{{ csrf_token() }}',
|
||||
stripePublicKey: '{{ config('services.stripe.key') }}',
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user