@extends('layouts.app')

@section('content')
    <!-- Page Content -->
    <div class="content">
        <!-- Dynamic Table with Export Buttons -->
        <div class="block block-rounded">
            <div class="block-header block-header-default">
                <h3 class="block-title">
                    Info Produit
                </h3>
            </div>
            <div class="block-content block-content-full">
                <div class="row">
                    <div class="col-md-4 col-xl-4 col-xs-12">
                        <strong>désignation</strong><br />
                        <p>{{ $product->designation }}</p>
                    </div>

                    <div class="col-md-4 col-xl-4 col-xs-12">
                        <strong>référence</strong><br />
                        <p>{{ $product->reference ? $product->reference : '-' }}</p>
                    </div>

                    <div class="col-md-4 col-xl-4 col-xs-12">
                        <strong>description</strong><br />
                        <p>{{ $product->description  ? $product->description : '-' }}</p>
                    </div>
                </div>

                <div class="row" style="margin-top: 20px">
                    <div class="col-md-3 col-xl-3 col-xs-12">
                        <strong>prix:</strong><br />
                        <p>{{ $product->price ?  $product->price . ' MAD' : '-' }}</p>
                    </div>

                    <div class="col-md-3 col-xl-3 col-xs-12">
                        <strong>réduction</strong><br />
                        <p>{{ $product->discount ? $product->discount . '%' : '-' }}</p>
                    </div>

                    <div class="col-md-3 col-xl-3 col-xs-12">
                        <strong>échantillon</strong><br />
                        <p>{{ $product->sample ? $product->sample . '%' : '-' }}</p>
                    </div>

                    <div class="col-md-3 col-xl-3 col-xs-12">
                        <strong>pack</strong><br />
                        <p>{{ $product->pack ? $product->pack->name : '-' }}</p>
                    </div>
                </div>

            </div>


        </div>
        <!-- END Dynamic Table with Export Buttons -->
    </div>
    <!-- END Page Content -->
@endsection