@extends('layouts.app')
@section('title', 'Warranty Detail')
@section('breadcrumb')
<li class="breadcrumb-item"><a href="{{ route('warranty.index') }}">Warranty</a></li>
<li class="breadcrumb-item active">Detail</li>
@endsection
@section('content')

@php
$daysLeft = $warranty->days_remaining;
$isActive = $warranty->is_active;
$sc = ['active'=>'success','expired'=>'danger','claimed'=>'warning','void'=>'secondary'];
@endphp

<div class="page-header d-flex justify-content-between align-items-start">
    <div>
        <h1 class="page-title"><i class="bi bi-shield-check me-2"></i>Warranty Detail</h1>
        <div class="d-flex gap-2 mt-1">
            <span class="badge bg-{{ $sc[$warranty->status] ?? 'secondary' }}" style="font-size:.875rem;">{{ ucfirst($warranty->status) }}</span>
            @if($isActive)
                @if($daysLeft <= 30)
                <span class="badge bg-warning text-dark">{{ $daysLeft }} days remaining</span>
                @else
                <span class="badge bg-success">{{ $daysLeft }} days remaining</span>
                @endif
            @endif
        </div>
    </div>
    <div class="d-flex gap-2">
        @can_permission('warranty.claim')
        @if($warranty->status === 'active' && $isActive)
        <button class="btn btn-outline-warning btn-sm" data-bs-toggle="modal" data-bs-target="#claimModal">
            <i class="bi bi-shield-exclamation me-1"></i> Submit Claim
        </button>
        @endif
        @endcan_permission
    </div>
</div>

{{-- Status Banner --}}
<div class="mb-3 p-3 rounded" style="background:{{ $isActive ? '#d1fae5' : '#fee2e2' }};border-left:4px solid {{ $isActive ? '#059669' : '#dc2626' }};">
    <div class="d-flex justify-content-between align-items-center flex-wrap gap-2">
        <div>
            <div style="font-size:.75rem;font-weight:700;text-transform:uppercase;color:{{ $isActive ? '#065f46' : '#7f1d1d' }};letter-spacing:.08em;">
                Warranty {{ ucfirst($warranty->status) }}
            </div>
            <div style="font-size:1rem;font-weight:700;color:{{ $isActive ? '#065f46' : '#7f1d1d' }};">
                {{ $warranty->start_date->format('d M Y') }} — {{ $warranty->end_date->format('d M Y') }}
            </div>
        </div>
        @if($isActive)
        <div style="font-size:2rem;font-weight:900;color:#059669;">{{ $daysLeft }} <span style="font-size:.875rem;font-weight:500;">days left</span></div>
        @endif
    </div>
</div>

<div class="row g-3">
    <div class="col-12 col-md-6">

        {{-- Customer --}}
        <div class="card mb-3">
            <div class="card-header"><i class="bi bi-person me-2"></i>Customer</div>
            <div class="card-body p-0">
                @if($warranty->customer)
                <table class="table table-sm mb-0" style="font-size:.875rem;">
                    <tr><td class="text-muted" style="width:35%;">Name</td><td class="fw-600">{{ $warranty->customer->name }}</td></tr>
                    <tr><td class="text-muted">Phone</td><td>{{ $warranty->customer->phone ?? '—' }}</td></tr>
                    <tr><td class="text-muted">Email</td><td>{{ $warranty->customer->email ?? '—' }}</td></tr>
                </table>
                @else
                <div class="p-3 text-muted">No customer linked</div>
                @endif
            </div>
        </div>

        {{-- Product --}}
        <div class="card mb-3">
            <div class="card-header"><i class="bi bi-box-seam me-2"></i>Product</div>
            <div class="card-body p-0">
                <table class="table table-sm mb-0" style="font-size:.875rem;">
                    <tr><td class="text-muted" style="width:35%;">Product</td><td class="fw-600">{{ $warranty->saleItem?->productVariant?->product?->name ?? '—' }}</td></tr>
                    <tr><td class="text-muted">Variant</td><td>{{ $warranty->saleItem?->productVariant?->variant_name ?? '—' }}</td></tr>
                    <tr><td class="text-muted">Brand</td><td>{{ $warranty->saleItem?->productVariant?->product?->brand?->name ?? '—' }}</td></tr>
                    <tr><td class="text-muted">SKU</td><td><code style="font-size:.78rem;">{{ $warranty->saleItem?->productVariant?->sku ?? '—' }}</code></td></tr>
                </table>
            </div>
        </div>

    </div>

    <div class="col-12 col-md-6">

        {{-- Serial Number --}}
        <div class="card mb-3">
            <div class="card-header"><i class="bi bi-upc-scan me-2"></i>Serial Number</div>
            <div class="card-body p-0">
                @if($warranty->serialNumber)
                <table class="table table-sm mb-0" style="font-size:.875rem;">
                    <tr><td class="text-muted" style="width:35%;">Serial No.</td>
                        <td>
                            <a href="{{ route('serials.show', $warranty->serialNumber) }}" style="font-family:monospace;font-weight:700;color:#1d4ed8;text-decoration:none;font-size:.9rem;">
                                {{ $warranty->serialNumber->serial_no }}
                            </a>
                        </td>
                    </tr>
                    <tr><td class="text-muted">Status</td><td>
                        @php $ss=['in_stock'=>'success','sold'=>'primary','returned'=>'warning','damaged'=>'danger','warranty_claim'=>'info']; @endphp
                        <span class="badge bg-{{ $ss[$warranty->serialNumber->status] ?? 'secondary' }}" style="font-size:.72rem;">{{ ucfirst(str_replace('_',' ',$warranty->serialNumber->status)) }}</span>
                    </td></tr>
                </table>
                @else
                <div class="p-3 text-muted" style="font-size:.875rem;"><i class="bi bi-info-circle me-1"></i>This is a non-serial warranty (no serial number tracking)</div>
                @endif
            </div>
        </div>

        {{-- Sale --}}
        <div class="card mb-3">
            <div class="card-header"><i class="bi bi-receipt me-2"></i>Sale Details</div>
            <div class="card-body p-0">
                @if($warranty->saleItem?->sale)
                <table class="table table-sm mb-0" style="font-size:.875rem;">
                    <tr><td class="text-muted" style="width:35%;">Invoice</td>
                        <td><a href="{{ route('sales.show', $warranty->saleItem->sale) }}" style="font-family:monospace;color:#059669;font-weight:600;text-decoration:none;">{{ $warranty->saleItem->sale->invoice_no }}</a></td>
                    </tr>
                    <tr><td class="text-muted">Sale Date</td><td>{{ $warranty->saleItem->sale->sale_date->format('d M Y') }}</td></tr>
                    <tr><td class="text-muted">Sale Price</td><td>৳{{ number_format($warranty->saleItem->unit_price, 2) }}</td></tr>
                </table>
                @else
                <div class="p-3 text-muted">No sale linked</div>
                @endif
            </div>
        </div>

        {{-- Notes --}}
        @if($warranty->notes)
        <div class="card">
            <div class="card-header"><i class="bi bi-sticky me-2"></i>Notes</div>
            <div class="card-body" style="font-size:.875rem;">{{ $warranty->notes }}</div>
        </div>
        @endif

    </div>
</div>

{{-- Claim Modal --}}
@can_permission('warranty.claim')
<div class="modal fade" id="claimModal" tabindex="-1">
    <div class="modal-dialog"><div class="modal-content" style="border-radius:14px;border:none;">
        <form method="POST" action="{{ route('warranty.claim', $warranty) }}">
            @csrf
            <div class="modal-header border-0 pb-0">
                <h5 class="modal-title"><i class="bi bi-shield-exclamation me-2"></i>Submit Warranty Claim</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="alert alert-info" style="font-size:.875rem;">
                    <i class="bi bi-info-circle me-2"></i>
                    Submitting a claim will change the warranty status to <strong>Claimed</strong> and mark the serial number as <strong>Warranty Claim</strong>.
                </div>
                <div class="mb-3">
                    <label class="form-label fw-semibold">Claim Description <span class="text-danger">*</span></label>
                    <textarea name="claim_notes" class="form-control" rows="4" required minlength="10"
                              placeholder="Describe the issue in detail. What problem is the customer reporting? When did it start?"></textarea>
                    <small class="text-muted">Minimum 10 characters required</small>
                </div>
            </div>
            <div class="modal-footer border-0">
                <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-warning"><i class="bi bi-check-circle me-1"></i>Submit Claim</button>
            </div>
        </form>
    </div></div>
</div>
@endcan_permission

@endsection