{{-- Kaynak atama paneli (quick-view drawer için). Beklenen: $assignments, $assignable,
     $typeKey, $id, $vm, $resourceCost, $costTitles. Formlar drawer içinde AJAX ile gönderilir
     (bkz. _resource-panel-scripts) ve drawer yeniden yüklenir. --}}
@php
    $roleMeta = $roleMeta ?? ['guide'=>['Rehber','fa-user-tie','#3b82f6'],'vehicle'=>['Araç','fa-bus','#10b981'],'captain'=>['Kaptan','fa-id-card','#8b5cf6']];
    $resourceCost = $resourceCost ?? (float) $assignments->sum(fn ($a) => $a->effective_cost);
    $selfUrl = $vm['quick_view_url'] ?? '';
@endphp
<style>
    .ops-res-row { display:flex; align-items:center; gap:12px; padding:12px 14px; border:1px solid #e2e8f0; border-radius:14px; margin-bottom:8px; }
    .ops-res-ic { width:40px; height:40px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1rem; flex-shrink:0; }
    .ops-res-del { width:32px; height:32px; border-radius:9px; border:1px solid #e2e8f0; background:#fff; color:#94a3b8; cursor:pointer; transition:.15s; }
    .ops-res-del:hover { background:#fee2e2; border-color:#fca5a5; color:#dc2626; }
    .ops-res-contract { position:relative; height:32px; padding:0 10px; border-radius:9px; border:1px solid #e2e8f0; background:#fff; color:#475569; cursor:pointer; transition:.15s; margin-right:6px; }
    .ops-res-contract:hover { background:#eef2ff; border-color:#c7d2fe; color:#4338ca; }
    .ops-res-cbadge { position:absolute; top:-8px; right:-8px; font-size:.56rem; font-weight:800; color:#fff; border-radius:6px; padding:1px 5px; white-space:nowrap; box-shadow:0 2px 6px rgba(0,0,0,.15); }
    .ops-res-cost { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:12px; padding-top:14px; border-top:1px dashed #e2e8f0; }
    .ops-res-cost > div { background:#f8fafc; border-radius:14px; padding:12px; text-align:center; }
    .ops-res-cost .lbl { display:block; font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.03em; color:#94a3b8; margin-bottom:4px; }
    .ops-res-cost .val { font-size:1.15rem; font-weight:800; color:#0f172a; }
    .ops-assign-panel { margin-top:14px; padding-top:14px; border-top:1px solid #e2e8f0; }
    .ops-ap-head { display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between; margin-bottom:12px; }
    .ops-ap-tabs { display:inline-flex; background:#f1f5f9; border-radius:11px; padding:3px; gap:2px; }
    .ops-ap-tab { border:none; background:transparent; font-size:.8rem; font-weight:700; color:#64748b; padding:7px 13px; border-radius:9px; cursor:pointer; transition:.15s; }
    .ops-ap-tab.active { background:#334155; color:#fff; }
    .ops-ap-search { display:flex; align-items:center; gap:8px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:11px; padding:8px 12px; color:#94a3b8; min-width:200px; flex:1; max-width:280px; }
    .ops-ap-search input { border:none; outline:none; background:transparent; width:100%; font-size:.85rem; color:#0f172a; }
    .ops-ap-list { max-height:340px; overflow-y:auto; display:flex; flex-direction:column; gap:8px; }
    .ops-ap-item { padding:10px 12px; border:1px solid #e2e8f0; border-radius:14px; transition:border-color .15s; }
    .ops-ap-item:hover { border-color:#cbd5e1; }
    .ops-ap-top { display:flex; align-items:center; gap:12px; }
    .ops-ap-ct { flex:1; min-width:110px; border:1px solid #e2e8f0; border-radius:10px; padding:7px 10px; font-size:.82rem; font-weight:600; color:#334155; outline:none; }
    .ops-ap-ct:focus { border-color:#334155; box-shadow:0 0 0 3px rgba(51,65,85,.08); }
    .ops-ap-unitprice { width:92px; flex:none; border:1px solid #e2e8f0; border-radius:10px; padding:7px 9px; font-size:.82rem; font-weight:700; color:#0f172a; outline:none; }
    .ops-ap-qty { width:62px; flex:none; border:1px solid #e2e8f0; border-radius:10px; padding:7px 8px; font-size:.82rem; font-weight:700; color:#0f172a; outline:none; text-align:center; }
    .ops-ap-unit { width:96px; flex:none; border:1px solid #e2e8f0; border-radius:10px; padding:7px 7px; font-size:.78rem; font-weight:600; color:#475569; outline:none; background:#fff; }
    .ops-ap-unitprice:focus, .ops-ap-qty:focus, .ops-ap-unit:focus { border-color:#334155; box-shadow:0 0 0 3px rgba(51,65,85,.08); }
    .ops-ap-x, .ops-ap-eq { color:#94a3b8; font-weight:800; font-size:.8rem; flex:none; }
    .ops-ap-linetotal { min-width:80px; flex:none; text-align:right; font-size:.84rem; font-weight:800; color:#0f172a; }
    .ops-ap-costs { margin-top:10px; padding-top:10px; border-top:1px dashed #e2e8f0; }
    .ops-ap-crow { display:flex; align-items:center; gap:8px; margin-bottom:6px; }
    .ops-ap-cdel { width:30px; height:32px; flex:none; border:1px solid #fecaca; background:#fef2f2; color:#dc2626; border-radius:9px; cursor:pointer; font-size:.75rem; }
    .ops-ap-cdel:hover { background:#dc2626; color:#fff; }
    .ops-ap-cadd { border:1px dashed #cbd5e1; background:#f8fafc; color:#475569; font-size:.75rem; font-weight:700; border-radius:9px; padding:5px 11px; cursor:pointer; }
    .ops-ap-cadd:hover { border-color:#f59e0b; color:#b45309; background:#fffbeb; }
    .ops-ap-ctotal { font-size:.75rem; font-weight:700; color:#64748b; }
    .ops-ap-assign { border:none; background:#334155; color:#fff; font-size:.82rem; font-weight:700; border-radius:10px; padding:9px 16px; cursor:pointer; transition:.15s; }
    .ops-ap-assign:hover { background:#1e293b; }
    .ops-ap-assign:disabled { background:#e2e8f0; color:#94a3b8; cursor:not-allowed; }
</style>

<div class="pqv-section" data-ops-drawer data-ops-selfurl="{{ $selfUrl }}">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h6 class="fw-800 text-dark mb-0"><i class="fas fa-people-carry-box text-secondary me-2"></i>Kaynak Atama ({{ $assignments->count() }})</h6>
        <button type="button" class="btn btn-sm fw-700" style="background:#334155;color:#fff;border-radius:10px;" onclick="this.closest('[data-ops-drawer]').querySelector('.ops-assign-panel').classList.toggle('d-none')">
            <i class="fas fa-plus me-1"></i> Kaynak Ata
        </button>
    </div>

    {{-- Atanmış kaynaklar --}}
    @forelse($assignments as $a)
        @php $role = $a->effective_role; $rm = $roleMeta[$role] ?? ['Kaynak', 'fa-cube', '#64748b']; $r = $a->resource; @endphp
        <div class="ops-res-row">
            <div class="ops-res-ic" style="background:{{ $rm[2] }}1a;color:{{ $rm[2] }}"><i class="fas {{ $rm[1] }}"></i></div>
            <div class="flex-grow-1" style="min-width:0">
                <div class="fw-700 text-dark">{{ $r->name ?? 'Kaynak' }}
                    <span class="badge border-0 ms-1" style="background:{{ $rm[2] }}1a;color:{{ $rm[2] }}">{{ $rm[0] }}</span>
                    <span class="badge border-0 ms-1" style="background:{{ $a->assignment_color }}1a;color:{{ $a->assignment_color }}">
                        <i class="fas {{ $a->is_pre_assigned ? 'fa-hourglass-half' : 'fa-circle-check' }}" style="font-size:.65rem"></i> {{ $a->assignment_status_label }}
                    </span>
                </div>
                <div class="small text-muted text-truncate">
                    @if($role === 'vehicle' && $r?->vehicle_plate)<span style="font-family:monospace">{{ $r->vehicle_plate }}</span>@endif
                    @if($r?->phone) @if($role==='vehicle' && $r?->vehicle_plate) · @endif {{ $r->phone }}@endif
                    · <span class="fw-700 text-dark">{{ number_format($a->effective_cost, 0, ',', '.') }}₺</span>
                </div>
            </div>
            <form method="POST" action="{{ route('agency.operations.resources.confirm', [$typeKey, $id, $a->id]) }}" class="me-1">
                @csrf
                @if($a->is_pre_assigned)
                    <button class="ops-ap-assign" title="Kesin atamaya çevir" style="background:#16a34a;font-size:.72rem;padding:7px 11px"><i class="fas fa-check me-1"></i>Kesinleştir</button>
                @else
                    <button title="Ön atamaya geri al" style="border:1px solid #bbf7d0;background:#f0fdf4;color:#16a34a;font-size:.72rem;font-weight:700;border-radius:9px;padding:7px 10px;cursor:pointer"><i class="fas fa-circle-check me-1"></i>Kesin</button>
                @endif
            </form>
            <form method="POST" action="{{ route('agency.operations.resources.remove', [$typeKey, $id, $a->id]) }}" onsubmit="return confirm('Atama kaldırılsın mı?')">
                @csrf @method('DELETE')
                <button class="ops-res-del" title="Kaldır"><i class="fas fa-xmark"></i></button>
            </form>
        </div>
    @empty
        <div class="text-muted small mb-2"><i class="fas fa-circle-info me-1"></i>Henüz kaynak atanmadı.</div>
    @endforelse

    {{-- Maliyet özeti --}}
    @if($assignments->count())
        @php $net = (float) ($vm['revenue_won'] ?? 0) - (float) $resourceCost; @endphp
        <div class="ops-res-cost">
            <div><span class="lbl">Kaynak Maliyeti</span><span class="val" style="color:#dc2626">{{ number_format($resourceCost, 0, ',', '.') }}₺</span></div>
            <div><span class="lbl">Kesin Ciro</span><span class="val text-success">{{ number_format($vm['revenue_won'] ?? 0, 0, ',', '.') }}₺</span></div>
            <div><span class="lbl">Net</span><span class="val" style="color:{{ $net >= 0 ? '#16a34a' : '#dc2626' }}">{{ number_format($net, 0, ',', '.') }}₺</span></div>
        </div>
    @endif

    {{-- Atama paneli --}}
    <div class="ops-assign-panel d-none">
        <datalist id="ops-cost-titles">
            @foreach($costTitles ?? [] as $t)<option value="{{ $t }}"></option>@endforeach
        </datalist>
        <div class="ops-ap-head">
            <div class="ops-ap-tabs">
                <button type="button" class="ops-ap-tab active" onclick="opsApFilter(this,'all')">Tümü</button>
                <button type="button" class="ops-ap-tab" onclick="opsApFilter(this,'guide')">Rehber</button>
                <button type="button" class="ops-ap-tab" onclick="opsApFilter(this,'vehicle')">Araç</button>
                <button type="button" class="ops-ap-tab" onclick="opsApFilter(this,'captain')">Kaptan</button>
            </div>
            <div class="ops-ap-search"><i class="fas fa-search"></i><input type="text" id="opsApSearch" placeholder="Kaynak ara…" oninput="opsApSearchFn()"></div>
        </div>
        <div class="ops-ap-list">
            @forelse(($assignable ?? collect())->flatten(1) as $x)
                @php $r = $x['resource']; $rm = $roleMeta[$r->type] ?? ['Kaynak', 'fa-cube', '#64748b']; @endphp
                <form method="POST" action="{{ route('agency.operations.resources.assign', [$typeKey, $id]) }}" class="ops-ap-item" data-role="{{ $r->type }}" data-name="{{ mb_strtolower($r->name . ' ' . ($r->vehicle_plate ?? '')) }}">
                    @csrf
                    <input type="hidden" name="resource_id" value="{{ $r->id }}">
                    <input type="hidden" name="cost_items_present" value="1">
                    <div class="ops-ap-top">
                        <div class="ops-res-ic" style="background:{{ $rm[2] }}1a;color:{{ $rm[2] }}"><i class="fas {{ $rm[1] }}"></i></div>
                        <div class="flex-grow-1" style="min-width:0">
                            <div class="fw-700 text-dark text-truncate">{{ $r->name }} @if($r->vehicle_plate)<span class="text-muted small" style="font-family:monospace">{{ $r->vehicle_plate }}</span>@endif</div>
                            <div class="small">
                                @if($x['already_assigned'])
                                    <span class="text-primary fw-600"><i class="fas fa-check"></i> Atanmış</span>
                                @elseif($x['available'])
                                    <span class="text-success fw-600"><i class="fas fa-circle-check"></i> Müsait</span>
                                @else
                                    <span class="text-danger fw-600" title="{{ implode(' · ', $x['conflict_titles']) }}"><i class="fas fa-triangle-exclamation"></i> Çakışma</span>
                                @endif
                                @if(count($x['cost_items']))<span class="text-muted ms-1">· varsayılan {{ number_format($x['cost_total'], 0, ',', '.') }}₺</span>@else<span class="text-muted ms-1">· maliyet tanımsız</span>@endif
                            </div>
                        </div>
                        <button type="submit" class="ops-ap-assign" {{ $x['already_assigned'] ? 'disabled' : '' }}>{{ $x['already_assigned'] ? 'Atandı' : 'Ata' }}</button>
                    </div>
                    <div class="ops-ap-costs">
                        <div class="ops-ap-crows">
                            @foreach($x['cost_items'] as $ci => $item)
                                <div class="ops-ap-crow">
                                    <input type="text" name="cost_items[{{ $ci }}][title]" class="ops-ap-ct" list="ops-cost-titles" value="{{ $item['title'] }}" placeholder="Başlık" maxlength="150">
                                    <input type="number" step="0.01" min="0" name="cost_items[{{ $ci }}][unit_amount]" class="ops-ap-unitprice" value="{{ $item['amount'] }}" placeholder="Birim ₺" title="Birim fiyat" oninput="opsApLine(this)">
                                    <span class="ops-ap-x">×</span>
                                    <input type="number" step="0.01" min="0" name="cost_items[{{ $ci }}][quantity]" class="ops-ap-qty" value="1" placeholder="Çarpan" title="Çarpan (gün/km/saat)" oninput="opsApLine(this)">
                                    <select name="cost_items[{{ $ci }}][unit]" class="ops-ap-unit" title="Çarpan birimi">
                                        <option value="">— birim —</option>
                                        @foreach(['gün','gece','saat','km','kişi','adet','sefer'] as $u)<option value="{{ $u }}">{{ $u }}</option>@endforeach
                                    </select>
                                    <span class="ops-ap-eq">=</span>
                                    <span class="ops-ap-linetotal">{{ number_format($item['amount'], 2, ',', '.') }}₺</span>
                                    <button type="button" class="ops-ap-cdel" onclick="opsApDelCost(this)" title="Satırı sil"><i class="fas fa-xmark"></i></button>
                                </div>
                            @endforeach
                        </div>
                        <div class="d-flex align-items-center justify-content-between mt-1">
                            <button type="button" class="ops-ap-cadd" onclick="opsApAddCost(this)"><i class="fas fa-plus me-1"></i> Maliyet Ekle</button>
                            <span class="ops-ap-ctotal">Toplam: <strong>{{ number_format($x['cost_total'], 2, ',', '.') }}₺</strong></span>
                        </div>
                    </div>
                </form>
            @empty
                <div class="text-muted small p-2">Atanabilir aktif kaynak yok. Önce <a href="{{ route('agency.resources.index') }}">Kaynak Yönetimi</a>'nden ekleyin.</div>
            @endforelse
        </div>
    </div>
</div>