@extends('layouts.app')

@section('title', 'Jadwal Pakan')

@section('content')
    <div class="page-header">
        <div><span class="eyebrow">Operasional Harian</span><h1>Jadwal Pakan</h1><p>Atur jadwal pemberian pakan dan pantau pelaksanaannya.</p></div>
        <div class="header-actions"><a class="btn btn-primary btn-link" href="{{ route('schedules.create') }}">＋ Buat Jadwal</a></div>
    </div>
    <div class="schedule-summary">
        <div><span aria-hidden="true">▦</span><span>Hari ini<strong>{{ $todayCount }} jadwal</strong></span></div>
        <div><span aria-hidden="true">✓</span><span>Selesai<strong>{{ $completedCount }} jadwal</strong></span></div>
        <div><span aria-hidden="true">◷</span><span>Belum dilakukan<strong>{{ $pendingCount }} jadwal</strong></span></div>
        <div><span aria-hidden="true">!</span><span>Terlambat<strong>{{ $lateCount }} jadwal</strong></span></div>
    </div>
    <section class="card">
        <div class="card-header"><div><h2>Jadwal Pemberian Pakan</h2><p>{{ \Illuminate\Support\Carbon::parse($scheduleDate)->translatedFormat('l, d F Y') }}</p></div><span class="badge badge-green">{{ $schedules->total() }} jadwal</span></div>
        <div class="filter-bar"><form method="get" action="{{ route('schedules.index') }}"><label class="search-field"><span>⌕</span><input name="search" value="{{ request('search') }}" placeholder="Cari kandang, pakan, petugas..."></label><input type="date" name="date" value="{{ $scheduleDate }}" aria-label="Tanggal jadwal"><button class="btn btn-secondary" type="submit">Terapkan</button></form></div>
        <div class="table-scroll"><table>
            <thead><tr><th>Waktu</th><th>Target Sapi</th><th>Jenis Pakan</th><th>Jumlah</th><th>Petugas</th><th>Status</th><th>Aksi</th></tr></thead><tbody>
            @forelse($schedules as $schedule)
                <tr>
                    <td><strong>{{ $schedule->scheduled_at->format('H:i') }}</strong><span class="subcell">{{ $schedule->scheduled_at->translatedFormat('d M Y') }}</span></td>
                    <td>{{ $schedule->target }}</td><td>{{ $schedule->feed->name }}</td><td><strong>{{ number_format($schedule->quantity_kg, 1, ',', '.') }} kg</strong></td><td>{{ $schedule->officer }}</td>
                    <td><span class="badge badge-{{ $schedule->status === 'Selesai' ? 'green' : ($schedule->status === 'Terlambat' ? 'red' : 'amber') }}"><i class="badge-dot"></i>{{ $schedule->status }}</span></td>
                    <td><div class="action-forms">
                        @if($schedule->status !== 'Selesai')
                            <form method="post" action="{{ route('schedules.complete', $schedule) }}" onsubmit="return confirm('Tandai jadwal ini selesai? Stok pakan akan dikurangi.')">@csrf @method('patch')<button class="btn btn-secondary" type="submit">Selesai</button></form>
                        @endif
                        <a class="text-button" href="{{ route('schedules.edit', $schedule) }}">Edit</a>
                        <form method="post" action="{{ route('schedules.destroy', $schedule) }}" onsubmit="return confirm('Hapus jadwal ini?')">@csrf @method('delete')<button class="text-button" type="submit">Hapus</button></form>
                    </div></td>
                </tr>
            @empty
                <tr><td colspan="7" class="empty-row">Tidak ada jadwal pakan untuk tanggal ini. <a href="{{ route('schedules.create') }}">Buat jadwal.</a></td></tr>
            @endforelse
            </tbody>
        </table></div>
        <div class="pagination"><span>{{ $schedules->total() }} jadwal</span>{{ $schedules->links() }}</div>
    </section>
@endsection