@extends('layouts.app')
@section('title','Label')
@section('content')
    <section id="main-label">
        <div class="container">
            <h1>VIEW YOUR LABEL</h1>
            <div class="box">
                <div class="box-header text-center">
                    @if(Session::get('label.label_type_id') == 1)
                        <img class="img-fluid" src="{{$label->photo->file}}" alt="label">
                        <p>Label Name: {{$label->name}}</p>
                    @elseif(Session::get('label.label_type_id') == 2)
                        <div class="row">
                            <div class="col-md-8">
                                <img class="img-fluid" src="{{$label->canvas}}" alt="label">
                            </div>
                            <div class="col-md-4">
                                <iframe id="frame" src="{{route('label.threeJs')}}" height="300px"></iframe>
                            </div>
                        </div>
                        <p>Label Name: {{$label->name}}</p>
                    @elseif(Session::get('label.label_type_id') == 3)
                        <h4>Label: Existing Label</h4>
                    @endif
                </div>
                <div class="box-body">
                    <div class="text-right">
                        <a href="{{route('label.back')}}" class="btn btn-warning" style="cursor:pointer" name="view">Back</a>
                        <a href="{{route('shop')}}" class="btn btn-warning">
                            Go to Shop
                        </a>
                    </div>
                    Reminder: This label will be used when you proceed to Checkout
                </div>
            </div>
        </div>

        <div class="gutter-bottom"></div>
    </section>
@endsection