@extends('layouts.front')

@section('title'){{$product->seo['title']}}@endsection

@section('meta_tags')
    <meta name="description" content="{{$product->seo['description']}}">
    <link rel="canonical" href="{{$product->seo['canonical']}}">
@endsection

@section('content')
    <div class="single-product-page product-{{$product->id}}">
        <div class="product-single-container product-single-default">
            <div class="container">
                <div class="row">
                    @role('Super Admin')
                    <div class="col-12">
                        <a class="float-right" href="/admin/products/{{ $product->id }}/edit">Edit</a>
                    </div>
                    @endrole
                </div>
            </div>
        </div>
        <product-single-content :prop-settings="{{json_encode(['shipping'=>$settings->get('shipping'),'refund'=>$settings->get('refund')])}}" :prop-product="{{json_encode($product)}}"/>
    </div>
@endsection