@extends('layouts.app') @section('title','Raspored '.$order->number) @section('content')
<div class="top"><div><div class="eyebrow">Narudžba {{ $order->number }}</div><h1>Dnevni raspored emitiranja</h1></div><div class="toolbar"><a class="btn secondary" href="{{ route('orders.show',$order) }}">← Narudžba</a>@if($blocks->isNotEmpty())<form method="post" action="{{ route('orders.schedule.generate-all',$order) }}">@csrf<button class="btn">Automatski rasporedi sve</button></form>@endif</div></div>
@if($errors->has('schedule'))<div class="alert" style="background:#feeceb;color:var(--danger)">{{ $errors->first('schedule') }}</div>@endif
@if($blocks->isEmpty())<div class="card"><h2>Nema reklamnih blokova</h2><a class="btn" href="{{ route('blocks.create') }}">+ Dodaj prvi termin</a></div>@else
<div class="card" style="margin-bottom:18px"><div style="display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap"><div class="toolbar">@if($previousDate)<a class="btn secondary" href="{{ route('orders.schedule-all',['order'=>$order,'date'=>$previousDate->format('Y-m-d')]) }}">← Prethodni</a>@else<span class="btn secondary" style="opacity:.4">← Prethodni</span>@endif<form method="get" class="toolbar"><input type="date" name="date" min="{{ $startsOn->format('Y-m-d') }}" max="{{ $endsOn->format('Y-m-d') }}" value="{{ $date->format('Y-m-d') }}" onchange="this.form.submit()" style="width:auto"><strong style="font-size:19px">{{ $date->translatedFormat('l, d.m.Y.') }}</strong></form>@if($nextDate)<a class="btn secondary" href="{{ route('orders.schedule-all',['order'=>$order,'date'=>$nextDate->format('Y-m-d')]) }}">Sljedeći →</a>@else<span class="btn secondary" style="opacity:.4">Sljedeći →</span>@endif</div><div><strong>{{ $order->items->sum(fn($item)=>$item->scheduledPlays->count()) }} / {{ $order->items->sum('total_plays') }} ukupno raspoređeno</strong></div></div></div>
<div style="display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px" class="eyebrow"><span>✓ spot je raspoređen u tom bloku</span><span style="color:var(--danger)">⚠ upozorenje se prikazuje samo kod prekoračenja limita</span></div>
@php($overloadedBlocks = $blocks->filter(function($block) use ($matrix,$jingles) { $cellPlays=$matrix->get($block->id,collect()); $duration=$cellPlays->sum(fn($play)=>(int)ceil(($play->orderItem->spot->duration_ms??0)/1000))+$jingles->durationFor($block); return $cellPlays->count()>$block->max_spots||$duration>$block->max_duration_seconds; }))
@if($overloadedBlocks->isNotEmpty())<div class="alert" style="background:#feeceb;color:var(--danger)"><strong>⚠ Prekoračen limit:</strong> {{ $overloadedBlocks->pluck('time_label')->join(', ') }}. Provjerite broj reklama ili ukupno trajanje blokova.</div>@endif
<div class="schedule-wrap"><table class="schedule" style="min-width:{{ max(900,230+$blocks->count()*115) }}px"><thead><tr><th style="min-width:220px">Spot</th>@foreach($blocks as $block) @php($cellPlays=$matrix->get($block->id,collect())) @php($duration=$cellPlays->sum(fn($play)=>(int)ceil(($play->orderItem->spot->duration_ms??0)/1000))+$jingles->durationFor($block)) @php($overLimit=$cellPlays->count()>$block->max_spots||$duration>$block->max_duration_seconds) @php($adWord=$cellPlays->count()===1?'reklama':($cellPlays->count()>=2&&$cellPlays->count()<=4?'reklame':'reklama'))<th title="Maksimum: {{ $block->max_spots }} reklama i {{ $block->max_duration_seconds }} s" style="min-width:108px;background:{{ $overLimit?'#ffd9d6':'#e5f4ed' }};color:{{ $overLimit?'var(--danger)':'inherit' }}">{{ $block->time_label }}<br><span style="font-weight:500">{{ $overLimit?'⚠ ':'' }}{{ $cellPlays->count() }} {{ $adWord }} · {{ $duration }} s</span></th>@endforeach<th>Zbroj</th></tr></thead><tbody>
@foreach($order->items as $item) @php($inRange=$date->betweenIncluded($item->starts_on,$item->ends_on)) @php($dailyCount=0)<tr><td><strong>{{ $item->spot->code }} — {{ $item->spot->name }}</strong><div class="eyebrow">{{ $item->scheduledPlays->count() }}/{{ $item->total_plays }} ukupno · {{ $item->starts_on->format('d.m.') }}–{{ $item->ends_on->format('d.m.') }}</div></td>@foreach($blocks as $block) @php($cellPlays=$matrix->get($block->id,collect())) @php($mine=$cellPlays->firstWhere('order_item_id',$item->id)) @php($allowed=empty($item->allowed_hours)||in_array((int)substr($block->starts_at,0,2),$item->allowed_hours)) @php($dailyCount += $mine?1:0)<td style="background:{{ $mine?'#d9eee5':'white' }}"><form method="post" action="{{ route('orders.schedule.toggle',[$order,$item]) }}">@csrf<input type="hidden" name="play_date" value="{{ $date->format('Y-m-d') }}"><input type="hidden" name="block_template_id" value="{{ $block->id }}"><button class="slot {{ $mine?'on':'' }}" title="{{ $block->time_label }}" @disabled(!$inRange||(!$allowed&&!$mine))>{{ $mine?'✓':'' }}</button></form></td>@endforeach<td><strong>{{ $dailyCount }}</strong></td></tr>@endforeach
<tr><td><strong>Sadržaj blokova</strong></td>@foreach($blocks as $block)<td style="vertical-align:top"><div style="display:flex;gap:3px;flex-wrap:wrap;justify-content:center">@foreach($matrix->get($block->id,collect()) as $play)<span title="{{ $play->orderItem->order->number }} · {{ $play->orderItem->spot->name }}" style="font-size:10px;padding:2px 5px;border-radius:10px;background:{{ $play->orderItem->order_id===$order->id?'#12694f':'#dbe5e1' }};color:{{ $play->orderItem->order_id===$order->id?'white':'#26332e' }}">{{ $play->orderItem->spot->code }}</span>@endforeach</div></td>@endforeach<td></td></tr>
</tbody></table></div>@endif
<script>
(() => {
    const weekday = {{ $date->dayOfWeekIso }};
    let anyAllowed = false;
    @foreach($order->items as $item)
        @php($dayAllowed = in_array($date->dayOfWeekIso, $item->allowed_weekdays ?: range(1,7)))
        @if($dayAllowed)
            anyAllowed = true;
        @else
            document.querySelectorAll('form[action="{{ route('orders.schedule.toggle',[$order,$item]) }}"] .slot:not(.on)').forEach(button => {
                button.disabled = true;
                button.title = 'Spot se ne emitira na ovaj dan';
                button.closest('td').style.background = '#f2f4f3';
            });
        @endif
    @endforeach
    if (!anyAllowed) {
        const table = document.querySelector('.schedule-wrap');
        if (table) table.insertAdjacentHTML('beforebegin', '<div class="card" style="margin-bottom:12px;background:#f2f4f3"><strong>Nema planiranog emitiranja za ovaj dan.</strong> Nedopušteni termini su zaključani.</div>');
    }
})();
</script>
@endsection