@extends('layouts.app')

@section('title', $product->brand_name)

@php
    $routePrefix = strtolower(auth()->user()->role->name);
    $canEdit     = auth()->user()->hasPermissionName('products.edit');
    $canDelete   = auth()->user()->hasPermissionName('products.delete');
    $canInvoices = auth()->user()->hasPermissionName('invoices.view');
    $statusColors = [
        'Active'             => 'primary',
        'Discontinued'       => 'danger',
        'Under Registration' => 'warning',
    ];
@endphp

@section('content')
    <div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-4">
        <div>
            <div class="d-flex align-items-center gap-2 flex-wrap">
                <h3 class="mb-0">{{ $product->brand_name }}</h3>
                <span class="badge bg-{{ $statusColors[$product->status] ?? 'secondary' }}">{{ $product->status }}</span>
            </div>
            <span class="text-secondary fs-13">Product detail, pricing, and catalogue information.</span>
        </div>
        <div class="d-flex align-items-center gap-2">
            <a href="{{ route($routePrefix . '.products.index') }}" class="btn btn-outline-secondary py-1 px-2 px-sm-4 fs-14 fw-medium rounded-3">
                <span class="py-sm-1 d-block">
                    <i class="ri-arrow-left-line d-none d-sm-inline-block"></i>
                    <span>Back</span>
                </span>
            </a>
            @if($canEdit)
                <a href="{{ route($routePrefix . '.products.edit', $product) }}" class="btn btn-outline-primary py-1 px-2 px-sm-4 fs-14 fw-medium rounded-3">
                    <span class="py-sm-1 d-block">
                        <i class="ri-edit-line d-none d-sm-inline-block"></i>
                        <span>Edit Product</span>
                    </span>
                </a>
            @endif
            @if($canDelete)
                <form action="{{ route($routePrefix . '.products.destroy', $product) }}" method="POST"
                      class="js-confirm-delete d-inline"
                      data-confirm-title="Delete {{ $product->brand_name }}?"
                      data-confirm-text="This action cannot be undone.">
                    @csrf @method('DELETE')
                    <button class="btn btn-outline-danger py-1 px-2 px-sm-4 fs-14 fw-medium rounded-3">
                        <span class="py-sm-1 d-block">
                            <i class="ri-delete-bin-line d-none d-sm-inline-block"></i>
                            <span>Delete</span>
                        </span>
                    </button>
                </form>
            @endif
        </div>
    </div>

    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show">
            {{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    <div class="row">
        {{-- ── Left Column ──────────────────────────────────────────────── --}}
        <div class="col-xxl-8">

            {{-- Product Overview --}}
            <div class="card bg-white border-0 rounded-3 mb-4">
                <div class="card-body p-4">
                    <div class="border-bottom pb-3 mb-4">
                        <h5 class="mb-1">Product Overview</h5>
                        <span class="text-secondary fs-13">Core product, regulatory, and catalogue information.</span>
                    </div>
                    <div class="row g-4">
                        <div class="col-md-6">
                            <span class="text-secondary fs-13 d-block">Brand Name</span>
                            <strong>{{ $product->brand_name }}</strong>
                        </div>
                        <div class="col-md-6">
                            <span class="text-secondary fs-13 d-block">Generic / Composition</span>
                            <strong>{{ $product->composition }}</strong>
                        </div>
                        <div class="col-md-6">
                            <span class="text-secondary fs-13 d-block">Dosage Form</span>
                            <span class="badge bg-light text-primary border">{{ $product->dosage_form }}</span>
                        </div>
                        <div class="col-md-6">
                            <span class="text-secondary fs-13 d-block">Packing Type</span>
                            <strong>{{ $product->packing_type }}</strong>
                        </div>
                        <div class="col-md-6">
                            <span class="text-secondary fs-13 d-block">Pack Size</span>
                            <strong>{{ $product->pack_size ?? '—' }}</strong>
                        </div>
                        <div class="col-md-6">
                            <span class="text-secondary fs-13 d-block">Therapeutic Category</span>
                            <strong>{{ $product->therapeutic_category ?? '—' }}</strong>
                        </div>
                        <div class="col-md-6">
                            <span class="text-secondary fs-13 d-block">HSN Code</span>
                            <span class="font-monospace">{{ $product->hsn_code }}</span>
                        </div>
                        <div class="col-md-6">
                            <span class="text-secondary fs-13 d-block">Dossier / Documents</span>
                            @if($product->dossier)
                                <a href="{{ asset('storage/' . $product->dossier) }}" target="_blank" class="btn btn-sm btn-outline-secondary">
                                    <i class="ri-file-download-line"></i> Download / View
                                </a>
                            @else
                                <span class="text-muted">—</span>
                            @endif
                        </div>
                        <div class="col-md-6">
                            <span class="text-secondary fs-13 d-block">Status</span>
                            <span class="badge bg-{{ $statusColors[$product->status] ?? 'secondary' }}">{{ $product->status }}</span>
                        </div>
                        <div class="col-md-6">
                            <span class="text-secondary fs-13 d-block">Added On</span>
                            <strong>{{ $product->created_at->format('d M Y') }}</strong>
                        </div>
                    </div>
                </div>
            </div>

            {{-- ── Linked Records ──────────────────────────────────────── --}}
            @if($canInvoices)
                @php
                    $invoiceStatusColors = [
                        'Draft'          => 'secondary',
                        'Sent'           => 'info',
                        'Paid'           => 'success',
                        'Partially Paid' => 'warning',
                        'Overdue'        => 'danger',
                        'Cancelled'      => 'dark',
                    ];

                    // Summary stats across all invoice items for this product
                    $totalQtySold   = $linkedInvoices->sum('pivot_quantity');
                    $totalRevenue   = $linkedInvoices->sum('pivot_total');
                    $paidRevenue    = $linkedInvoices
                                        ->where('invoice_status', 'Paid')
                                        ->sum('pivot_total');
                @endphp

                {{-- Sales Summary Cards --}}
                <div class="row g-4 mb-4">
                    <div class="col-sm-4">
                        <div class="card bg-white border-0 rounded-3">
                            <div class="card-body p-4">
                                <div class="text-secondary fs-13 mb-1">Total Units Sold</div>
                                <div class="fs-24 fw-bold text-primary">{{ number_format($totalQtySold) }}</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="card bg-white border-0 rounded-3">
                            <div class="card-body p-4">
                                <div class="text-secondary fs-13 mb-1">Total Invoiced</div>
                                <div class="fs-24 fw-bold text-dark">₹{{ number_format($totalRevenue, 2) }}</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="card bg-white border-0 rounded-3">
                            <div class="card-body p-4">
                                <div class="text-secondary fs-13 mb-1">Paid Revenue</div>
                                <div class="fs-24 fw-bold text-success">₹{{ number_format($paidRevenue, 2) }}</div>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Invoice Lines Table --}}
                <div class="card bg-white border-0 rounded-3 mb-4">
                    <div class="card-body p-4">
                        <div class="border-bottom pb-3 mb-4 d-flex justify-content-between align-items-center">
                            <div>
                                <h5 class="mb-1">Linked Invoices</h5>
                                <span class="text-secondary fs-13">Invoices where this product appears as a line item.</span>
                            </div>
                            <span class="badge bg-info fs-13">
                                {{ $linkedInvoices->count() }} invoice{{ $linkedInvoices->count() !== 1 ? 's' : '' }}
                            </span>
                        </div>

                        @if($linkedInvoices->isEmpty())
                            <div class="text-center py-4">
                                <span class="material-symbols-outlined fs-48 text-muted d-block mb-2">receipt_long</span>
                                <p class="text-muted mb-0">This product has not appeared on any invoice yet.</p>
                            </div>
                        @else
                            <div class="default-table-area style-three default-table-width">
                                <div class="table-responsive">
                                    <table class="table align-middle">
                                        <thead class="table-light">
                                        <tr>
                                            <th>Invoice No.</th>
                                            <th>Customer</th>
                                            <th>Date</th>
                                            <th class="text-center">Qty</th>
                                            <th class="text-end">Unit Price</th>
                                            <th class="text-end">Line Total</th>
                                            <th>Status</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($linkedInvoices as $inv)
                                            <tr>
                                                <td>
                                                    <a href="{{ route($routePrefix . '.invoices.show', $inv->invoice_id) }}"
                                                       class="fw-semibold text-primary">
                                                        {{ $inv->invoice_number }}
                                                    </a>
                                                </td>
                                                <td>{{ $inv->customer_name }}</td>
                                                <td class="text-secondary">
                                                    {{ \Carbon\Carbon::parse($inv->invoice_date)->format('d M Y') }}
                                                </td>
                                                <td class="text-center">
                                                    <span class="badge bg-light text-dark border">
                                                        {{ $inv->pivot_quantity }}
                                                    </span>
                                                </td>
                                                <td class="text-end">₹{{ number_format($inv->pivot_price, 2) }}</td>
                                                <td class="text-end fw-semibold">₹{{ number_format($inv->pivot_total, 2) }}</td>
                                                <td>
                                                    <span class="badge bg-{{ $invoiceStatusColors[$inv->invoice_status] ?? 'secondary' }}">
                                                        {{ $inv->invoice_status }}
                                                    </span>
                                                </td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                        <tfoot>
                                        <tr>
                                            <td colspan="3" class="fw-semibold text-end text-secondary">Totals</td>
                                            <td class="text-center fw-bold">{{ number_format($totalQtySold) }}</td>
                                            <td></td>
                                            <td class="text-end fw-bold">₹{{ number_format($totalRevenue, 2) }}</td>
                                            <td></td>
                                        </tr>
                                        </tfoot>
                                    </table>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>

            @else
                {{-- User has no invoice permission — show placeholder --}}
                <div class="card bg-white border-0 rounded-3 mb-4">
                    <div class="card-body p-4">
                        <div class="border-bottom pb-3 mb-4">
                            <h5 class="mb-1">Linked Records</h5>
                            <span class="text-secondary fs-13">Invoices linked to this product.</span>
                        </div>
                        <p class="text-muted mb-0">You do not have permission to view invoice records.</p>
                    </div>
                </div>
            @endif

        </div>

        {{-- ── Right Column ─────────────────────────────────────────────── --}}
        <div class="col-xxl-4">

            {{-- Pricing & Tax --}}
            <div class="card bg-white border-0 rounded-3 mb-4">
                <div class="card-body p-4">
                    <div class="border-bottom pb-3 mb-4">
                        <h5 class="mb-1">Pricing & Tax</h5>
                        <span class="text-secondary fs-13">MRP, GST, and price breakdown.</span>
                    </div>
                    <div class="mb-4 text-center py-3 rounded-3" style="background:#f8faff">
                        <div class="text-secondary small mb-1">MRP (excl. GST)</div>
                        <div class="fs-28 fw-bold text-primary">₹{{ number_format($product->mrp, 2) }}</div>
                    </div>
                    <div class="d-flex justify-content-between align-items-center py-2 border-bottom">
                        <span class="text-secondary">GST Rate</span>
                        <span class="badge bg-warning text-dark fw-semibold px-3 py-1">
                            {{ $product->gst_rate }}%
                        </span>
                    </div>
                    <div class="d-flex justify-content-between align-items-center py-2 border-bottom">
                        <span class="text-secondary">GST Amount</span>
                        <span class="fw-semibold">₹{{ number_format($product->mrp * $product->gst_rate / 100, 2) }}</span>
                    </div>
                    <div class="d-flex justify-content-between align-items-center py-2">
                        <span class="fw-semibold">Price incl. GST</span>
                        <span class="fw-bold text-success fs-16">
                            ₹{{ number_format($product->mrp * (1 + $product->gst_rate / 100), 2) }}
                        </span>
                    </div>
                </div>
            </div>

            {{-- Price History --}}
            <div class="card bg-white border-0 rounded-3 mb-4">
                <div class="card-body p-4">
                    <div class="border-bottom pb-3 mb-4">
                        <h5 class="mb-1">Price History</h5>
                        <span class="text-secondary fs-13">Recent changes to product MRP.</span>
                    </div>

                    @if($product->priceHistories->isEmpty())
                        <div class="text-muted">No price history available.</div>
                    @else
                        <ul class="list-unstyled mb-0">
                            @foreach($product->priceHistories->sortByDesc('created_at')->take(10) as $h)
                                <li class="d-flex justify-content-between py-2 border-bottom">
                                    <div>
                                        <div class="fw-semibold">₹{{ number_format($h->new_price, 2) }}</div>
                                        <div class="text-secondary small">
                                            {{ $h->created_at->format('d M Y H:i') }}
                                            @if($h->user) · {{ $h->user->name }} @endif
                                        </div>
                                    </div>
                                    <div class="text-end text-secondary small">
                                        @if(!is_null($h->old_price))
                                            <div>Was ₹{{ number_format($h->old_price, 2) }}</div>
                                            @php
                                                $diff = $h->new_price - $h->old_price;
                                            @endphp
                                            <div class="{{ $diff > 0 ? 'text-danger' : 'text-success' }} fw-semibold">
                                                {{ $diff > 0 ? '+' : '' }}₹{{ number_format($diff, 2) }}
                                            </div>
                                        @else
                                            <div class="text-muted">Initial price</div>
                                        @endif
                                    </div>
                                </li>
                            @endforeach
                        </ul>
                    @endif
                </div>
            </div>

        </div>
    </div>
@endsection