@extends('garage.layouts.app')

@section('title', 'New warranty claim')

@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-shield-check',
    'title' => 'New warranty claim',
    'subtitle' => $claimNo.' — vendor is set here for receive replacement.',
])
@endsection

@php
    $isDiscountLayout = (old('resolution_type') === 'discount_adjustment');
    $summaryResolution = old('resolution_type', 'wait_replacement');
    $summaryCustomerId = old('customer_ledger_id');
    $summarySaleId = old('garage_sale_id', $prefillSaleId);
    $summaryCustomer = $summaryCustomerId
        ? $customers->firstWhere('id', (int) $summaryCustomerId)
        : null;
    $summarySale = $summarySaleId
        ? $sales->firstWhere('id', (int) $summarySaleId)
        : null;
@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.store') }}" id="claimForm" novalidate>
        @csrf
        <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' => 'New claim',
                'numberLabel' => 'Claim #',
                'numberName' => null,
                'numberValue' => $claimNo,
                'isCreate' => false,
                'dateName' => 'claim_date',
                'dateValue' => old('claim_date', date('Y-m-d')),
                'historyUrl' => route('garage.claims.index'),
                'closeUrl' => route('garage.claims.index'),
                'saveLabel' => 'Save claim',
            ])
        </div>

        <div class="gs-clm-summary-bar" id="claimSummaryBar">
            <div class="gs-clm-summary-item">
                <span class="gs-clm-summary-lbl">Status</span>
                <span class="gs-clm-badge gs-clm-badge--pending">New</span>
            </div>
            <div class="gs-clm-summary-item">
                <span class="gs-clm-summary-lbl">Resolution</span>
                <span id="summaryResolutionBadge">@include('garage.claims.partials.resolution-badge', ['resolution' => $summaryResolution])</span>
            </div>
            <div class="gs-clm-summary-item" id="summaryCustomerWrap" @if(!$summaryCustomer) style="display:none" @endif>
                <span class="gs-clm-summary-lbl">Customer</span>
                <span class="fw-semibold text-dark" id="summaryCustomerText">{{ $summaryCustomer ? \App\Support\GarageLedgerLabel::customer($summaryCustomer) : '' }}</span>
            </div>
            <div class="gs-clm-summary-item" id="summarySaleWrap" @if(!$summarySale) style="display:none" @endif>
                <span class="gs-clm-summary-lbl">Sale</span>
                <span class="gs-clm-code border-0" id="summarySaleText">{{ $summarySale ? $summarySale->sale_number : '' }}</span>
            </div>
        </div>

        <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') == $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" data-placeholder="Select customer first">
                                <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') == $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>
                                <option value="wait_replacement" @selected(old('resolution_type')==='wait_replacement')>Wait replacement</option>
                                <option value="instant_replacement" @selected(old('resolution_type')==='instant_replacement')>Instant replacement</option>
                                <option value="discount_adjustment" @selected(old('resolution_type')==='discount_adjustment')>Discount adjustment</option>
                                <option value="rejected" @selected(old('resolution_type')==='rejected')>Rejected</option>
                            </select>
                        </div>
                        <div class="span-full">
                            <div class="gpo-lbl">Remarks</div>
                            <textarea name="remarks" class="gpo-inp" rows="2" placeholder="Optional">{{ old('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>
                    <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>
                </div>
                <div class="gpo-panel-bd gs-claim-lines-body">
                    <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 load automatically. Vendor auto-fills from purchase history.
                        </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>
                </div>
            </div>
            </div>
        </div>
    </form>
</div>
@endsection

@push('scripts')
@include('garage.partials.parts-catalog-remote-script', ['partsBootstrap' => [], 'partsInStockOnly' => false])
@include('garage.claims.partials.form-scripts', [
    'initialLines' => [],
    'prefillSaleId' => (int) $prefillSaleId,
    'prefillCustomerId' => (int) ($prefillCustomerId ?? 0),
    'syncSummaryBar' => true,
])
@endpush