@extends('garage.layouts.app')

@section('title', 'Claim '.$claim->claim_no)

@push('styles')
@include('garage.claims.partials.show-page-styles')
@endpush

@section('content')
@php
    $canApprove = !in_array($claim->status, ['approved','rejected','closed','replacement_issued'], true) && $claim->resolution_type !== 'rejected';
    $canMarkReceived = $claim->status === 'pending';
    $canReject = !in_array($claim->status, ['rejected','closed'], true);
    $showWorkflow = $canApprove || $canMarkReceived || $canReject;
@endphp

<div class="container-fluid px-2 px-lg-3 py-2 py-md-3 gs-clm-module gs-clm-show">

    {{-- Header --}}
    <div class="gs-clm-panel gs-clm-show-hd mb-3">
        <div class="gs-clm-show-hd-row">
            <div class="gs-clm-show-hd-left">
                <a href="{{ route('garage.claims.index') }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-arrow-left me-1"></i>Claims</a>
                <div>
                    <h1 class="gs-clm-show-title"><span class="gs-clm-code border-0 bg-transparent p-0">{{ $claim->claim_no }}</span></h1>
                    <div class="gs-clm-show-meta">
                        <span>{{ $claim->claim_date }}</span>
                        <span class="meta-sep">·</span>
                        <span>{{ $claim->customer_name }}</span>
                        @if($claim->sale_number)
                        <span class="meta-sep">·</span>
                        <span>{{ $claim->sale_number }}</span>
                        @endif
                    </div>
                </div>
                <div class="gs-clm-show-badges">
                    @include('garage.claims.partials.status-badge', ['status' => $claim->status])
                    @include('garage.claims.partials.resolution-badge', ['resolution' => $claim->resolution_type])
                </div>
            </div>
            @if($canEdit || $canDelete)
            <div class="gs-clm-show-hd-actions">
                @include('garage.claims.partials.actions-dropdown', [
                    'variant' => 'header',
                    'claimId' => $claim->id,
                    'claimNo' => $claim->claim_no,
                    'canEdit' => $canEdit,
                    'canDelete' => $canDelete,
                    'showOpen' => false,
                ])
            </div>
            @endif
        </div>
    </div>

    @if(session('error'))
    <div class="alert alert-danger py-2 small mb-3">{{ session('error') }}</div>
    @endif

    <div class="row g-3">
        {{-- Main column --}}
        <div class="col-lg-8">
            <div class="gs-clm-panel mb-3">
                <div class="gs-clm-panel-hd"><i class="bi bi-card-text me-1"></i>Claim information</div>
                <div class="gs-clm-info-grid">
                    <div class="gs-clm-info-cell">
                        <div class="gs-clm-info-lbl">Customer</div>
                        <div class="gs-clm-info-val fw-semibold">{{ $claim->customer_name ?? '—' }}</div>
                    </div>
                    <div class="gs-clm-info-cell">
                        <div class="gs-clm-info-lbl">Linked sale</div>
                        <div class="gs-clm-info-val">{{ $claim->sale_number ?? '—' }}</div>
                    </div>
                    <div class="gs-clm-info-cell">
                        <div class="gs-clm-info-lbl">Warranty vendor</div>
                        <div class="gs-clm-info-val">
                            @if($claim->vendor_name)
                                {{ $claim->vendor_name }}
                            @else
                                <span class="text-warning fw-semibold">Not set</span>
                                @if($canEdit)
                                <a href="{{ route('garage.claims.edit', $claim->id) }}" class="small d-block mt-1">Edit claim to add</a>
                                @endif
                            @endif
                        </div>
                    </div>
                    <div class="gs-clm-info-cell">
                        <div class="gs-clm-info-lbl">Resolution</div>
                        <div class="gs-clm-info-val">@include('garage.claims.partials.resolution-badge', ['resolution' => $claim->resolution_type])</div>
                    </div>
                </div>
                @if($hasMovements || $claim->remarks)
                <div class="px-3 py-2 small border-top bg-light">
                    @if($hasMovements)
                    <span class="badge bg-warning text-dark me-2">Stock movements — header-only edits</span>
                    @endif
                    @if($claim->remarks)
                    <span class="text-muted">Remarks:</span> {{ $claim->remarks }}
                    @endif
                </div>
                @endif
            </div>

            @if($vouchers->isNotEmpty())
            <div class="gs-clm-panel mb-3">
                <div class="gs-clm-panel-hd"><i class="bi bi-journal-text me-1"></i>Accounting vouchers</div>
                <div class="px-3 py-2 small">
                    @foreach($vouchers as $v)
                    <div class="d-flex flex-wrap align-items-center gap-2 py-1">
                        <a href="{{ route('garage.vouchers.show', $v->id) }}" class="fw-semibold text-decoration-none">
                            {{ $v->reference_no ?? 'Voucher #'.$v->id }}
                        </a>
                        <span class="text-muted">{{ $v->voucher_date }} · {{ $v->status }}</span>
                        <span class="badge bg-light text-dark border">Discount settlement</span>
                    </div>
                    @endforeach
                </div>
            </div>
            @endif

            <div class="gs-clm-panel">
                <div class="gs-clm-panel-hd"><i class="bi bi-list-ul me-1"></i>Claim lines</div>
                <div class="table-responsive">
                    <table class="table gs-clm-lines-table mb-0">
                        <thead>
                            <tr>
                                <th>Part</th>
                                <th class="col-qty text-end">Qty</th>
                                <th class="col-serial">Serial</th>
                                <th class="col-status">Status</th>
                                <th class="col-movements">Movements</th>
                                <th class="col-actions text-end">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($items as $it)
                            <tr>
                                <td>
                                    <div class="fw-semibold">{{ $it->part_name }}</div>
                                    @if($it->claim_reason)<div class="small text-muted">{{ $it->claim_reason }}</div>@endif
                                </td>
                                <td class="col-qty text-end">{{ number_format((float)$it->qty, 2) }}</td>
                                <td class="col-serial text-muted">{{ $it->serial_no ?? '—' }}</td>
                                <td class="col-status">@include('garage.claims.partials.status-badge', ['status' => $it->status])</td>
                                <td class="col-movements">
                                    @if($it->replacement_purchase_invoice_id)
                                        <div>↗ {{ $it->replacement_bill_number ?? '#'.$it->replacement_purchase_invoice_id }}</div>
                                    @endif
                                    @if($it->replacement_sale_id)
                                        <div>↘ {{ $it->replacement_sale_number ?? '#'.$it->replacement_sale_id }}</div>
                                    @endif
                                    @if($it->settlement_sale_id)
                                        <div>Sale {{ $it->settlement_sale_number ?? '#'.$it->settlement_sale_id }}</div>
                                    @endif
                                    @if($it->settlement_voucher_id)
                                        <div><a href="{{ route('garage.vouchers.show', $it->settlement_voucher_id) }}">Voucher #{{ $it->settlement_voucher_id }}</a></div>
                                    @endif
                                    @if(!$it->replacement_purchase_invoice_id && !$it->replacement_sale_id && !$it->settlement_sale_id && !$it->settlement_voucher_id)
                                        —
                                    @endif
                                </td>
                                <td class="col-actions text-end" data-no-auto-actions="1">
                                    @include('garage.claims.partials.line-actions-dropdown', ['claim' => $claim, 'item' => $it])
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        {{-- Sidebar --}}
        <div class="col-lg-4 gs-clm-sidebar">
            @if($showWorkflow)
            <div class="gs-clm-panel mb-3">
                <div class="gs-clm-panel-hd"><i class="bi bi-lightning-charge me-1"></i>Workflow</div>
                <div class="gs-clm-workflow-bar">
                    @if($canApprove || $canMarkReceived)
                    <div class="gs-clm-workflow-primary">
                        @if($canApprove)
                        <form method="POST" action="{{ route('garage.claims.approve', $claim->id) }}">@csrf
                            <button type="submit" class="btn btn-sm btn-success w-100">Approve claim</button>
                        </form>
                        @endif
                        @if($canMarkReceived)
                        <form method="POST" action="{{ route('garage.claims.mark-received', $claim->id) }}">@csrf
                            <button type="submit" class="btn btn-sm btn-outline-primary w-100">Mark received from customer</button>
                        </form>
                        @endif
                    </div>
                    @endif
                    @if($canReject)
                    <form method="POST" action="{{ route('garage.claims.reject', $claim->id) }}" class="gs-clm-reject-form" onsubmit="return confirm('Reject this claim?');">
                        @csrf
                        <input type="text" name="remarks" class="form-control form-control-sm" placeholder="Reject reason…">
                        <button type="submit" class="btn btn-sm btn-outline-danger">Reject</button>
                    </form>
                    @endif
                </div>
            </div>
            @endif

            @include('garage.claims.partials.flow-guide')
        </div>
    </div>
</div>
@endsection