@extends('layouts.master')

@section('title', config('carmodel.name'))

@section('content')
<div class="page-wrapper">
            <!-- ============================================================== -->
            <!-- Container fluid  -->
            <!-- ============================================================== -->
            <div class="container-fluid">
                <!-- ============================================================== -->
                <!-- Bread crumb and right sidebar toggle -->
                <!-- ============================================================== -->
                <div class="row page-titles">
                    <div class="col-md-5 align-self-center">
                        <h4 class="text-themecolor">{!! config('carmodel.name') !!} For <span class="text-info">{{ $category->title ?? ''}}</span></h4>
                    </div>
                    <div class="col-md-7 align-self-center text-end">
                        <div class="d-flex justify-content-end align-items-center">
                            <ol class="breadcrumb justify-content-end">
                                <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
                                <li class="breadcrumb-item"><a href="{{ route('categories.index') }}">{!!
                                config('category.name') !!}</a></li>
                                <li class="breadcrumb-item"><a href="{{ route('categories.show',['category' => $category->parent_id]) }}">{!! config('category.sub_name') !!} For {{ $category->parent->title ?? '' }}</a></li>
                                <li class="breadcrumb-item active">{!! config('carmodel.name') !!} For {{ $category->title ?? '' }}</li>
                            </ol>
                            <a href="{{ route('carmodels.create',['category' => $category->id]) }}">
                            <button type="button" class="btn btn-info d-none d-lg-block m-l-15 text-white"><i class="fa fa-plus-circle"></i> Create New</button></a>
                        </div>
                    </div>
                </div>

                <p>
                    This view is loaded from module: {!! config('carmodel.name') !!}
                </p>
           

                <carmodels-list :category_id="@json($category->id)"></carmodels-list>

            </div>
</div>
@endsection