@extends('layouts.app')
@section('title',$block->exists?'Uredi blok':'Novi blok')
@section('content')
<div class="top"><div><div class="eyebrow">Reklamni blokovi</div><h1>{{ $block->exists?'Uredi termin':'Novi termin' }}</h1></div></div>
<form class="card form" method="post" action="{{ $block->exists?route('blocks.update',$block):route('blocks.store') }}">@csrf @if($block->exists) @method('put') @endif
<div class="fields">
    <div class="field"><label>Naziv *</label><input name="name" value="{{ old('name',$block->name) }}" placeholder="Blok 1"></div>
    <div class="field"><label>Vrijeme početka *</label><input type="time" name="starts_at" value="{{ old('starts_at',$block->starts_at?substr($block->starts_at,0,5):'') }}"></div>
    <div class="field"><label>Vrsta termina *</label><select id="block-type" name="block_type"><option value="regular" @selected(old('block_type',$block->block_type?:'regular')==='regular')>Redovni reklamni blok</option><option value="featured" @selected(old('block_type',$block->block_type)==='featured')>Izdvojeni / istaknuti termin</option></select><div class="help">Izdvojeni termin namijenjen je npr. jednoj reklami prije vijesti.</div></div>
    <div class="field"><label>Maksimalan broj reklama u bloku *</label><input id="max-spots" type="number" min="1" name="max_spots" value="{{ old('max_spots',$block->max_spots?:8) }}"><div class="help">Raspored će upozoriti samo ako je ovaj broj prekoračen.</div></div>
    <div class="field"><label>Maksimalno ukupno trajanje bloka (sekunde) *</label><input type="number" min="1" name="max_duration_seconds" value="{{ old('max_duration_seconds',$block->max_duration_seconds?:240) }}"><div class="help">U ukupno trajanje računaju se reklame i uključeni jingleovi.</div></div>
    <div class="field full"><label>Jingleovi ovog termina</label><div class="toolbar"><label style="margin:0"><input style="width:auto" type="checkbox" name="use_intro_jingle" value="1" @checked(old('use_intro_jingle',$block->exists?$block->use_intro_jingle:true))> Početni jingle</label><label style="margin:0"><input style="width:auto" type="checkbox" name="use_outro_jingle" value="1" @checked(old('use_outro_jingle',$block->exists?$block->use_outro_jingle:true))> Završni jingle</label></div></div>
    <div class="field full"><label><input style="width:auto" type="checkbox" name="active" value="1" @checked(old('active',$block->exists?$block->active:true))> Aktivan termin</label></div>
</div>
@if($errors->any())<div class="error">{{ $errors->first() }}</div>@endif
<div class="toolbar" style="margin-top:20px"><button class="btn">Spremi</button><a class="btn secondary" href="{{ route('blocks.index') }}">Odustani</a></div></form>
<script>document.getElementById('block-type').addEventListener('change',event=>{if(event.target.value==='featured'&&Number(document.getElementById('max-spots').value)===8)document.getElementById('max-spots').value=1});</script>
@endsection