@extends('layouts.app')

@section('title', 'Data Sapi')

@section('content')
    <div class="page-header">
        <div><span class="eyebrow">Manajemen Ternak</span><h1>Data Sapi</h1><p>Kelola profil dan identitas seluruh sapi di peternakan.</p></div>
        <div class="header-actions"><a class="btn btn-primary btn-link" href="{{ route('cattle.create') }}">＋ Tambah Sapi</a></div>
    </div>
    <section class="card">
        <div class="filter-bar">
            <form method="get" action="{{ route('cattle.index') }}">
                <label class="search-field"><span aria-hidden="true">⌕</span><input name="search" value="{{ request('search') }}" placeholder="Cari data sapi..."></label>
                <select name="breed" aria-label="Jenis sapi"><option value="">Semua jenis</option>@foreach($breeds as $breed)<option value="{{ $breed }}" @selected(request('breed') === $breed)>{{ $breed }}</option>@endforeach</select>
                <select name="status" aria-label="Status"><option value="">Semua status</option>@foreach(['Sehat', 'Perawatan', 'Sakit'] as $status)<option @selected(request('status') === $status)>{{ $status }}</option>@endforeach</select>
                <button class="btn btn-secondary" type="submit">Filter</button>
                @if(request()->hasAny(['search', 'breed', 'status']))<a class="text-button" href="{{ route('cattle.index') }}">Hapus filter</a>@endif
            </form>
        </div>
        <div class="table-scroll">
            <table><thead><tr><th>ID / Sapi</th><th>Jenis</th><th>Umur</th><th>Kelamin</th><th>Berat</th><th>Status</th><th>Aksi</th></tr></thead>
                <tbody>
                @forelse($cattle as $animal)
                    <tr>
                        <td><div class="animal-cell"><span class="stat-icon green" style="width:38px;height:38px">♧</span><div><strong>{{ $animal->name }}</strong><span>{{ $animal->tag_number }}</span></div></div></td>
                        <td>{{ $animal->breed }}</td><td>{{ $animal->birth_date ? $animal->birth_date->age . ' th' : '—' }}</td><td>{{ $animal->sex }}</td>
                        <td><strong>{{ number_format($animal->weight_kg, 1) }} kg</strong></td>
                        <td><span class="badge badge-{{ $animal->status === 'Sehat' ? 'green' : ($animal->status === 'Sakit' ? 'red' : 'amber') }}"><i class="badge-dot"></i>{{ $animal->status }}</span></td>
                        <td><div class="row-actions"><a href="{{ route('cattle.edit', $animal) }}" title="Edit data sapi" aria-label="Edit {{ $animal->name }}">✎</a><form method="post" action="{{ route('cattle.destroy', $animal) }}" onsubmit="return confirm('Hapus data sapi {{ $animal->name }}?')">@csrf @method('delete')<button class="delete" type="submit" title="Hapus sapi" aria-label="Hapus {{ $animal->name }}">×</button></form></div></td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="empty-row">Data sapi tidak ditemukan. <a href="{{ route('cattle.create') }}">Tambahkan sapi pertama.</a></td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
        <div class="pagination"><span>Menampilkan {{ $cattle->firstItem() ?? 0 }}–{{ $cattle->lastItem() ?? 0 }} dari {{ $cattle->total() }} data</span>{{ $cattle->links() }}</div>
    </section>
@endsection