@extends('layouts.app')

@section('title', 'Race : ' . $breed->name)

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('breeds.index') }}">Races</a></li>
    <li class="breadcrumb-item active">{{ $breed->name }}</li>
@endsection

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h4>{{ $breed->name }}</h4>
    <div>
        <a href="{{ route('breeds.edit', $breed) }}" class="btn btn-warning">
            <i class="bi bi-pencil"></i> Modifier
        </a>
        <a href="{{ route('breeds.index') }}" class="btn btn-secondary">
            <i class="bi bi-arrow-left"></i> Retour
        </a>
    </div>
</div>

<div class="row">
    <div class="col-md-6">
        <div class="card mb-3">
            <div class="card-header"><h5>Informations</h5></div>
            <div class="card-body">
                <table class="table table-borderless">
                    <tr>
                        <th width="30%">Nom :</th>
                        <td>{{ $breed->name }}</td>
                    </tr>
                    <tr>
                        <th>Espèce :</th>
                        <td>{{ $breed->species->name ?? '-' }}</td>
                    </tr>
                    <tr>
                        <th>Poids moyen :</th>
                        <td>{{ $breed->avg_weight ? $breed->avg_weight . ' kg' : '-' }}</td>
                    </tr>
                    <tr>
                        <th>Description :</th>
                        <td>{{ $breed->description ?? '-' }}</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</div>

{{-- Lots de cette race --}}
<div class="card mb-3">
    <div class="card-header"><h5>Lots de cette race</h5></div>
    <div class="card-body">
        <table class="table table-hover">
            <thead class="table-light">
                <tr>
                    <th>Code</th>
                    <th>Quantité</th>
                    <th>Statut</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($breed->lots as $lot)
                <tr>
                    <td>{{ $lot->code }}</td>
                    <td>{{ $lot->current_quantity }}</td>
                    <td><span class="badge bg-info">{{ $lot->status }}</span></td>
                    <td>
                        <a href="{{ route('lots.show', $lot) }}" class="btn btn-sm btn-info">
                            <i class="bi bi-eye"></i>
                        </a>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="4" class="text-center text-muted">Aucun lot enregistre.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection