@php
$user_profile_photo = 'media/users/100_1.jpg';
$user_name = $_SESSION['name'];
$user_first_letter = ucfirst(substr($_SESSION['name'], 0, 1));
@endphp

{{-- Topbar --}}
<div class="topbar d-flex justify-content-between">

    {{-- Custom topbar --}}

    <div class="d-lg-flex">
        <div class="image_ajust" style="background-image: url(' {{ asset('img/layout/logos/'.env('APP_ENV_LOCALE').'.png') }} ');">
        </div>
    </div>


    <div class="dropdown">
        <!--begin::Toggle-->
        @if ($_SESSION["user_type"] == "agente")
        <div class="topbar-item" data-toggle="dropdown" data-offset="0px,0px" aria-expanded="true">
            @else
            <div class="topbar-item admin" data-toggle="dropdown" data-offset="0px,0px" aria-expanded="true">
                @endif
                <div class="btn btn-icon w-auto btn-clean d-flex align-items-center btn-lg px-2">
                    <span class="text-muted font-weight-bold font-size-base d-none d-md-inline mr-1">Olá,</span>
                    <span class="text-dark-50 font-weight-bolder font-size-base d-none d-md-inline mr-3">{{ucfirst($_SESSION['name'])}}</span>
                    <span class="symbol symbol-35 symbol-light-primary">
                        <span class="symbol-label font-size-h5 font-weight-bold">{{ $user_first_letter }}</span>
                    </span>
                </div>
            </div>
            <!--end::Toggle-->

            {{-- Dropdown --}}
            <div class="dropdown-menu p-0 m-0 dropdown-menu-right dropdown-menu-anim-up dropdown-menu-lg">

                @if ($_SESSION["user_type"] == "agente")

                @include('layout.partials.extras.dropdown._agent', ['user_name' => ucfirst($_SESSION['name']), 'user_first_letter' => $user_first_letter])

                @else
                @include('layout.partials.extras.dropdown._admin', ['user_name' => ucfirst($_SESSION['name']), 'user_first_letter' => $user_first_letter])

                @endif

            </div>
        </div>

        <style>
            .admin~.dropdown-menu.show {
                left: -5px !important;
                right: 0px !important;
            }
            .image_ajust{
                width: 110px;
                height: 100%;
                background-size: contain;
                background-repeat: no-repeat;
                background-position:center;
            }
            
        </style>

    </div>