@extends('app.layout') @section('sub_content')

<div class="page-header">
    <div class="page-title">
        <h4>{{__('Pets')}}</h4>
    </div>

    <div class="breadcrumb-line">
        <div class="d-flex">
            <div class="breadcrumb">
                <a href="{{route('home')}}" class="breadcrumb-item"><i class="material-icons mr-2">home</i> {{__('Home')}}</a>
                <a href="{{ route('pets.index') }}" class="breadcrumb-item">{{__('pets')}}</a>
                @if($pet->id)
                    <span class="breadcrumb-item active">{{__('Edit pet')}}</span>
                    <span class="breadcrumb-item active">{{ $pet->reference }}</span>
                @else 
                    <span class="breadcrumb-item active">{{__('Add New pet')}}</span>
                @endif
            </div>
        </div>
    </div>
</div>

    @livewire('add-pet-component', [ 'pet' => $pet ])

@endsection