@extends('layouts.app')
@section('title', 'PC Build — ' . $build->build_no)

@section('breadcrumb')
<li class="breadcrumb-item"><a href="{{ route('pc-builder.index') }}">PC Builder</a></li>
<li class="breadcrumb-item active">{{ $build->build_no }}</li>
@endsection

@section('content')

<div class="page-header d-flex justify-content-between align-items-center">
    <div>
        <h1 class="page-title"><i class="bi bi-cpu me-2" style="color:#1d4ed8;"></i>{{ $build->build_no }}</h1>
        <p class="page-subtitle">{{ $build->build_name ?? 'PC Build' }}</p>
    </div>
    <div class="d-flex gap-2">
        @can_permission('pc_builder.edit')
        @if(!in_array($build->status, ['sold','cancelled']))
        <a href="{{ route('pc-builder.edit', $build) }}" class="btn btn-outline-warning">
            <i class="bi bi-pencil me-1"></i>Edit
        </a>
        @endif
        @endcan_permission
        <a href="{{ route('pc-builder.index') }}" class="btn btn-outline-secondary">
            <i class="bi bi-arrow-left me-1"></i>Back
        </a>
    </div>
</div>

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show"><i class="bi bi-check-circle me-1"></i>{{ session('success') }}<button type="button" class="btn-close" data-bs-dismiss="alert"></button></div>
@endif
@if(session('error'))
<div class="alert alert-danger alert-dismissible fade show"><i class="bi bi-x-circle me-1"></i>{{ session('error') }}<button type="button" class="btn-close" data-bs-dismiss="alert"></button></div>
@endif

<div class="row g-3">

    {{-- Left: Customer + Status --}}
    <div class="col-12 col-lg-4">
        <div class="card mb-3">
            <div class="card-header fw-600">Build Details</div>
            <div class="card-body">
                <table class="table table-sm mb-0">
                    <tr>
                        <td class="text-muted">Customer</td>
                        <td class="text-end fw-semibold">
                            {{ $build->customer?->name ?? $build->customer_name ?? 'Walk-in' }}
                        </td>
                    </tr>
                    @if($build->customer_phone || $build->customer?->phone)
                    <tr>
                        <td class="text-muted">Phone</td>
                        <td class="text-end">{{ $build->customer?->phone ?? $build->customer_phone }}</td>
                    </tr>
                    @endif
                    <tr>
                        <td class="text-muted">Status</td>
                        <td class="text-end">
                            @php
                                $badge = match($build->status) {
                                    'draft'     => 'secondary',
                                    'quoted'    => 'info',
                                    'confirmed' => 'primary',
                                    'built'     => 'warning',
                                    'sold'      => 'success',
                                    'cancelled' => 'danger',
                                    default     => 'secondary',
                                };
                            @endphp
                            <span class="badge bg-{{ $badge }}">{{ ucfirst($build->status) }}</span>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-muted">Created By</td>
                        <td class="text-end">{{ $build->creator?->name ?? '—' }}</td>
                    </tr>
                    <tr>
                        <td class="text-muted">Date</td>
                        <td class="text-end">{{ $build->created_at->format('d M Y, h:i A') }}</td>
                    </tr>
                </table>
                @if($build->notes)
                <hr>
                <div class="text-muted" style="font-size:.85rem;">
                    <strong>Notes:</strong> {{ $build->notes }}
                </div>
                @endif
            </div>
        </div>

        {{-- Price Summary --}}
        <div class="card">
            <div class="card-header fw-600"><i class="bi bi-calculator me-2"></i>Price Summary</div>
            <div class="card-body">
                <table class="table table-sm mb-0">
                    <tr>
                        <td class="text-muted">Total Cost</td>
                        <td class="text-end fw-semibold">৳{{ number_format($build->total_cost_price, 2) }}</td>
                    </tr>
                    <tr>
                        <td class="text-muted">Selling Price</td>
                        <td class="text-end fw-semibold text-primary">৳{{ number_format($build->total_selling_price, 2) }}</td>
                    </tr>
                    <tr>
                        <td class="text-muted">Discount</td>
                        <td class="text-end text-danger">−৳{{ number_format($build->discount, 2) }}</td>
                    </tr>
                    <tr class="border-top">
                        <td class="fw-bold">Final Price</td>
                        <td class="text-end fw-bold text-success fs-5">৳{{ number_format($build->final_price, 2) }}</td>
                    </tr>
                    <tr>
                        <td class="text-muted">Profit</td>
                        <td class="text-end fw-semibold {{ $build->total_profit >= 0 ? 'text-success' : 'text-danger' }}">
                            ৳{{ number_format($build->total_profit, 2) }}
                        </td>
                    </tr>
                    <tr>
                        <td class="text-muted">Margin</td>
                        <td class="text-end">
                            {{ $build->total_selling_price > 0 ? number_format(($build->total_profit / $build->total_selling_price) * 100, 1) : 0 }}%
                        </td>
                    </tr>
                </table>

                @if($build->status === 'sold' && $build->convertedSale)
                <hr>
                <a href="{{ route('sales.show', $build->convertedSale) }}" class="btn btn-sm btn-outline-success w-100">
                    <i class="bi bi-receipt me-1"></i>View Linked Sale
                </a>
                @endif

                @if($build->status === 'quoted' && $build->convertedQuotation)
                <hr>
                <a href="{{ route('quotations.show', $build->convertedQuotation) }}" class="btn btn-sm btn-outline-info w-100">
                    <i class="bi bi-file-text me-1"></i>View Linked Quotation
                </a>
                @endif
            </div>
        </div>
    </div>

    {{-- Right: Components List --}}
    <div class="col-12 col-lg-8">
        <div class="card">
            <div class="card-header fw-600"><i class="bi bi-motherboard me-2"></i>Components</div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Type</th>
                                <th>Component</th>
                                <th>Serial No</th>
                                <th class="text-center">Qty</th>
                                <th class="text-end">Cost</th>
                                <th class="text-end">Selling</th>
                                <th class="text-end">Profit</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($build->items as $item)
                            <tr>
                                <td>
                                    <span class="badge bg-secondary">{{ $componentTypes[$item->component_type] ?? ucfirst($item->component_type) }}</span>
                                </td>
                                <td class="fw-semibold">
                                    {{ $item->component_name }}
                                    @if($item->productVariant)
                                    <div class="text-muted" style="font-size:.75rem;">SKU: {{ $item->productVariant->sku }}</div>
                                    @endif
                                </td>
                                <td class="text-muted" style="font-size:.82rem;">{{ $item->serial_no ?? '—' }}</td>
                                <td class="text-center">{{ $item->qty }}</td>
                                <td class="text-end">৳{{ number_format($item->total_cost_price, 2) }}</td>
                                <td class="text-end fw-semibold">৳{{ number_format($item->total_selling_price, 2) }}</td>
                                <td class="text-end {{ $item->profit >= 0 ? 'text-success' : 'text-danger' }}">
                                    ৳{{ number_format($item->profit, 2) }}
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                        <tfoot class="table-light fw-bold">
                            <tr>
                                <td colspan="4" class="text-end">Total</td>
                                <td class="text-end">৳{{ number_format($build->total_cost_price, 2) }}</td>
                                <td class="text-end">৳{{ number_format($build->total_selling_price, 2) }}</td>
                                <td class="text-end {{ $build->total_profit >= 0 ? 'text-success' : 'text-danger' }}">
                                    ৳{{ number_format($build->total_profit, 2) }}
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection