@extends('layouts.app')
<style>
    .navbar{
        background-color: #EDB71B;
    }
    nav.navbar{
        padding: 0,0;
    }
    .logo{
        width: 100px;
        background-color: antiquewhite;
    }
    @media only screen and (max-width: 1080px) {
        .navbar{
            width: auto;
        }
    }
</style>
<nav class="navbar ">
    <div class="container-fluid" >
        <div class="d-flex d-inline">
            <img class="logo" src="{{ asset("img/LOGO.png") }}" alt="">
            <div class="p-2">{{ Auth::user()->name }}</div>
        </div>

        
        {{-- <span class="navbar-brand mb-0 h1">Poliklinik Annur</span> --}}
        {{-- <a class="btn p-2 btn-warning" href="{{route('login')}}" style="font-style: oblique;">Login</a> --}}
            <!-- Authentication -->
        <div style="">
            <form style="background-color: #d7ce23; padding-bottom:1; display: table-cell; vertical-align: middle padding-top:1;" method="POST" action="{{ route('logout') }}">
                @csrf

                <x-dropdown-link :href="route('logout')"
                        style="text-decoration:none; color:rgb(6, 6, 6);"
                        onclick="event.preventDefault();
                                    this.closest('form').submit();">
                        {{ __('Log Out') }}
                </x-dropdown-link>
            </form>
        </div>
    </div>
</nav>