@extends('layouts.app')
@section('title', 'Uredi tarifnu stavku')
@section('content')
<div class="top"><div><div class="eyebrow">{{ $price->name }}</div><h1>Uredi tarifnu stavku</h1></div><a class="btn secondary" href="{{ route('prices.show', $price) }}">← Cjenik</a></div>
<form class="card form" method="post" action="{{ route('prices.items.update', [$price, $item]) }}">
    @csrf @method('PUT')
    <div class="fields">
        <div><label>Naziv</label><input name="name" value="{{ old('name', $item->name) }}" required></div>
        <div><label>Cijena (€)</label><input type="number" min="0" step=".01" name="unit_price" value="{{ old('unit_price', $item->unit_price) }}" required></div>
        <div><label>Vrsta usluge</label><select id="service-type" name="service_type" required>@foreach(['broadcast'=>'Emitiranje','production'=>'Produkcija','web'=>'Web / portal','sponsorship'=>'Sponzorstvo / emisija','other'=>'Ostalo'] as $value=>$label)<option value="{{ $value }}" @selected(old('service_type',$item->service_type?:'broadcast')===$value)>{{ $label }}</option>@endforeach</select></div>
        <div><label>Jedinica</label><select name="unit" required>@foreach(['emitiranje','komad','usluga','paket','mjesec','minuta'] as $unit)<option value="{{ $unit }}" @selected(old('unit',$item->unit?:'emitiranje')===$unit)>{{ ucfirst($unit) }}</option>@endforeach</select></div>
        <div class="broadcast-field"><label>Trajanje (s)</label><input type="number" min="1" name="duration_seconds" value="{{ old('duration_seconds', $item->duration_from_seconds?:10) }}"><div class="help">Interna tolerancija trajanja je do +3 sekunde.</div></div>
        <div class="broadcast-field"><label>Vrijeme od</label><input type="time" name="time_from" value="{{ old('time_from', $item->time_from?substr($item->time_from, 0, 5):'07:00') }}"></div>
        <div class="broadcast-field"><label>Vrijeme do</label><input type="time" name="time_to" value="{{ old('time_to', $item->time_to?substr($item->time_to, 0, 5):'19:00') }}"></div>
    </div>
    @if($errors->any())<div class="error">{{ $errors->first() }}</div>@endif
    <div class="toolbar" style="margin-top:20px"><button class="btn">Spremi stavku</button><a class="btn secondary" href="{{ route('prices.show', $price) }}">Odustani</a></div>
</form>
<script>
const type=document.getElementById('service-type');
function sync(){document.querySelectorAll('.broadcast-field').forEach(el=>el.style.display=type.value==='broadcast'?'block':'none');document.querySelectorAll('.broadcast-field input').forEach(el=>el.required=type.value==='broadcast');}
type.addEventListener('change',sync);sync();
</script>
@endsection