@extends('layouts.app')

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

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

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title d-flex align-items-center">
            @include('partials.icons.genetics', ['width' => 22, 'height' => 22, 'class' => 'me-2 text-primary flex-shrink-0'])
            <span>{{ __('messages.semen_production') }}</span>
        </h1>
        <p class="page-subtitle">{{ __('messages.track_semen_collection_records') }}</p>
    </div>
    <a href="{{ route('production.semen.create') }}" class="btn btn-primary">
        <i class="bi bi-plus-lg me-1"></i>{{ __('messages.add_record') }}
    </a>
</div>

@if(session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
@endif

<div class="row">
    <div class="col-md-3">
        <div class="card">
            <div class="card-body">
                <small class="text-muted">{{ __('messages.total_collected') }}</small>
                <h3>{{ number_format($semenStats['total_quantity'] ?? 0, 2) }} ml</h3>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card">
            <div class="card-body">
                <small class="text-muted">{{ __('messages.this_month') }}</small>
                <h3>{{ number_format($semenStats['month_quantity'] ?? 0, 2) }} ml</h3>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card">
            <div class="card-body">
                <small class="text-muted">{{ __('messages.average_per_record') }}</small>
                <h3>{{ number_format($semenStats['average_quantity'] ?? 0, 2) }} ml</h3>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card">
            <div class="card-body">
                <small class="text-muted">{{ __('messages.records') }}</small>
                <h3>{{ $semenStats['total_records'] ?? 0 }}</h3>
            </div>
        </div>
    </div>
</div>

<div class="card mt-3">
    <div class="table-responsive">
        <table class="table table-hover mb-0">
            <thead>
                <tr>
                    <th>{{ __('messages.cattle') }}</th>
                    <th>{{ __('messages.collected_by') }}</th>
                    <th>{{ __('messages.date') }}</th>
                    <th>{{ __('messages.quantity_ml') }}</th>
                    <th>{{ __('messages.quality') }}</th>
                    <th>{{ __('messages.notes') }}</th>
                </tr>
            </thead>
            <tbody>
                @forelse($semen as $record)
                <tr>
                    <td>
                        <a href="{{ route('cattle.show', $record->cattle) }}" class="text-decoration-none">
                            {{ $record->cattle->tag_number ?? '—' }} - {{ $record->cattle->name ?? '—' }}
                        </a>
                    </td>
                    <td>{{ $record->collectedBy->name ?? '—' }}</td>
                    <td>{{ $record->collection_date?->format('M d, Y') ?? '—' }}</td>
                    <td><strong>{{ number_format($record->quantity_ml, 2) }}</strong></td>
                    <td>{{ $record->quality ?: '—' }}</td>
                    <td>{{ \Illuminate\Support\Str::limit($record->notes, 40) ?: '—' }}</td>
                </tr>
                @empty
                <tr>
                    <td colspan="6" class="text-center py-4 text-muted">{{ __('messages.no_semen_production_records') }}</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($semen->hasPages())
        <div class="card-body border-top">
            {{ $semen->links() }}
        </div>
    @endif
</div>
@endsection