@extends('layouts.app')
<title>{{$data['displayName']}} - Fortnite Item Shop</title>
<meta name="description" content="{{$data['displayName']}} is a Fortnite cosmetic item that is available in today's Item Shop">
<meta property="og:image" content="http://fortnite-shop.gg/fortnite-item-shop.jpg" />
@section('content')

<link rel="stylesheet" href="{{asset('css/style.css')}}">
<div class="fortnite-item">
	<div class="item-video-preview" data-imp-id="fortnite-item-preview-section">
		<div class="item-video-holder">
			<img class="item-asset" src="{{$data['displayAssets'][0]['background']}}" width="456" height="456" loading="lazy">
		</div>
	</div>
	<div class="details">
		<h1 class="item-name">{{$data['displayName']}}</h1>
		<div class="item-about-container">
			<div class="item-about-description">
				<div>
					<ul>
						<li><span style="color:#fdf0b9">{{$data['displayName']}}</span> is a <strong>{{explode('?', $data['rarity'])[0]}}</strong> Fortnite
							cosmetic item.</li>
							<li>It was released on <span style="color:#fdf0b9">{{$data['firstReleaseDate']}}</span>
							</li>
							<li>It can be purchased from the Item Shop for <span style="color:#fdf0b9">{{$data['price']}}</span> V-bucks when
								listed.</li>
							</ul>
							<div class="item-shop-code mt-5" onclick="location.href='/item-shop-code';" style="display:flex;justify-content:center">
								<div role="alert" class="shadow-lg animated flipInX delay-05s" style="width:85%">
									<div class="px-4 py-1 text-dark text-center rounded-top" style="background-color:#fdf0b9;font-weight:600;">Item Shop Code</div>
									<div class="px-4 py-3 d-flex bg-dark rounded-bottom">
										<i class="fas fa-exclamation-circle opacity-05 text-dark my-1"></i>
										<p>Please use code <span style="color:#fdf0b9">FNBRF</span> in the Item Shop. To enter the code, click on the <span style="color:#fdf0b9">Support-A-Creator</span> button in the bottom right corner of the shop.</p></div>
									</div>
								</div>
							<div class="return">
								<a href="/">Go back to the Fortnite Item Shop</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		@endsection