@extends('layouts.app')

@section('title', __('messages.herd_report'))

@section('breadcrumb')
    <a href="{{ route('cattle.index') }}" class="text-decoration-none text-secondary">{{ __('messages.cattle') }}</a>
    / <span class="text-secondary">{{ __('messages.herd_report') }}</span>
@endsection

@section('content')
<div class="page-header">
    <h1 class="page-title"><i class="bi bi-people me-2 text-primary"></i>{{ __('messages.herd_report') }}</h1>
</div>

<div class="row mb-4">
    <div class="col-md-3">
        <div class="card">
            <div class="card-body">
                <small class="text-muted">{{ __('messages.total_cattle') }}</small>
                <h3>{{ $herdStats['total'] ?? 0 }}</h3>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card">
            <div class="card-body">
                <small class="text-muted">{{ __('messages.active') }}</small>
                <h3>{{ $herdStats['active'] ?? 0 }}</h3>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card">
            <div class="card-body">
                <small class="text-muted">{{ __('messages.males') }}</small>
                <h3>{{ $herdStats['males'] ?? 0 }}</h3>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card">
            <div class="card-body">
                <small class="text-muted">{{ __('messages.females') }}</small>
                <h3>{{ $herdStats['females'] ?? 0 }}</h3>
            </div>
        </div>
    </div>
</div>

<div class="row g-4">
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                <h6 class="mb-0">{{ __('messages.by_breed') }}</h6>
            </div>
            <div class="table-responsive">
                <table class="table table-sm table-hover mb-0">
                    <thead>
                        <tr>
                            <th>{{ __('messages.breed') }}</th>
                            <th>{{ __('messages.count') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($breedStats as $breed)
                        <tr>
                            <td>{{ $breed->name }}</td>
                            <td>{{ $breed->cattle_count ?? 0 }}</td>
                        </tr>
                        @empty
                        <tr><td colspan="2" class="text-center py-3 text-muted">{{ __('messages.no_data') }}</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                <h6 class="mb-0">{{ __('messages.by_status') }}</h6>
            </div>
            <div class="table-responsive">
                <table class="table table-sm table-hover mb-0">
                    <thead>
                        <tr>
                            <th>{{ __('messages.status') }}</th>
                            <th>{{ __('messages.count') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><span class="badge bg-success">{{ __('messages.active') }}</span></td>
                            <td>{{ $herdStats['active'] ?? 0 }}</td>
                        </tr>
                        <tr>
                            <td><span class="badge bg-secondary">{{ __('messages.sold') }}</span></td>
                            <td>{{ $herdStats['sold'] ?? 0 }}</td>
                        </tr>
                        <tr>
                            <td><span class="badge bg-warning">{{ __('messages.quarantine') }}</span></td>
                            <td>{{ $herdStats['quarantine'] ?? 0 }}</td>
                        </tr>
                        <tr>
                            <td><span class="badge bg-danger">{{ __('messages.deceased') }}</span></td>
                            <td>{{ $herdStats['deceased'] ?? 0 }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<div class="card mt-4">
    <div class="card-header">
        <h6 class="mb-0">{{ __('messages.cattle_list') }}</h6>
    </div>
    <div class="table-responsive">
        <table class="table table-sm table-hover mb-0">
            <thead>
                <tr>
                    <th>{{ __('messages.tag') }}</th>
                    <th>{{ __('messages.name') }}</th>
                    <th>{{ __('messages.breed') }}</th>
                    <th>{{ __('messages.gender') }}</th>
                    <th>{{ __('messages.purpose') }}</th>
                    <th>{{ __('messages.status') }}</th>
                </tr>
            </thead>
            <tbody>
                @forelse($cattleList as $cattle)
                <tr>
                    <td>
                        <a href="{{ route('cattle.show', $cattle) }}" class="text-decoration-none">
                            {{ $cattle->tag_number }}
                        </a>
                    </td>
                    <td>{{ $cattle->name ?? '—' }}</td>
                    <td>{{ $cattle->breed->name ?? '—' }}</td>
                    <td>{{ __('messages.' . $cattle->gender) }}</td>
                    <td>{{ __('messages.' . $cattle->purpose) }}</td>
                    <td><span class="badge bg-secondary">{{ __('messages.' . $cattle->status) }}</span></td>
                </tr>
                @empty
                <tr><td colspan="6" class="text-center py-4 text-muted">{{ __('messages.no_cattle') }}</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection