@extends('layouts.app')
@section('content')

<div class="page-header">
    <div class="page-title">
        <h4>Details de produit</h4>
        <h6>Détails du produit {{ $product->name }}</h6>
    </div>
</div>
<!-- /add -->
<div class="row">
    <div class="col-lg-8 col-sm-12">
        <div class="card">
            <div class="card-body">
                <div class="bar-code-view">
                    @if($product->barcode_image)
                        <div id="barcode-print-area">
                            <p style="font-size: 14px; font-weight: bold; margin: 0px">{{ $product->magasin->name }}</p>
                            <img src="{{ asset($product->barcode_image) }}" alt="Code-Barres de {{ $product->name }}" style="width: 200px; height: 40px;">
                            
                            <p style="font-size: 14px"> {{ $product->sku }}</p>
                        </div>
                    @else
                        <p>Aucun code-barres disponible.</p>
                    @endif
                    <a class="printimg" onclick="printBarcode()">
                        <img src="{{ asset('assets/img/icons/printer.svg') }}" alt="print" style="font-size: 20px; margin-left: 10px">
                    </a>
                </div>
                
                <div class="productdetails">
                    <ul class="product-bar">
                        <li>
                            <h4>Nom de produit</h4>
                            <h6>{{ $product->name }}</h6>
                        </li>
                        <li>
                            <h4>Magasin</h4>
                            <h6>{{ $product->magasin->name ?? ' '}}</h6>
                        </li>
                        @if($product->category)
                        <li>
                            <h4>Categorie</h4>
                            <h6>{{ $product->category->name ?? ' '}}</h6>
                        </li>
                        @endif
                        @if($product->fournisseur)
                        <li>
                            <h4>Fournisseur</h4>
                            <h6>{{ $product->fournisseur->name ?? ' ' }}</h6>
                        </li>
                        @endif
                        @if($product->brand)
                        <li>
                            <h4>Marque</h4>
                            <h6>{{ $product->brand->name ?? ' '}}</h6>
                        </li>
                        @endif
                        @if($product->unit)
                        <li>
                            <h4>Unité</h4>
                            <h6>{{ $product->unit->name ?? ' '}}</h6>
                        </li>
                        @endif
                        @if($product->sku)
                        <li>
                            <h4>SKU</h4>
                            <h6>{{ $product->sku }}</h6>
                        </li>
                        @endif
                        <li>
                            <h4>Code-Barres</h4>
                            <h6>{{ $product->barcode ?? ' '}}</h6>
                        </li>
                        <li>
                            <h4>Seuil alert</h4>
                            <h6>{{ $product->seuil_alert }}</h6>
                        </li>
                        <li>
                            <h4>Quantité</h4>
                            <h6>{{ $product->quantity }}</h6>
                        </li>
                        
                        <li>
                            <h4>Prix d'achat</h4>
                            <h6>{{ $product->wholesale_price }}</h6>
                        </li>
                        <li>
                            <h4>Prix de vente</h4>
                            <h6>{{ $product->price }}</h6>
                        </li>
                        <li>
                            <h4>Type de vente</h4>
                            <h6>{{ $product->type ?? ' '}}</h6>
                        </li>
                        <li>
                            <h4>Status</h4>
                            <h6>
                                @if($product->status == 1)
                                <span class="badge badge-success">Active</span>
                                @else
                                <span class="badge badge-danger">Supprimer</span>
                                @endif
                            </h6>
                        </li>
                        <li>
                            <h4>Description</h4>
                            <h6>{{ $product->description }}</h6>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-4 col-sm-12">
        <div class="card">
            <div class="card-body">
                <div class="slider-product-details">
                    <div>
                        <div>
                            @if($product->image)
                                <img src="{{ asset('images/products/'. $product->image) }}" alt="image-{{ $product->name }}">
                            @else
                                <img src="{{ asset('assets/img/default.jpg') }}" alt="image défaut">
                            @endif
                            <h4>{{ $product->name }}</h4>
                            <h6>{{ $product->barcode }}</h6>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    function printBarcode() {
        var printContent = document.getElementById('barcode-print-area').innerHTML;
        var originalContent = document.body.innerHTML;

        document.body.innerHTML = printContent;
        window.print();
        document.body.innerHTML = originalContent;
        location.reload();
    }
</script>

@endsection