(front end prep for Purchasing Tickets module)

This commit is contained in:
Adam Wathan
2016-11-07 09:56:51 -05:00
parent a3d6a1efcd
commit ced05329c6
53 changed files with 12963 additions and 273 deletions

View File

@@ -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

View 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>

View File

@@ -0,0 +1,6 @@
<script>
window.App = {
csrfToken: '{{ csrf_token() }}',
stripePublicKey: '{{ config('services.stripe.key') }}',
}
</script>