@extends('layouts.app') @section('content')
@php($editing=$invoice->exists) @php($items=old('items',$sourceItems))
<div class="top"><div><div class="eyebrow">Računi {{$offer??false?'· iz ponude '.$offer->number:''}}</div><h1>{{$editing?'Uredi '.$invoice->number:'Novi račun'}}</h1></div><a class="btn secondary" href="{{route('invoices.index')}}">Odustani</a></div>
<form class="invoice-editor" method="post" action="{{$editing?route('invoices.update',$invoice):route('invoices.store')}}">@csrf @if($editing) @method('put') @endif<input type="hidden" name="offer_id" value="{{old('offer_id',$offer->id??$invoice->offer_id)}}">
<section class="card"><div class="meta-grid"><div><label>Broj računa</label><input name="number" value="{{old('number',$nextNumber)}}"></div><div class="wide"><label>Kupac</label><select name="customer_id">@foreach($clients as $client)<option value="{{$client->id}}" @selected(old('customer_id',$offer->customer_id??$invoice->customer_id)==$client->id)>{{$client->name}}</option>@endforeach</select></div><div><label>Datum izdavanja</label><input type="date" name="issued_at" value="{{old('issued_at',$invoice->issued_at?->format('Y-m-d')??now()->format('Y-m-d'))}}"></div><div><label>Datum dospijeća</label><input type="date" name="due_at" value="{{old('due_at',$invoice->due_at?->format('Y-m-d')??now()->addDays($offer->payment_due_days??15)->format('Y-m-d'))}}"></div><div><label>Način plaćanja</label><select name="payment_method"><option value="bank_transfer">Transakcijski račun</option><option value="cash">Gotovina</option><option value="card">Kartica</option></select></div><div><label>Poziv na broj</label><input name="payment_reference" value="{{old('payment_reference',$invoice->payment_reference??str_replace(['R','-'],'',$nextNumber))}}"></div></div></section>
<div class="section-bar"><h2>Stavke računa</h2><button type="button" class="btn secondary" onclick="addItem()">+ Dodaj stavku</button></div><div class="item-wrap"><div id="items"><div class="ih"><span>R.br.</span><span>Stavka iz cjenika / ručni opis</span><span>Količina</span><span>Jedinica</span><span>Cijena</span><span>Iznos</span><span></span></div>@foreach($items as $item)<div class="ir"><b class="rn"></b><div><select onchange="rate(this)"><option value="">Ručni unos</option>@foreach($rates as $r)<option data-description="{{$r->name}}" data-price="{{$r->unit_price}}">{{$r->priceList->name}} · {{$r->name}}</option>@endforeach</select><input class="description" data-n="description" placeholder="Upišite opis stavke" value="{{$item['description']??''}}"></div><input type="number" min="1" data-n="quantity" value="{{$item['quantity']??1}}" oninput="calc()"><select data-n="unit"><option value="emitiranje" @selected(($item['unit']??'')==='emitiranje')>emitiranje</option><option value="kom" @selected(($item['unit']??'')==='kom')>kom</option></select><input type="number" min="0" step=".01" data-n="unit_price" value="{{$item['unit_price']??0}}" oninput="calc()"><b class="line">0,00</b><button type="button" onclick="removeItem(this)">×</button></div>@endforeach</div></div>
<div class="bottom"><section class="card"><label>Napomena na računu</label><textarea name="notes" rows="9">{{old('notes',$offer->notes??$invoice->notes)}}</textarea></section><aside class="card"><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','vat_rate'=>'PDV'] as $n=>$l)<div class="discount"><label>{{$l}} (%)</label><input type="number" min="0" max="100" step=".01" name="{{$n}}" value="{{old($n,$offer->$n??$invoice->$n??($n==='vat_rate'?25:0))}}" oninput="calc()"></div>@endforeach<div class="summary"><div><span>Osnovica</span><b id="sub">0,00 €</b></div><div><span>S popustima</span><b id="net">0,00 €</b></div><div><span>PDV</span><b id="vat">0,00 €</b></div><div class="grand"><span>Ukupno</span><b id="total">0,00 €</b></div></div></aside></div>
@if($errors->any())<div class="error card">{{$errors->first()}}</div>@endif<div class="actions"><button class="btn">Spremi račun</button><a class="btn secondary" href="{{route('invoices.index')}}">Odustani</a></div></form>
<template id="tpl"><div class="ir"><b class="rn"></b><div><select onchange="rate(this)"><option value="">Ručni unos</option>@foreach($rates as $r)<option data-description="{{$r->name}}" data-price="{{$r->unit_price}}">{{$r->priceList->name}} · {{$r->name}}</option>@endforeach</select><input class="description" data-n="description" placeholder="Upišite opis stavke"></div><input type="number" min="1" data-n="quantity" value="1" oninput="calc()"><select data-n="unit"><option value="kom">kom</option><option value="emitiranje">emitiranje</option></select><input type="number" min="0" step=".01" data-n="unit_price" value="0" oninput="calc()"><b class="line">0,00</b><button type="button" onclick="removeItem(this)">×</button></div></template>
<style>.invoice-editor{max-width:none}.meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.meta-grid .wide{grid-column:span 2}.section-bar{display:flex;justify-content:space-between;align-items:center;margin:22px 0 10px}.section-bar h2{margin:0}.item-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.item-wrap>div{min-width:1100px}.ih,.ir{display:grid;grid-template-columns:55px minmax(380px,1fr) 100px 125px 120px 110px 36px;gap:8px;padding:9px;background:#fff;align-items:center}.ih{background:#edf2ef;font-weight:bold}.ir{border-top:1px solid var(--line)}.ir .description{margin-top:6px}.ir button{border:0;background:none;color:var(--danger);font-size:21px}.line{text-align:right}.bottom{display:grid;grid-template-columns:1fr 350px;gap:16px;margin-top:16px}.discount{display:grid;grid-template-columns:1fr 100px;gap:8px;align-items:center;margin-bottom:8px}.discount label{margin:0}.summary{border-top:1px solid var(--line);padding-top:9px}.summary div{display:flex;justify-content:space-between;padding:5px}.summary .grand{border-top:2px solid var(--ink);font-size:18px;margin-top:5px}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}@media(max-width:950px){.meta-grid{grid-template-columns:1fr 1fr}.bottom{grid-template-columns:1fr}}</style>
<script>const h=document.getElementById('items'),fmt=new Intl.NumberFormat('hr-HR',{minimumFractionDigits:2,maximumFractionDigits:2});function bind(){h.querySelectorAll('.ir').forEach((r,i)=>{r.querySelector('.rn').textContent=i+1;r.querySelectorAll('[data-n]').forEach(x=>x.name=`items[${i}][${x.dataset.n}]`)})}function addItem(){h.appendChild(document.getElementById('tpl').content.cloneNode(true));bind();calc()}function removeItem(b){if(h.querySelectorAll('.ir').length>1)b.closest('.ir').remove();bind();calc()}function rate(s){const o=s.options[s.selectedIndex],r=s.closest('.ir');if(o.dataset.description){r.querySelector('[data-n=description]').value=o.dataset.description;r.querySelector('[data-n=unit_price]').value=o.dataset.price}calc()}function n(name){return parseFloat(document.querySelector(`[name="${name}"]`)?.value)||0}function calc(){let sub=0;h.querySelectorAll('.ir').forEach(r=>{const v=(parseFloat(r.querySelector('[data-n=quantity]').value)||0)*(parseFloat(r.querySelector('[data-n=unit_price]').value)||0);sub+=v;r.querySelector('.line').textContent=fmt.format(v)});let net=sub;['agency_commission_pct','quantity_discount_pct','promotional_discount_pct','advance_discount_pct'].forEach(x=>net*=1-n(x)/100);const vat=net*n('vat_rate')/100;subEl=document.getElementById('sub');subEl.textContent=fmt.format(sub)+' €';document.getElementById('net').textContent=fmt.format(net)+' €';document.getElementById('vat').textContent=fmt.format(vat)+' €';document.getElementById('total').textContent=fmt.format(net+vat)+' €'}bind();calc()</script>@endsection