@extends('app.layout')

@section('sub_content')

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

            <div class="heading">
                @can('nomenclatures_create')
                    <a href="{{route('nomenclatures.create')}}" class="btn btn-primary btn-round"><i class="material-icons">add</i> {{__('Add New Nomenclature')}}</a>
                @endcan
            </div>
        </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>
                    <span class="breadcrumb-item active">{{__('Nomenclatures')}}</span>
                </div>
            </div>
        </div>
    </div>

    <div class="content">
        @livewire('nomenclatures-component')
    </div>
@endsection