@extends('layouts.app')
@section('title', 'Detail Order Servis')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('service-orders.index') }}">Order Servis</a></li>
    <li class="breadcrumb-item active">{{ $serviceOrder->order_number }}</li>
@endsection
@section('content')
<div class="page-header d-flex justify-content-between align-items-center flex-wrap gap-2">
    <div>
        <h4 class="mb-0"><i class="bi bi-clipboard-check me-2 text-primary"></i>{{ $serviceOrder->order_number }}
            @if($serviceOrder->is_rerepair)
                <span class="badge bg-danger-subtle text-danger ms-1" title="Order ini adalah servis ulang"><i class="bi bi-arrow-counterclockwise"></i> Re-repair</span>
            @endif
        </h4>
        <div class="d-flex gap-1 flex-wrap mt-1">
            <span class="badge fs-6" style="background:{{ match($serviceOrder->status) { 'pending' => '#fef3c7', 'diagnosa' => '#dbeafe', 'proses' => '#dcfce7', 'menunggu_part' => '#fee2e2', 'selesai' => '#d1fae5', 'diambil' => '#e0e7ff', default => '#f3f4f6' } }};color:{{ match($serviceOrder->status) { 'pending' => '#92400e', 'diagnosa' => '#1e40af', 'proses' => '#166534', 'menunggu_part' => '#991b1b', 'selesai' => '#065f46', 'diambil' => '#3730a3', default => '#374151' } }};">
                {{ $serviceOrder->status_label }}
            </span>
            <span class="badge bg-primary-subtle text-primary fs-6">
                <i class="bi bi-{{ $serviceOrder->service_type === 'in_home' ? 'house' : ($serviceOrder->service_type === 'warranty' ? 'shield-check' : 'box-seam') }} me-1"></i>{{ $serviceOrder->service_type_label }}
            </span>
            @if($serviceOrder->parent_order_id && $serviceOrder->parentOrder)
                <a href="{{ route('service-orders.show', $serviceOrder->parentOrder) }}" class="badge bg-warning-subtle text-warning text-decoration-none fs-6">
                    <i class="bi bi-link-45deg me-1"></i>Parent: {{ $serviceOrder->parentOrder->order_number }}
                </a>
            @endif
        </div>
    </div>
    <div class="d-flex gap-2 flex-wrap">
        @if($serviceOrder->isLocked())
            <span class="badge bg-secondary d-flex align-items-center gap-1" title="Invoice sudah lunas — order tidak bisa diubah">
                <i class="bi bi-lock-fill"></i> Terkunci
            </span>
        @else
            <button class="btn btn-outline-secondary btn-sm" data-bs-toggle="modal" data-bs-target="#statusModal">
                <i class="bi bi-arrow-repeat me-1"></i>Ubah Status
            </button>
            <a href="{{ route('service-orders.edit', $serviceOrder) }}" class="btn btn-warning btn-sm">
                <i class="bi bi-pencil me-1"></i>Edit
            </a>
        @endif
        @if(!$serviceOrder->invoice && in_array($serviceOrder->status, ['selesai','diambil']))
        <button class="btn btn-success btn-sm" data-bs-toggle="modal" data-bs-target="#invoiceModal">
            <i class="bi bi-receipt me-1"></i>Buat Invoice
        </button>
        @endif
        @if($serviceOrder->invoice && !$serviceOrder->warranty)
        <button class="btn btn-info btn-sm text-white" data-bs-toggle="modal" data-bs-target="#warrantyModal">
            <i class="bi bi-shield-check me-1"></i>Buat Garansi
        </button>
        @endif
        @if(in_array($serviceOrder->status, ['selesai','diambil']) && !$serviceOrder->is_rerepair && !$serviceOrder->rerepairs->count())
        <form method="POST" action="{{ route('service-orders.rerepair', $serviceOrder) }}" class="d-inline"
              onsubmit="return confirm('Buat order baru untuk servis ulang dari order ini?')">
            @csrf
            <button class="btn btn-outline-danger btn-sm">
                <i class="bi bi-arrow-counterclockwise me-1"></i>Servis Ulang
            </button>
        </form>
        @endif
    </div>
</div>

<div class="row g-3">
    {{-- Left Column --}}
    <div class="col-md-4">
        <div class="card mb-3">
            <div class="card-header py-3"><h6 class="mb-0 fw-bold">Data Pelanggan</h6></div>
            <div class="card-body">
                <table class="table table-sm table-borderless mb-0">
                    <tr><td class="text-muted small">Nama</td><td class="fw-medium">{{ $serviceOrder->customer->name }}</td></tr>
                    <tr><td class="text-muted small">Telepon</td><td>{{ $serviceOrder->customer->phone }}</td></tr>
                    <tr><td class="text-muted small">Kota</td><td>{{ $serviceOrder->customer->city ?? '-' }}</td></tr>
                </table>
            </div>
        </div>
        <div class="card mb-3">
            <div class="card-header py-3"><h6 class="mb-0 fw-bold">Data Perangkat</h6></div>
            <div class="card-body">
                <table class="table table-sm table-borderless mb-0">
                    <tr><td class="text-muted small">Tipe</td><td>{{ $serviceOrder->deviceType->name }}</td></tr>
                    <tr><td class="text-muted small">Brand/Model</td><td>{{ $serviceOrder->brand }} {{ $serviceOrder->model }}</td></tr>
                    <tr><td class="text-muted small">Serial No</td><td>{{ $serviceOrder->serial_number ?? '-' }}</td></tr>
                    <tr><td class="text-muted small">Warna</td><td>{{ $serviceOrder->color ?? '-' }}</td></tr>
                    <tr><td class="text-muted small">Aksesori</td><td>{{ $serviceOrder->accessories ?? '-' }}</td></tr>
                </table>
            </div>
        </div>
        <div class="card">
            <div class="card-header py-3"><h6 class="mb-0 fw-bold">Info Servis</h6></div>
            <div class="card-body">
                <table class="table table-sm table-borderless mb-0">
                    <tr><td class="text-muted small">Teknisi</td><td>{{ $serviceOrder->technician?->user->name ?? '-' }}</td></tr>
                    <tr><td class="text-muted small">Tgl Masuk</td><td>{{ $serviceOrder->received_date->format('d/m/Y') }}</td></tr>
                    <tr><td class="text-muted small">Est. Selesai</td><td>{{ $serviceOrder->estimated_completion?->format('d/m/Y') ?? '-' }}</td></tr>
                    <tr><td class="text-muted small">Tgl Selesai</td><td>{{ $serviceOrder->completion_date?->format('d/m/Y') ?? '-' }}</td></tr>
                    <tr><td class="text-muted small">Tgl Diambil</td><td>{{ $serviceOrder->delivery_date?->format('d/m/Y') ?? '-' }}</td></tr>
                    <tr><td class="text-muted small">Est. Biaya</td><td>Rp {{ number_format($serviceOrder->estimated_cost, 0, ',', '.') }}</td></tr>
                    <tr><td class="text-muted small">Biaya Aktual</td><td class="fw-bold">Rp {{ number_format($serviceOrder->actual_cost, 0, ',', '.') }}</td></tr>
                    <tr><td class="text-muted small">Dibuat Oleh</td><td>{{ $serviceOrder->createdBy->name }}</td></tr>
                </table>
            </div>
        </div>
    </div>

    {{-- Right Column --}}
    <div class="col-md-8">
        <div class="card mb-3">
            <div class="card-header py-3"><h6 class="mb-0 fw-bold">Keluhan & Kondisi</h6></div>
            <div class="card-body">
                <div class="mb-3">
                    <label class="form-label small text-muted">KONDISI FISIK MASUK</label>
                    <p class="mb-0">{{ $serviceOrder->condition_incoming }}</p>
                </div>
                <div class="mb-0">
                    <label class="form-label small text-muted">KELUHAN / KERUSAKAN</label>
                    <p class="mb-0">{{ $serviceOrder->complaint }}</p>
                </div>
                @if($serviceOrder->notes)
                <hr>
                <label class="form-label small text-muted">CATATAN</label>
                <p class="mb-0">{{ $serviceOrder->notes }}</p>
                @endif
            </div>
        </div>

        {{-- Service Details --}}
        <div class="card mb-3">
            <div class="card-header py-3"><h6 class="mb-0 fw-bold">Detail Pekerjaan</h6></div>
            <div class="table-responsive">
                <table class="table mb-0">
                    <thead><tr><th>Pekerjaan</th><th>Kategori</th><th class="text-center">Qty</th><th class="text-end">Harga</th><th class="text-end">Subtotal</th></tr></thead>
                    <tbody>
                        @forelse($serviceOrder->serviceDetails as $d)
                        <tr>
                            <td>{{ $d->description }}</td>
                            <td class="small text-muted">{{ $d->serviceCategory?->name ?? '-' }}</td>
                            <td class="text-center">{{ $d->quantity }}</td>
                            <td class="text-end small">Rp {{ number_format($d->price, 0, ',', '.') }}</td>
                            <td class="text-end fw-medium">Rp {{ number_format($d->subtotal, 0, ',', '.') }}</td>
                        </tr>
                        @empty
                        <tr><td colspan="5" class="text-center text-muted py-3">Belum ada detail pekerjaan</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        {{-- Spare Parts --}}
        <div class="card mb-3">
            <div class="card-header py-3"><h6 class="mb-0 fw-bold">Spare Part Digunakan</h6></div>
            <div class="table-responsive">
                <table class="table mb-0">
                    <thead><tr><th>Part</th><th class="text-center">Qty</th><th class="text-end">Harga</th><th class="text-end">Subtotal</th></tr></thead>
                    <tbody>
                        @forelse($serviceOrder->serviceParts as $p)
                        <tr>
                            <td>{{ $p->sparePart->name }}</td>
                            <td class="text-center">{{ $p->quantity }} {{ $p->sparePart->unit }}</td>
                            <td class="text-end small">Rp {{ number_format($p->unit_price, 0, ',', '.') }}</td>
                            <td class="text-end fw-medium">Rp {{ number_format($p->subtotal, 0, ',', '.') }}</td>
                        </tr>
                        @empty
                        <tr><td colspan="4" class="text-center text-muted py-3">Tidak ada spare part</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        {{-- Kunjungan Teknisi --}}
        <div class="card mb-3">
            <div class="card-header py-3 d-flex justify-content-between align-items-center">
                <h6 class="mb-0 fw-bold"><i class="bi bi-geo-alt me-2"></i>Riwayat Kunjungan Teknisi</h6>
                @unless($serviceOrder->isLocked())
                <button class="btn btn-sm btn-outline-primary" data-bs-toggle="modal" data-bs-target="#visitModal">
                    <i class="bi bi-plus-lg me-1"></i>Tambah Kunjungan
                </button>
                @endunless
            </div>
            <div class="table-responsive">
                <table class="table mb-0">
                    <thead>
                        <tr>
                            <th>Tipe</th>
                            <th>Tanggal</th>
                            <th>Teknisi</th>
                            <th>Status</th>
                            <th>Catatan</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($serviceOrder->visits as $v)
                        <tr>
                            <td><span class="badge bg-secondary-subtle text-dark">{{ $v->visit_type_label }}</span></td>
                            <td class="small">{{ $v->visit_date->format('d/m/Y') }} {{ $v->visit_time ? substr($v->visit_time,0,5) : '' }}</td>
                            <td class="small">
                                {{ $v->technician?->user?->name ?? '-' }}
                                @if($v->helper)<br><span class="text-muted small">Helper: {{ $v->helper->user->name }}</span>@endif
                            </td>
                            <td><span class="badge bg-{{ $v->status_color }}-subtle text-{{ $v->status_color }}">{{ $v->status_label }}</span></td>
                            <td class="small text-muted">{{ Str::limit($v->notes, 60) ?: '-' }}</td>
                            <td class="text-end">
                                @unless($serviceOrder->isLocked())
                                <form method="POST" action="{{ route('service-visits.destroy', $v) }}" class="d-inline"
                                      onsubmit="return confirm('Hapus kunjungan ini?')">
                                    @csrf @method('DELETE')
                                    <button class="btn btn-sm btn-outline-danger"><i class="bi bi-x"></i></button>
                                </form>
                                @endunless
                            </td>
                        </tr>
                        @empty
                        <tr><td colspan="6" class="text-center text-muted py-3 small">Belum ada kunjungan tercatat</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        {{-- Feedback Pelanggan --}}
        @if(in_array($serviceOrder->status, ['selesai','diambil']) || $serviceOrder->feedback)
        <div class="card mb-3">
            <div class="card-header py-3 d-flex justify-content-between align-items-center">
                <h6 class="mb-0 fw-bold"><i class="bi bi-chat-heart me-2"></i>Feedback Pelanggan</h6>
                <button class="btn btn-sm btn-outline-success" data-bs-toggle="modal" data-bs-target="#feedbackModal">
                    <i class="bi {{ $serviceOrder->feedback ? 'bi-pencil' : 'bi-plus-lg' }} me-1"></i>{{ $serviceOrder->feedback ? 'Edit' : 'Catat' }} Feedback
                </button>
            </div>
            <div class="card-body">
                @if($serviceOrder->feedback)
                    <div class="d-flex align-items-center gap-2 mb-2">
                        @for($i = 1; $i <= 5; $i++)
                            <i class="bi bi-star{{ $i <= $serviceOrder->feedback->rating ? '-fill text-warning' : ' text-muted' }}"></i>
                        @endfor
                        <span class="ms-2 fw-medium">{{ $serviceOrder->feedback->rating }}/5</span>
                        @if($serviceOrder->feedback->is_resolved)
                            <span class="badge bg-success ms-auto">Masalah Teratasi</span>
                        @else
                            <span class="badge bg-warning text-dark ms-auto">Masih Ada Keluhan</span>
                        @endif
                    </div>
                    <div class="small text-muted mb-2">Survey: {{ $serviceOrder->feedback->survey_date->format('d/m/Y') }} · Dicatat oleh {{ $serviceOrder->feedback->createdBy?->name }}</div>
                    @if($serviceOrder->feedback->comment)
                    <div class="p-2 bg-light rounded small">{{ $serviceOrder->feedback->comment }}</div>
                    @endif
                @else
                    <p class="text-muted small mb-0">Belum ada feedback pelanggan.</p>
                @endif
            </div>
        </div>
        @endif

        {{-- Re-repair History --}}
        @if($serviceOrder->rerepairs->count())
        <div class="card border-danger mb-3">
            <div class="card-header py-3 bg-danger-subtle">
                <h6 class="mb-0 fw-bold text-danger"><i class="bi bi-arrow-counterclockwise me-2"></i>Order Servis Ulang</h6>
            </div>
            <div class="card-body">
                @foreach($serviceOrder->rerepairs as $rr)
                <a href="{{ route('service-orders.show', $rr) }}" class="d-block small mb-1 text-decoration-none">
                    <i class="bi bi-arrow-right me-1"></i><strong>{{ $rr->order_number }}</strong>
                    <span class="badge bg-{{ $rr->status_color }}-subtle text-{{ $rr->status_color }}">{{ $rr->status_label }}</span>
                    <span class="text-muted">· {{ $rr->received_date->format('d/m/Y') }}</span>
                </a>
                @endforeach
            </div>
        </div>
        @endif

        {{-- Invoice & Warranty Links --}}
        @if($serviceOrder->invoice || $serviceOrder->warranty)
        <div class="row g-3">
            @if($serviceOrder->invoice)
            <div class="col-md-6">
                <div class="card border-success">
                    <div class="card-body d-flex justify-content-between align-items-center py-3">
                        <div>
                            <div class="small text-muted">Invoice</div>
                            <div class="fw-bold">{{ $serviceOrder->invoice->invoice_number }}</div>
                            <span class="badge bg-{{ $serviceOrder->invoice->status_color }}">{{ $serviceOrder->invoice->status_label }}</span>
                        </div>
                        <a href="{{ route('invoices.show', $serviceOrder->invoice) }}" class="btn btn-sm btn-outline-success">Lihat</a>
                    </div>
                </div>
            </div>
            @endif
            @if($serviceOrder->warranty)
            <div class="col-md-6">
                <div class="card border-info">
                    <div class="card-body d-flex justify-content-between align-items-center py-3">
                        <div>
                            <div class="small text-muted">Garansi</div>
                            <div class="fw-bold">{{ $serviceOrder->warranty->warranty_number }}</div>
                            <div class="small text-muted">s/d {{ $serviceOrder->warranty->end_date->format('d/m/Y') }}</div>
                        </div>
                        <a href="{{ route('warranties.show', $serviceOrder->warranty) }}" class="btn btn-sm btn-outline-info">Lihat</a>
                    </div>
                </div>
            </div>
            @endif
        </div>
        @endif
    </div>
</div>

{{-- Status Modal --}}
<div class="modal fade" id="statusModal" tabindex="-1">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header"><h5 class="modal-title">Ubah Status</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
            <form method="POST" action="{{ route('service-orders.update-status', $serviceOrder) }}">
                @csrf @method('PATCH')
                <div class="modal-body">
                    <label class="form-label">Status Baru</label>
                    <select name="status" class="form-select">
                        @foreach(['pending'=>'Menunggu','diagnosa'=>'Diagnosa','proses'=>'Proses','menunggu_part'=>'Menunggu Part','selesai'=>'Selesai','diambil'=>'Diambil','batal'=>'Dibatalkan'] as $val => $label)
                        <option value="{{ $val }}" {{ $serviceOrder->status === $val ? 'selected' : '' }}>{{ $label }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="modal-footer"><button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button><button type="submit" class="btn btn-primary">Simpan</button></div>
            </form>
        </div>
    </div>
</div>

{{-- Invoice Modal --}}
@if(!$serviceOrder->invoice && in_array($serviceOrder->status, ['selesai','diambil']))
<div class="modal fade" id="invoiceModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header"><h5 class="modal-title">Buat Invoice</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
            <form method="POST" action="{{ route('invoices.generate', $serviceOrder) }}">
                @csrf
                <div class="modal-body">
                    @php
                    $detailsTotal = $serviceOrder->serviceDetails->sum(fn($d) => $d->quantity * $d->price) + $serviceOrder->serviceParts->sum(fn($p) => $p->quantity * $p->unit_price);
                    $workTotal = $detailsTotal > 0 ? $detailsTotal : ($serviceOrder->actual_cost ?: ($serviceOrder->estimated_cost ?: 0));
                    $transport = (float) ($serviceOrder->transport_cost ?? 0);
                    $subtotal = $workTotal + $transport;
                    $fromActual = $detailsTotal === 0 && $workTotal > 0;
                    @endphp
                    <div class="alert alert-info small mb-2">
                        <div class="d-flex justify-content-between">
                            <span>Pekerjaan{!! $fromActual ? ' <small>(Biaya Aktual)</small>' : '' !!}</span>
                            <span>Rp {{ number_format($workTotal, 0, ',', '.') }}</span>
                        </div>
                        @if($transport > 0)
                        <div class="d-flex justify-content-between">
                            <span>Transport</span>
                            <span>Rp {{ number_format($transport, 0, ',', '.') }}</span>
                        </div>
                        @endif
                        <hr class="my-1">
                        <div class="d-flex justify-content-between fw-bold">
                            <span>Subtotal</span>
                            <span>Rp {{ number_format($subtotal, 0, ',', '.') }}</span>
                        </div>
                    </div>
                    <div class="row g-2">
                        <div class="col-6">
                            <label class="form-label small">Diskon</label>
                            <input type="number" name="discount" class="form-control" value="0" min="0">
                        </div>
                        <div class="col-6">
                            <label class="form-label small">Tipe Diskon</label>
                            <select name="discount_type" class="form-select">
                                <option value="amount">Nominal (Rp)</option>
                                <option value="percent">Persentase (%)</option>
                            </select>
                        </div>
                        <div class="col-6">
                            <label class="form-label small">PPN (%)</label>
                            <input type="number" name="tax_rate" class="form-control" value="0" min="0" max="100">
                        </div>
                        <div class="col-6">
                            <label class="form-label small">Jatuh Tempo</label>
                            <input type="date" name="due_date" class="form-control">
                        </div>
                        <div class="col-12">
                            <label class="form-label small">Catatan Invoice</label>
                            <textarea name="notes" class="form-control" rows="2"></textarea>
                        </div>
                    </div>
                </div>
                <div class="modal-footer"><button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button><button type="submit" class="btn btn-success">Buat Invoice</button></div>
            </form>
        </div>
    </div>
</div>
@endif

{{-- Warranty Modal --}}
@if($serviceOrder->invoice && !$serviceOrder->warranty)
<div class="modal fade" id="warrantyModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header"><h5 class="modal-title">Buat Garansi</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
            <form method="POST" action="{{ route('warranties.generate', $serviceOrder) }}">
                @csrf
                <div class="modal-body">
                    <div class="row g-2">
                        <div class="col-6">
                            <label class="form-label small">Tanggal Mulai <span class="text-danger">*</span></label>
                            <input type="date" name="start_date" class="form-control" value="{{ date('Y-m-d') }}" required>
                        </div>
                        <div class="col-6">
                            <label class="form-label small">Tanggal Berakhir <span class="text-danger">*</span></label>
                            <input type="date" name="end_date" class="form-control" value="{{ date('Y-m-d', strtotime('+30 days')) }}" required>
                        </div>
                        <div class="col-12">
                            <label class="form-label small">Keterangan Garansi</label>
                            <textarea name="description" class="form-control" rows="2" placeholder="Ketentuan garansi..."></textarea>
                        </div>
                    </div>
                </div>
                <div class="modal-footer"><button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button><button type="submit" class="btn btn-info text-white">Buat Garansi</button></div>
            </form>
        </div>
    </div>
</div>
@endif

{{-- Visit Modal --}}
@unless($serviceOrder->isLocked())
<div class="modal fade" id="visitModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header"><h5 class="modal-title">Catat Kunjungan Teknisi</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
            <form method="POST" action="{{ route('service-visits.store', $serviceOrder) }}">
                @csrf
                <div class="modal-body">
                    <div class="row g-2">
                        <div class="col-md-6">
                            <label class="form-label small">Tipe Kunjungan <span class="text-danger">*</span></label>
                            <select name="visit_type" class="form-select" required>
                                <option value="first_visit">Kunjungan Awal</option>
                                <option value="follow_up">Follow-up</option>
                                <option value="delivery">Pengantaran</option>
                                <option value="other">Lainnya</option>
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label small">Status <span class="text-danger">*</span></label>
                            <select name="status" class="form-select" required>
                                <option value="completed" selected>Selesai</option>
                                <option value="scheduled">Terjadwal</option>
                                <option value="cancelled">Dibatalkan</option>
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label small">Tanggal <span class="text-danger">*</span></label>
                            <input type="date" name="visit_date" class="form-control" value="{{ date('Y-m-d') }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label small">Jam</label>
                            <input type="time" name="visit_time" class="form-control">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label small">Teknisi</label>
                            <select name="technician_id" class="form-select">
                                <option value="">-- Pilih --</option>
                                @foreach(\App\Models\Technician::active()->with('user')->get() as $tech)
                                <option value="{{ $tech->id }}" {{ $serviceOrder->technician_id == $tech->id ? 'selected' : '' }}>{{ $tech->user->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label small">Helper</label>
                            <select name="helper_id" class="form-select">
                                <option value="">-- Tanpa --</option>
                                @foreach(\App\Models\Technician::active()->with('user')->get() as $tech)
                                <option value="{{ $tech->id }}" {{ $serviceOrder->helper_id == $tech->id ? 'selected' : '' }}>{{ $tech->user->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-12">
                            <label class="form-label small">Catatan</label>
                            <textarea name="notes" class="form-control" rows="2" placeholder="Hasil kunjungan, kendala, tindak lanjut..."></textarea>
                        </div>
                    </div>
                </div>
                <div class="modal-footer"><button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button><button type="submit" class="btn btn-primary">Simpan Kunjungan</button></div>
            </form>
        </div>
    </div>
</div>
@endunless

{{-- Feedback Modal --}}
@if(in_array($serviceOrder->status, ['selesai','diambil']) || $serviceOrder->feedback)
<div class="modal fade" id="feedbackModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header"><h5 class="modal-title">{{ $serviceOrder->feedback ? 'Edit' : 'Catat' }} Feedback Pelanggan</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
            <form method="POST" action="{{ route('order-feedbacks.store', $serviceOrder) }}">
                @csrf
                <div class="modal-body">
                    <div class="row g-2">
                        <div class="col-md-6">
                            <label class="form-label small">Rating <span class="text-danger">*</span></label>
                            <select name="rating" class="form-select" required>
                                <option value="">-- Pilih --</option>
                                @for($i = 5; $i >= 1; $i--)
                                <option value="{{ $i }}" {{ ($serviceOrder->feedback?->rating ?? 0) == $i ? 'selected' : '' }}>{{ str_repeat('★', $i) }} ({{ $i }})</option>
                                @endfor
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label small">Tanggal Survey <span class="text-danger">*</span></label>
                            <input type="date" name="survey_date" class="form-control" value="{{ $serviceOrder->feedback?->survey_date?->format('Y-m-d') ?? date('Y-m-d') }}" required>
                        </div>
                        <div class="col-12">
                            <label class="form-label small">Komentar</label>
                            <textarea name="comment" class="form-control" rows="3" placeholder="Apa yang disampaikan pelanggan...">{{ $serviceOrder->feedback?->comment }}</textarea>
                        </div>
                        <div class="col-12">
                            <div class="form-check">
                                <input type="hidden" name="is_resolved" value="0">
                                <input type="checkbox" name="is_resolved" value="1" class="form-check-input" id="isResolved"
                                       {{ ($serviceOrder->feedback?->is_resolved ?? true) ? 'checked' : '' }}>
                                <label class="form-check-label" for="isResolved">Masalah pelanggan sudah teratasi</label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer"><button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button><button type="submit" class="btn btn-success">Simpan Feedback</button></div>
            </form>
        </div>
    </div>
</div>
@endif
@endsection