@extends('garage.layouts.app')

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

@push('styles')
@include('shared.garage-purchase-order-ui-styles')
@include('shared.garage-split-form-ui-styles')
@include('garage.claims.partials.form-page-styles')
<style>.gs-claim-page .gs-ro-btn-save { box-shadow: 0 2px 8px rgba(var(--bs-primary-rgb),.25); }</style>
@endpush

@section('navbar_lead')
@include('garage.partials.split-form-navbar-lead', [
    'icon' => 'bi-pencil-square',
    'title' => 'Edit warranty claim',
    'subtitle' => $claim->claim_no.' — vendor is set here for receive replacement.',
])
@endsection

@php
    $isDiscountLayout = (old('resolution_type', $claim->resolution_type) === 'discount_adjustment');
@endphp

@section('content')
<div class="gpo-page gs-split-form-page gs-ro-page gs-claim-page gs-clm-module container-fluid px-2 px-lg-3 py-2 py-md-3">

    <form method="POST" action="{{ route('garage.claims.update', $claim->id) }}" id="claimForm" novalidate>
        @csrf
        @method('PUT')
        <input type="hidden" name="items" id="itemsJson" value="">

        <div class="gs-claim-top-hd">
            @include('garage.partials.split-form-detail-header', [
                'icon' => 'bi-shield-check',
                'title' => 'Edit claim',
                'numberLabel' => 'Claim #',
                'numberName' => null,
                'numberValue' => $claim->claim_no,
                'isCreate' => false,
                'dateName' => 'claim_date',
                'dateValue' => old('claim_date', $claim->claim_date),
                'historyUrl' => route('garage.claims.show', $claim->id),
                'closeUrl' => route('garage.claims.show', $claim->id),
                'saveLabel' => 'Update claim',
            ])
        </div>

        <div class="gs-clm-summary-bar">
            <div class="gs-clm-summary-item">
                <span class="gs-clm-summary-lbl">Status</span>
                @include('garage.claims.partials.status-badge', ['status' => $claim->status])
            </div>
            <div class="gs-clm-summary-item">
                <span class="gs-clm-summary-lbl">Resolution</span>
                @include('garage.claims.partials.resolution-badge', ['resolution' => $claim->resolution_type])
            </div>
            <div class="gs-clm-summary-item">
                <span class="gs-clm-summary-lbl">Customer</span>
                <span class="fw-semibold text-dark">{{ $claim->customer_name ?? '—' }}</span>
            </div>
            @if($claim->sale_number)
            <div class="gs-clm-summary-item">
                <span class="gs-clm-summary-lbl">Sale</span>
                <span class="gs-clm-code border-0">{{ $claim->sale_number }}</span>
            </div>
            @endif
        </div>

        @if($hasMovements)
        <div class="alert alert-warning py-2 small mb-2">Stock movements exist — only header fields can change. Lines are locked.</div>
        @endif

        <div class="row g-2 gs-claim-body-row {{ $isDiscountLayout ? 'gs-claim-discount-layout' : '' }}">
            <div class="col-12 col-lg-7 gs-claim-col-details">
            <div class="gpo-panel gs-ro-detail-panel gs-claim-detail-panel">
                <div class="gpo-panel-hd"><i class="bi bi-card-text me-1"></i>Claim information</div>
                <div class="gpo-panel-bd gs-ro-detail-bd gs-claim-detail-bd">
                    @if($errors->any())
                    <div class="alert alert-danger py-2 small mb-2">
                        <ul class="mb-0 ps-3">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
                    </div>
                    @endif
                    @if(session('error'))
                    <div class="alert alert-danger py-2 small mb-2">{{ session('error') }}</div>
                    @endif

                    <div class="gs-claim-fields-grid">
                        <div>
                            <div class="gpo-lbl">Customer</div>
                            <select name="customer_ledger_id" id="customerId" class="gpo-sel js-chosen js-chosen-compact" required>
                                <option value="">— Select —</option>
                                @foreach($customers as $c)
                                <option value="{{ $c->id }}" @selected(old('customer_ledger_id', $claim->customer_ledger_id) == $c->id)>{{ \App\Support\GarageLedgerLabel::customer($c) }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div>
                            <div class="gpo-lbl">Sale invoice</div>
                            <select name="garage_sale_id" id="saleId" class="gpo-sel js-chosen js-chosen-compact">
                                <option value="">— Select customer first —</option>
                            </select>
                            <div class="small text-muted mt-1">Shows completed invoices for the selected customer.</div>
                        </div>
                        <div>
                            <div class="gpo-lbl">Vendor <span class="text-muted fw-normal">(auto from part)</span></div>
                            <select name="vendor_ledger_id" id="vendorLedgerId" class="gpo-sel js-chosen js-chosen-compact">
                                <option value="">— None —</option>
                                @foreach($vendors as $v)
                                <option value="{{ $v->id }}" @selected(old('vendor_ledger_id', $claim->vendor_ledger_id) == $v->id)>{{ $v->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div>
                            <div class="gpo-lbl">Resolution</div>
                            <select name="resolution_type" id="resolutionType" class="gpo-sel js-chosen js-chosen-compact" required @disabled(!$canEditLines)>
                                <option value="wait_replacement" @selected(old('resolution_type', $claim->resolution_type)==='wait_replacement')>Wait replacement</option>
                                <option value="instant_replacement" @selected(old('resolution_type', $claim->resolution_type)==='instant_replacement')>Instant replacement</option>
                                <option value="discount_adjustment" @selected(old('resolution_type', $claim->resolution_type)==='discount_adjustment')>Discount adjustment</option>
                                <option value="rejected" @selected(old('resolution_type', $claim->resolution_type)==='rejected')>Rejected</option>
                            </select>
                            @if(!$canEditLines)
                            <input type="hidden" name="resolution_type" value="{{ $claim->resolution_type }}">
                            @endif
                        </div>
                        <div class="span-full">
                            <div class="gpo-lbl">Remarks</div>
                            <textarea name="remarks" class="gpo-inp" rows="2">{{ old('remarks', $claim->remarks) }}</textarea>
                        </div>
                    </div>
                </div>
            </div>
            </div>

            <div class="col-12 col-lg-5 gs-claim-col-lines">
            <div class="gpo-panel gs-claim-lines-panel">
                <div class="gpo-panel-hd d-flex justify-content-between align-items-center flex-wrap gap-2">
                    <span class="fw-semibold"><i class="bi bi-list-ul me-1"></i>Claim lines</span>
                    @if($canEditLines)
                    <div class="d-flex align-items-center gap-2">
                        <span class="badge bg-primary rounded-pill" id="claimLineCount">0</span>
                        <button type="button" class="btn btn-sm btn-primary" id="addLineBtn"><i class="bi bi-plus-lg me-1"></i>Add line</button>
                    </div>
                    @endif
                </div>
                <div class="gpo-panel-bd gs-claim-lines-body">
                    @if($canEditLines)
                    <div class="px-2 pt-2 pb-0">
                        <div class="gs-clm-hint mb-2" id="claimLinesHint">
                            <i class="bi bi-magic me-1"></i><strong>Quick entry:</strong> Customer → sale invoice → parts from that invoice only.
                        </div>
                    </div>
                    <div class="gs-claim-lines-scroll" id="claimLinesScroll">
                        <table class="table table-sm gpo-lines gs-claim-lines-table mb-0 {{ $isDiscountLayout ? 'mode-discount' : '' }}" id="linesTable">
                            <thead>
                                <tr>
                                    <th class="col-part">Part</th>
                                    <th class="col-qty">Qty</th>
                                    <th class="col-serial">Serial</th>
                                    <th class="col-reason">Reason</th>
                                    <th class="disc-col col-num" @if(!$isDiscountLayout) style="display:none" @endif>Adj.</th>
                                    <th class="disc-col col-num" @if(!$isDiscountLayout) style="display:none" @endif>Pay</th>
                                    <th class="col-act"></th>
                                </tr>
                            </thead>
                            <tbody id="linesBody"></tbody>
                        </table>
                    </div>
                    @else
                    <div class="table-responsive p-2">
                        <table class="table table-sm mb-0">
                            <thead class="table-light">
                                <tr><th>Part</th><th>Qty</th><th>Serial</th></tr>
                            </thead>
                            <tbody>
                                @foreach($items as $it)
                                <tr>
                                    <td>{{ $it->part_name }}@if($it->part_code) <span class="text-muted">· {{ $it->part_code }}</span>@endif</td>
                                    <td>{{ $it->qty }}</td>
                                    <td>{{ $it->serial_no ?? '—' }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    @endif
                </div>
            </div>
            </div>
        </div>
    </form>
</div>
@endsection

@if($canEditLines)
@push('scripts')
@include('garage.partials.parts-catalog-remote-script', ['partsBootstrap' => [], 'partsInStockOnly' => false])
@include('garage.claims.partials.form-scripts', [
    'initialLines' => $claimItemsJson,
    'prefillSaleId' => (int) ($prefillSaleId ?? $claim->garage_sale_id ?? 0),
    'prefillCustomerId' => (int) ($prefillCustomerId ?? $claim->customer_ledger_id ?? 0),
])
@endpush
@else
@push('scripts')
<script>
if (window.jQuery && jQuery.fn.chosen) {
    jQuery('#claimForm select.js-chosen-compact').chosen({ width: '100%', search_contains: true, allow_single_deselect: true });
}
</script>
@endpush
@endif