@props([
    'basePrice' => 0,
    'margin' => 0,
    'finalPrice' => 0,
    'showMargin' => true,
    'compact' => false
])

@php
$formatPrice = function($price) {
    return 'Rp ' . number_format($price, 0, ',', '.');
};
@endphp

@if($compact)
<div class="d-flex align-items-center gap-2">
    <span class="text-muted small">{{ $formatPrice($basePrice) }}</span>
    @if($showMargin && $margin > 0)
    <i class="ti ti-plus text-muted small"></i>
    <span class="text-info small" data-bs-toggle="tooltip" title="Margin Reseller">{{ $formatPrice($margin) }}</span>
    <i class="ti ti-arrow-right text-muted small"></i>
    @endif
    <span class="fw-bold text-success">{{ $formatPrice($finalPrice) }}</span>
</div>
@else
<div class="card border-0 bg-light">
    <div class="card-body p-3">
        <div class="d-flex justify-content-between align-items-center mb-2">
            <span class="text-muted small">Harga Dasar</span>
            <span class="fw-medium">{{ $formatPrice($basePrice) }}</span>
        </div>
        @if($showMargin)
        <div class="d-flex justify-content-between align-items-center mb-2">
            <span class="text-muted small d-flex align-items-center gap-1">
                Margin
                <i class="ti ti-info-circle" data-bs-toggle="tooltip" title="Keuntungan reseller yang ditambahkan ke harga dasar"></i>
            </span>
            <span class="fw-medium text-info">+ {{ $formatPrice($margin) }}</span>
        </div>
        @endif
        <hr class="my-2">
        <div class="d-flex justify-content-between align-items-center">
            <span class="fw-semibold">Total Harga</span>
            <span class="fw-bold text-success fs-5">{{ $formatPrice($finalPrice) }}</span>
        </div>
    </div>
</div>
@endif