@extends(config('app.layout').'.layouts.web')

@section('title', $product['name'])

@section('content')
   
    <main id="MainContent" class="content-for-layout">
        
        <div class="product-page mt-30">
            <div class="container">
                <div class="row">
                    @include_layout('product.detail',['product' => $product])    
                </div>
            </div>
        </div>
        <br /><br /><br /><br />
    </main>           

@endsection

@section('tags_meta')    
    <meta property="og:type" content="product" />
    <meta property="og:title" content="{{ $product['name'] }}" />    
    <meta property="og:image" content="{{ $product['image_medium'] }}" />    
    <meta property="og:url" content="{{ $product['url'] }}" />    
@endsection

@section('js')    

    @include_layout('product.detail_info_js',['product' => $product]) 

    <script>
        function shared_facebook() {            
            let url_page = window.location.href;            
            let urlCompartir = 'https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(url_page);
            window.open(urlCompartir, 'Compartir en Facebook', 'width=600,height=400');
        }

        function shared_whatsapp() {            
            let url_page = window.location.href;            
            let textShare = '¡Echa un vistazo a este producto!';            
            let urlWhatsApp = 'https://api.whatsapp.com/send?text=' + encodeURIComponent(textShare + ' ' + url_page);
            window.location.href = urlWhatsApp;
        }
    </script>

    
@endsection