@extends('layouts.app')
@section('title','Validation mensuelle · '.$organization->name)
@section('eyebrow','Espace famille')
@section('heading','Valider le planning de '.ucfirst($month->translatedFormat('F')))
@section('content')
@php
$labels=['to_validate'=>'À valider','validated_parent'=>'Validé','validated_default'=>'Validé par défaut'];
$weeks=$active->days->groupBy(fn($d)=>$d->forecast_date->copy()->startOfWeek()->format('Y-m-d'));
@endphp
<div class="mv-parent">
<section class="mv-deadline">
<div><b>Validez le planning de {{ $month->translatedFormat('F') }}</b><p>Vérifiez les présences pré-remplies depuis le contrat, signalez les changements, puis validez.</p></div>
<div><b>{{ $settings->deadline_day }} {{ $month->copy()->subMonth()->translatedFormat('F') }}</b><span>date limite</span></div>
</section>

<div class="mv-tabs">
@foreach($forecasts as $forecast)
<a class="mv-tab {{ $forecast->id===$active->id?'active':'' }}" href="{{ route('tenant.monthly-validation.parent',['month'=>$month->format('Y-m'),'forecast'=>$forecast->id]) }}">
<span>{{ mb_strtoupper(mb_substr($forecast->child->first_name,0,1)) }}</span>
{{ $forecast->child->first_name }}
<i class="{{ $forecast->global_status==='to_validate'?'todo':'done' }}">{{ $labels[$forecast->global_status]??$forecast->global_status }}</i>
</a>
@endforeach
</div>

<section class="mv-card">
<header><div><h2>{{ ucfirst($month->translatedFormat('F Y')) }} — {{ $active->child->first_name }}</h2><p>Touchez un jour pour le modifier. Les absences imprévues restent dans le module Absences.</p></div></header>
<div class="mv-calendar">
@foreach($weeks as $weekKey=>$days)
<div class="mv-week">
<b>Semaine du {{ \Carbon\Carbon::parse($weekKey)->format('d/m') }}</b>
<div class="mv-days">
@foreach($days as $day)
@php
$cls=match($day->day_status){
'child_leave'=>'leave','adjusted_hours'=>'adjusted','extra_day'=>'pending','outside_contract'=>'off',default=>'normal'};
@endphp
<button type="button" class="mv-day {{ $cls }}" data-open-day
data-day-id="{{ $day->id }}"
data-date="{{ $day->forecast_date->translatedFormat('l d F') }}"
data-status="{{ $day->day_status }}"
data-arrival="{{ $day->arrival_time?substr($day->arrival_time,0,5):'' }}"
data-departure="{{ $day->departure_time?substr($day->departure_time,0,5):'' }}"
data-original-arrival="{{ $day->original_arrival_time?substr($day->original_arrival_time,0,5):'' }}"
data-original-departure="{{ $day->original_departure_time?substr($day->original_departure_time,0,5):'' }}">
<em>{{ ucfirst($day->forecast_date->translatedFormat('D d')) }}</em>
@if($day->day_status==='child_leave')
<b>Congé posé</b><span>place libérée</span>
@elseif($day->day_status==='adjusted_hours')
<b>{{ substr($day->arrival_time,0,5) }}–{{ substr($day->departure_time,0,5) }}</b><span>horaire aménagé</span>
@elseif($day->day_status==='extra_day')
<b>{{ substr($day->arrival_time,0,5) }}–{{ substr($day->departure_time,0,5) }}</b><span>jour demandé</span>
@elseif($day->day_status==='outside_contract')
<b>—</b><span>hors contrat · demander</span>
@else
<b>{{ substr($day->arrival_time,0,5) }}–{{ substr($day->departure_time,0,5) }}</b><span>conforme au contrat</span>
@endif
</button>
@endforeach
</div>
</div>
@endforeach
</div>
</section>

<section class="mv-card mv-absence-link">
<div><h3>Besoin de signaler une absence pour aujourd’hui ou demain ?</h3><p>Maladie ou imprévu : utilisez le module Absences dédié.</p></div>
<button class="btn secondary" disabled>Signaler une absence</button>
</section>
</div>

<div class="mv-sticky"><div>
<span>Planning de {{ $active->child->first_name }}</span>
<form method="post" action="{{ route('tenant.monthly-validation.validate',$active->id) }}">@csrf @method('PATCH')
<button class="btn primary" @disabled($active->global_status!=='to_validate')>
{{ $active->global_status==='to_validate'?'Tout est exact — valider '.ucfirst($month->translatedFormat('F')):'Planning validé' }}
</button>
</form>
</div></div>

<dialog class="mv-dialog" data-day-dialog>
<form method="post" data-day-form>@csrf @method('PATCH')
<header><div><span>MODIFIER UNE JOURNÉE</span><h2 data-day-title></h2><p data-day-subtitle></p></div><button type="button" data-day-close>×</button></header>
<div class="mv-options">
<label><input type="radio" name="action" value="adjustment" checked> Aménager les horaires</label>
<label><input type="radio" name="action" value="leave"> Poser un congé</label>
<label><input type="radio" name="action" value="extra_day"> Demander ce jour en plus</label>
<label><input type="radio" name="action" value="reset"> Tout remettre au contrat</label>
</div>
<div class="mv-time-row"><label>Arrivée<input type="time" name="arrival_time" data-day-arrival></label><label>Départ<input type="time" name="departure_time" data-day-departure></label></div>
<button class="btn primary">Enregistrer</button>
</form>
</dialog>
@endsection