kusowl 1275a74506 feat: broker profile
- add morph to relationship
- add profile markup
- modify page-heading.blade.php to accept center and end sections
2026-01-13 18:06:27 +05:30

66 lines
2.4 KiB
PHP

<nav class="flex justify-between items-center wrapper py-6 shadow">
<div class="logo flex space-x-2 items-center">
<x-logo/>
<div class="">
<a href="" class="font-bold text-2xl">Broker Dashboard</a>
<p class="text-sm text-accent-600">Manage your deals and listings</p>
</div>
</div>
<!-- desktop menu -->
<div class="nav-ui buttons space-x-4 font-medium hidden md:flex ">
<a href="{{route('broker.profile.show', auth()->user()->id)}}" class="ui-btn flex border space-x-3 border-gray-200 items-center">
<x-heroicon-o-user class="w-6"/>
<p>Profile</p>
</a>
<a href="{{route('broker.deals.create')}}" class="ui-btn ui-btn-neutral flex space-x-3 items-center">
<x-heroicon-o-plus class="w-6"/>
<p>Create Deal</p>
</a>
<form method="post" action="{{route('logout')}}">
@csrf
@method('delete')
<x-ui.button>
<x-heroicon-o-arrow-right-start-on-rectangle class="w-6"/>
</x-ui.button>
</form>
</div>
<!-- mobile menu btn-->
<x-ui.button class="md:hidden" id="openBtn">
<x-heroicon-o-bars-3 class="w-8"/>
</x-ui.button>
</nav>
<!-- mobile menu btn-->
<div id='mobileMenu' class="hidden absolute top-0 h-[101vh] overflow-y-hidden w-[101vw] bg-gray-200 text-xl z-1 p-10">
<div class="flex justify-between mb-8">
<x-logo/>
<x-ui.button id="closeBtn">
<x-heroicon-o-x-mark class="w-8 ml-auto"/>
</x-ui.button>
</div>
<div class="nav-links mb-10">
<ul class="flex flex-col space-y-8 text-accent-600">
<a href="" class="ui-btn flex border space-x-3 border-gray-200 items-center">
<x-heroicon-o-user class="w-6"/>
<p>Profile</p>
</a>
<a href="" class="ui-btn ui-btn-neutral flex border space-x-3 items-center">
<x-heroicon-o-plus class="w-6"/>
<p>Create Deal</p>
</a>
<form method="post" action="{{route('logout')}}">
@csrf
@method('delete')
<x-ui.button class="flex space-x-3">
<x-heroicon-o-arrow-right-start-on-rectangle class="w-6"/>
<p>Logout</p>
</x-ui.button>
</form>
</ul>
</div>
</div>