@php
    $editing = isset($offer) && $offer;
    $rows = old('items', $editing ? $offer->items->map(fn($item) => [
        'price_list_item_id' => $item->price_list_item_id,
        'description' => $item->description,
        'quantity' => $item->quantity,
        'unit' => $item->unit,
        'unit_price' => $item->unit_price,
    ])->all() : [['price_list_item_id'=>'','description'=>'Ručna stavka','quantity'=>1,'unit'=>'emitiranje','unit_price'=>0]]);
    $value = fn($name, $default = '') => old($name, $editing ? $offer->$name : $default);
@endphp
<div class="top"><div><div class="eyebrow">Ponude</div><h1>{{$editing ? 'Uredi '.$offer->number : 'Izrada nove ponude'}}</h1></div><a class="btn secondary" href="{{$editing ? route('offers.show',$offer) : route('offers.index')}}">Odustani</a></div>
<form class="form offer-editor" method="post" action="{{$editing ? route('offers.update',$offer) : route('offers.store')}}">@csrf @if($editing) @method('put') @endif
<section class="card offer-meta"><div class="compact-fields">
<div><label>Broj ponude</label><input name="number" value="{{$value('number',$nextNumber ?? 'P'.now()->format('Y').'-001')}}"></div>
<div><label>Datum ponude</label><input type="date" name="offered_at" value="{{old('offered_at',$editing ? $offer->offered_at->format('Y-m-d') : now()->format('Y-m-d'))}}"></div>
<div><label>Vrijedi do</label><input type="date" name="valid_until" value="{{old('valid_until',$editing ? $offer->valid_until->format('Y-m-d') : now()->addDays(15)->format('Y-m-d'))}}"></div>
<div><label>Rok plaćanja (dana)</label><input type="number" min="0" name="payment_due_days" value="{{$value('payment_due_days',15)}}"></div>
<div class="wide"><label>Naručitelj</label><select name="customer_id">@foreach($clients as $client)<option value="{{$client->id}}" @selected((string)$value('customer_id')===(string)$client->id)>{{$client->name}}</option>@endforeach</select></div>
<div class="wide"><label>Oglašivač</label><select name="advertiser_id">@foreach($clients as $client)<option value="{{$client->id}}" @selected((string)$value('advertiser_id')===(string)$client->id)>{{$client->name}}</option>@endforeach</select></div>
</div></section>
<input type="hidden" name="currency" value="EUR"><input type="hidden" name="language" value="hr">
<div class="section-bar"><h2>Stavke ponude</h2><button type="button" class="btn secondary" onclick="addItem()">+ Dodaj stavku</button></div>
<div class="offer-table-wrap"><div id="items" class="offer-table"><div class="item-head"><span>R.br.</span><span>Opis stavke iz cjenika</span><span>Količina</span><span>Jedinica</span><span>Cijena (€)</span><span>Iznos (€)</span><span></span></div>
@foreach($rows as $row)<div class="offer-item item-grid"><strong class="row-number"></strong><div><select data-name="price_list_item_id" onchange="applyRate(this)"><option value="">Ručni unos</option>@foreach($rates as $rate)<option value="{{$rate->id}}" data-description="{{$rate->name}}" data-price="{{$rate->unit_price}}" @selected((string)($row['price_list_item_id']??'')===(string)$rate->id)>{{$rate->priceList->name}} · {{$rate->name}}</option>@endforeach</select><input type="hidden" data-name="description" value="{{$row['description']??'Ručna stavka'}}"></div><input type="number" min="1" data-name="quantity" value="{{$row['quantity']??1}}" oninput="calculateOffer()"><select data-name="unit"><option value="emitiranje" @selected(($row['unit']??'')==='emitiranje')>emitiranje</option><option value="kom" @selected(($row['unit']??'')==='kom')>kom</option></select><input type="number" min="0" step=".01" data-name="unit_price" value="{{$row['unit_price']??0}}" oninput="calculateOffer()"><strong class="line-total">0,00</strong><button type="button" class="remove-item" onclick="removeItem(this)" title="Ukloni">×</button></div>@endforeach
</div></div>
<div class="offer-bottom"><section class="card notes-panel"><label>Napomena na ponudi</label><textarea name="notes" rows="8">{{$value('notes')}}</textarea><label>Interna napomena</label><textarea name="internal_notes" rows="3">{{$value('internal_notes')}}</textarea></section>
<aside class="card totals-panel"><h3>Popusti i obračun</h3>@foreach(['agency_commission_pct'=>'Agencijska provizija','quantity_discount_pct'=>'Količinski popust','promotional_discount_pct'=>'Akcijski popust','advance_discount_pct'=>'Avansni popust'] as $name=>$label)<div class="total-input"><label>{{$label}} (%)</label><input type="number" min="0" max="100" step=".01" name="{{$name}}" value="{{$value($name,0)}}" oninput="calculateOffer()"></div>@endforeach<div class="total-input"><label>PDV (%)</label><input type="number" min="0" max="100" step=".01" name="vat_rate" value="{{$value('vat_rate',25)}}" oninput="calculateOffer()"></div><div class="summary"><div><span>Ukupni iznos</span><strong id="subtotal">0,00 €</strong></div><div><span>S popustima</span><strong id="discounted">0,00 €</strong></div><div><span>PDV</span><strong id="vat">0,00 €</strong></div><div class="grand"><span>Sveukupno</span><strong id="grandTotal">0,00 €</strong></div></div></aside></div>
@if($errors->any())<div class="error card">{{$errors->first()}}</div>@endif<div class="offer-actions"><button class="btn">{{$editing ? 'Spremi promjene' : 'Izradi ponudu'}}</button><a class="btn secondary" href="{{$editing ? route('offers.show',$offer) : route('offers.index')}}">Odustani</a></div></form>
<template id="item-template"><div class="offer-item item-grid"><strong class="row-number"></strong><div><select data-name="price_list_item_id" onchange="applyRate(this)"><option value="">Ručni unos</option>@foreach($rates as $rate)<option value="{{$rate->id}}" data-description="{{$rate->name}}" data-price="{{$rate->unit_price}}">{{$rate->priceList->name}} · {{$rate->name}}</option>@endforeach</select><input type="hidden" data-name="description" value="Ručna stavka"></div><input type="number" min="1" data-name="quantity" value="1" oninput="calculateOffer()"><select data-name="unit"><option value="emitiranje">emitiranje</option><option value="kom">kom</option></select><input type="number" min="0" step=".01" data-name="unit_price" value="0" oninput="calculateOffer()"><strong class="line-total">0,00</strong><button type="button" class="remove-item" onclick="removeItem(this)">×</button></div></template>
<style>.offer-editor{max-width:none}.offer-meta{padding:16px}.compact-fields{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px}.compact-fields .wide{grid-column:span 2}.section-bar{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px}.section-bar h2{margin:0}.offer-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff}.offer-table{min-width:980px}.item-grid,.item-head{display:grid;grid-template-columns:55px minmax(340px,1fr) 110px 125px 125px 120px 40px;gap:8px;align-items:center;padding:9px 12px}.item-head{font-weight:700;background:#edf2ef;color:var(--muted);font-size:12px;text-transform:uppercase}.item-grid{border-top:1px solid var(--line)}.line-total{text-align:right}.remove-item{border:0;background:none;color:var(--danger);font-size:22px;cursor:pointer}.offer-bottom{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;margin-top:16px}.notes-panel textarea:first-of-type{min-height:180px}.totals-panel h3{margin-top:0}.total-input{display:grid;grid-template-columns:1fr 100px;align-items:center;gap:10px;margin-bottom:8px}.total-input label{margin:0;font-size:13px}.summary{border-top:1px solid var(--line);margin-top:14px;padding-top:10px}.summary div{display:flex;justify-content:space-between;padding:5px 0}.summary .grand{border-top:2px solid var(--ink);margin-top:7px;padding-top:10px;font-size:18px}.offer-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}@media(max-width:1000px){.compact-fields{grid-template-columns:1fr 1fr}.offer-bottom{grid-template-columns:1fr}}@media(max-width:600px){.compact-fields{grid-template-columns:1fr}.compact-fields .wide{grid-column:auto}}</style>
<script>const host=document.getElementById('items');const money=new Intl.NumberFormat('hr-HR',{minimumFractionDigits:2,maximumFractionDigits:2});function bindNames(){host.querySelectorAll('.offer-item').forEach((row,i)=>{row.querySelector('.row-number').textContent=i+1;row.querySelectorAll('[data-name]').forEach(e=>e.name=`items[${i}][${e.dataset.name}]`)})}function addItem(){host.appendChild(document.getElementById('item-template').content.cloneNode(true));bindNames();calculateOffer()}function removeItem(button){if(host.querySelectorAll('.offer-item').length>1)button.closest('.offer-item').remove();bindNames();calculateOffer()}function applyRate(select){const option=select.options[select.selectedIndex],row=select.closest('.offer-item');if(option.value){row.querySelector('[data-name="description"]').value=option.dataset.description;row.querySelector('[data-name="unit_price"]').value=option.dataset.price}calculateOffer()}function number(name){return parseFloat(document.querySelector(`[name="${name}"]`)?.value)||0}function calculateOffer(){let subtotal=0;host.querySelectorAll('.offer-item').forEach(row=>{const q=parseFloat(row.querySelector('[data-name="quantity"]').value)||0,p=parseFloat(row.querySelector('[data-name="unit_price"]').value)||0,total=q*p;subtotal+=total;row.querySelector('.line-total').textContent=money.format(total)});let discounted=subtotal;['agency_commission_pct','quantity_discount_pct','promotional_discount_pct','advance_discount_pct'].forEach(name=>discounted*=1-number(name)/100);const vat=discounted*number('vat_rate')/100;document.getElementById('subtotal').textContent=money.format(subtotal)+' €';document.getElementById('discounted').textContent=money.format(discounted)+' €';document.getElementById('vat').textContent=money.format(vat)+' €';document.getElementById('grandTotal').textContent=money.format(discounted+vat)+' €'}bindNames();calculateOffer();</script>