<div class="row bg-white b-b b-grey align-items-center justify-content-center">
    <div class="col">
        <div class="row align-items-center justify-content-center">
            <div class="col">
                <div class="row">
                    <div class="col d-inline d-md-none">
                        <a :href="[7,8].includes($store.getters.getCompanyModuleType) ? route('last_mile_delivery.dashboard') : route('dashboard')">
                            <img :class="[{'w-50': ![7,8].includes($store.getters.getCompanyModuleType)}]" :style="{'width': '70px'}" :src="[7,8].includes($store.getters.getCompanyModuleType) ? '/images/hy-logo.png' : '/images/cief-izyim-logo.png'">
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-auto hide">
                <notification-section-component section="section"></notification-section-component>
            </div>
            <div class="col-auto p-r-20 d-md-none">
                <div class="row d-md-none">
                    <div class="col padding-15 pointer" @click="$store.dispatch('toggleSection', {name: 'sideMenu', status: true})">
                        <i class="fa fa-bars fs-18 m-t-5 text-info"></i>
                    </div>
                </div>
            </div>
            <div class="col-auto m-r-5 d-none d-md-inline">
                <a href="{{route('settings')}}">
                    <div class="row align-items-center justify-content-center b-a b-thick h-100" style="border-color: #ffffff3d">
                        <div class="col p-r-10 p-l-10">
                            <i class="fa fa-cog fs-18 m-t-5 muted"></i>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-auto p-r-20 d-none d-md-inline">
                <logout-component></logout-component>
            </div>
        </div>
    </div>
</div>