@props(['title' => '', 'item' => []])
<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-sm-flex align-items-center justify-content-between">
            <h4 class="mb-sm-0 font-size-18">{{ $title }}</h4>

            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    @foreach ($item as $i)
                        <li @class(['breadcrumb-item', 'active' => $loop->last])><a href="javascript: void(0);">{{ $i }}</a></li>
                    @endforeach
                </ol>
            </div>

        </div>
    </div>
</div>
<!-- end page title -->