@extends('layouts.front.front')
<script src="{{ asset('front-shop/js/js-image-zoom.js') }}"></script>


@section('maincontent')
    <section class="global-space-section">
        <div class="container">
            @if (empty($product))
                <div class="row">
                    <div class="col-md-12">
                        <div class="alert alert-danger">
                            Product is removed or does not exist! <a href="javascript:history.back()"
                                class="btn btn-sm btn-danger">Back</a>
                        </div>
                    </div>
                </div>
            @else
                <div class="detai-product-index">