@extends('front.layout.app')
@section('title', 'Checkout Success')
@section('content')
    @if(!empty($page->pageComponents))
        @forelse($page->pageComponents as $key => $section)
            @if($key == 0)
                <div class="innerBanner">
                    @if(!empty($section->pageComponentMedia[0]) && $section->pageComponentMedia[0]->file_type == 'image')
                        <img src="{{asset($section->pageComponentMedia[0]->file_name) ?? asset('front/images/aboutBanner.jpg')}}" class="w-100">
                    @elseif(!empty($section->pageComponentMedia[0]) && $section->pageComponentMedia[0]->file_type == 'video')
                        <video>
                            <source src="{{asset($section->pageComponentMedia[0]->file_name)}}" type="video/*">
                            Your browser does not support the video tag.
                        </video>
                    @endif

                    <h2>{{$section->title ?? ''}}</h2>
                </div>
            @endif
        @empty
        @endforelse
    @endif
    <div class="checkOutStyle">
        <div class="container">
            <div class="row justify-content-center">
                <div class="thank-you-section text-center">
                    <br>
                    <h1>Thank you for <br> Your Order!</h1>
                    <p>A confirmation email was sent</p>
                    <div class="spacer"></div>
                    <div>
                        @if(Session::has('success'))
                            {{Session::get('success')}}
                        @endif
                            <br>
                        @if(Session::has('error'))
                            <div class="alert alert-danger">{{Session::get('error')}}</div>
                        @endif
                            <br>
                        <a href="{{ url('/') }}" class="button btnStyle">Home Page</a>
                    </div>
                </div><br>
            </div>
        </div>
    </div>
@endsection