{{-- @if ($data["scope_color"] === null)
    <div class="toolbar mb-5 mb-lg-7" id="kt_toolbar">
@else
<div    class="toolbar mb-5 mb-lg-7" id="kt_toolbar"
        style="background-color: #DDDDDD; background-image: -webkit-linear-gradient(30deg, #DDDDDD 50%, {{$data["scope_color"]}} 50%);"
>
@endif --}}
<div class="toolbar mb-5 mb-lg-7" id="kt_toolbar">
    <!-- LEFT -->
    <!--begin::Page title-->
    <div class="page-title d-flex flex-column me-3">
        <!--begin::Title-->
        @if ($data["scope_color"] === null)
            <h1 class="d-flex text-dark fw-bolder my-1 fs-2"><i class="fs-3x me-2 {{$data["icon"]}} text-primary"></i>
        @else
            <h1 class="d-flex text-dark fw-bolder my-1 fs-2"><i class="fs-3x me-2 {{$data["icon"]}}" style="color: {{$data["scope_color"]}}"></i>
        @endif
        <span id="title_{{$data["name"]}}" class="pt-4 text-blu-brand">
            {{ __('app.menu.'.$data["name"].'_'.$data["section"]) }}
            @if ($data["parent_info_link"] !== null)
                {{ __('app.common.of')}}</span> <span class="ms-1 text-primary">{{$data["parent_info_link"]}}</span>
            @endif
            @if (isset($data["sheet_name"]) && $data["sheet_name"] !== "")
                <span id="sheet_name_header" class="text-dark-25">: <span class="text-primary">{{$data["sheet_name"]}}</span>
            @endif
            @if (isset($data["section"]) && (($data["section"] === "create") || $data["section"] === "update"))
                @if ((config("env.view.reconsheet.sheet.easy_sheet_enabled") === true) && ($data["sheet_mode"] === "easy"))
                    <span class="text-gray-700 ms-2">{{ __('app.reconsheet.sheet_mode_easy')}}</span>
                @endif
            @endif
        </span>


    </h1>
        <!--end::Title-->
        <!--begin::Breadcrumb-->
        <ul class="breadcrumb breadcrumb-dot fw-bold text-gray-900 fs-7 my-1">
            <!--begin::Item-->
            <li class="breadcrumb-item text-gray-900">
                <a href="{{route("home")}}" class="text-gray-900 text-hover-primary">{{ __('app.common.home') }}</a>
            </li>
            <!--end::Item-->
            @foreach ($data["breadcrumb"] as $index => $subitemData)
                @if ($subitemData["is_link"] === true)
                    <li class="breadcrumb-item text-gray-900"><a class="text-gray-900 text-hover-primary" href="{{$subitemData["route"]}}">{{ $subitemData["label"] }}</a></li>
                @else
                    <li class="breadcrumb-item text-gray-900">{{ $subitemData["label"] }}</li>
                @endif
            @endforeach
            <!--begin::Item-->
            <li class="breadcrumb-item text-gray-400">{{ __('app.menu.'.$data["name"].'_'.$data["section"]) }}</li>
            <!--end::Item-->
        </ul>
        <!--end::Breadcrumb-->
    </div>
    <!--end::Page title-->

    <!-- RIGHT -->
    <div class="d-flex align-items-center py-2 py-md-1">
        <!--begin::Wrapper-->
        <div class="me-3">
            @if (!isset($data["sheet_name"]))
                <h5 class="d-flex text-primary fw-bolder my-1 fs-5">{{__("app.common.section")." ".__("app.scopes.".$data["scope"])}} <i class="ms-2 fs-1 text-primary {{$data["section_icon"]}}"></i></h5>
            @endif
            {{-- @if ($data["scope_color"] === null)
                <h5 class="d-flex text-primary fw-bolder my-1 fs-5">{{__("app.common.section")." ".__("app.scopes.".$data["scope"])}} <i class="ms-2 fs-1 text-primary {{$data["section_icon"]}}"></i></h5>
            @else
                <h5 class="d-flex text-white fw-bolder my-1 fs-5">{{__("app.common.section")." ".__("app.scopes.".$data["scope"])}} <i class="ms-2 fs-1 text-white {{$data["section_icon"]}}"></i></h5>
            @endif --}}

        </div>
    </div>

</div>