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

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

        <div class="breadcrumb-line mx-3 mt-3">
            <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('articles.index')}}" class="breadcrumb-item">{{__('Articles')}}</a>
                    @if($article->id)
                        <span class="breadcrumb-item active">{{ request()->duplicate ? __('Duplicate article'): __('Edit Article')}}</span>
                        <span class="breadcrumb-item active">{{ $article->reference }}</span>
                    @else 
                        <span class="breadcrumb-item active">{{__('Add New Article')}}</span>
                    @endif
                </div>
            </div>
        </div>
    </div>
    @livewire('add-article-component', ['article' => $article, 'duplicate' => request()->duplicate ?? false])

@endsection