@extends('layout')
@section('title', 'Cadence & Cycles')
@section('content')
<div class="page-heading split-heading"><div><span class="eyebrow">Governed cadence</span><h1>Operating cycles</h1><p>One bounded objective, evidence window, owner set, and decision at a time.</p></div>@if(auth()->user()->canAtlas('cycles.manage'))<button class="button primary" data-modal-open="new-cycle">+ New cycle</button>@endif</div>
<div class="card-grid three">
@forelse($cycles as $cycle)
    <article class="cycle-card {{ $cycle->is_active ? 'active' : '' }}"><header><span class="badge {{ $cycle->status }}">{{ ucfirst($cycle->status) }}</span>@if($cycle->is_active)<span class="live-label"><i></i> Active</span>@endif</header><h2>{{ $cycle->name }}</h2><p>{{ $cycle->objective }}</p><dl><div><dt>Window</dt><dd>{{ $cycle->starts_on->format('d M') }} — {{ $cycle->ends_on->format('d M Y') }}</dd></div><div><dt>Records</dt><dd>{{ $cycle->records_count }}</dd></div></dl>@if(!$cycle->is_active && auth()->user()->canAtlas('cycles.manage'))<form method="POST" action="{{ route('cycles.activate', $cycle) }}">@csrf<button class="button secondary full" type="submit">Make active cycle</button></form>@endif</article>
@empty<div class="empty-state panel"><h2>No operating cycles</h2><p>Create the 8–12 week Customer Zero proof cycle defined in the roadmap.</p></div>@endforelse
</div>
@if(auth()->user()->canAtlas('cycles.manage'))<dialog class="modal" id="new-cycle"><form method="POST" action="{{ route('cycles.store') }}">@csrf<header><div><span class="eyebrow">Evidence window</span><h2>Create operating cycle</h2></div><button type="button" data-modal-close>×</button></header><div class="form-stack"><label>Cycle name<input name="name" required placeholder="Customer Zero — Cycle 01"></label><label>Objective<textarea name="objective" rows="5" required placeholder="What state must change, and what decision will the evidence enable?"></textarea></label><div class="form-grid"><label>Starts on<input type="date" name="starts_on" required></label><label>Ends on<input type="date" name="ends_on" required></label></div></div><footer><button type="button" class="button ghost" data-modal-close>Cancel</button><button class="button primary" type="submit">Create cycle</button></footer></form></dialog>@endif
@endsection