Files
exchange-2.0/resources/views/partials/header.blade.php
T
2021-06-18 00:32:58 +08:00

88 lines
5.6 KiB
PHP

<div class="container-fluid p-r-15 p-l-15 position-fixed" style="z-index: 1050;">
<div class="row bg-primary-complete-gradient align-items-center justify-content-center">
<div class="col">
<div class="container-fluid container-fixed-lg no-padding">
<div class="row align-items-center justify-content-center">
<div class="col-auto hide">
<a href="#" class="btn-link toggle-sidebar fa fa-bars text-white" data-toggle="horizontal-menu"></a>
</div>
<div class="col-auto d-xs-none bg-complete-light p-t-10 p-b-10 p-l-30 p-r-30">
<a href="{{route('dashboard')}}"><div class="row">
<div class="col">
<img src="{{asset('images/logo-light.png')}}" alt="logo" height="22">
</div>
</div>
<div class="row">
<div class="col">
<div class="m-t-5 all-caps fs-14 scalled scalled text-white hint-text">Overseas Transfers Management</div>
</div>
</div>
</a>
</div>
<div class="col text-right p-r-30 d-none d-md-inline">
<div class="row justify-content-end">
<div class="col text-left">
<div class="row justify-content-end">
<div class="col-auto p-r-20">
<a href="{{route('dashboard')}}"><div class="text-white all-caps fs-16 scalled">Dashboard</div></a>
</div>
<div class="col-auto p-r-20" v-if="$store.getters.isAdmin">
<a href="{{route('payments')}}">
<div class="text-white all-caps fs-16 scalled">Payments & Billing</div>
</a>
</div>
<div class="col-auto p-r-20" v-if="$store.getters.isAdmin">
<a href="{{route('bookings')}}">
<div class="text-white all-caps fs-16 scalled">Transfers</div>
</a>
</div>
<div class="col-auto p-r-20 hide">
<div class="text-white all-caps fs-16 scalled">Payments & Billing</div>
</div>
<div v-if="!$store.getters.isAdmin" class="col-auto p-r-20">
<a href="{{route('banks')}}"><div class="text-white all-caps fs-16 scalled">Bank Accounts</div></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-auto p-r-30">
<div class="row no-margin">
<div class="col-auto m-r-5 hide">
<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-bell fs-16 scalled text-primary-lighter"></i>
</div>
</div>
</div>
<div class="col-auto m-r-20 d-none d-md-inline">
<div class="row align-items-center p-t-5 p-b-5 b-a b-thick" style="border-color: #ffffff3d">
<div class="col-auto">
<div class="fs-16 scalled text-primary-lighter">Hi, <span v-text="$store.getters.getUserName.split(' ').slice(0,2).join(' ')"></span>!</div>
</div>
<div class="col-auto p-l-0 p-r-10 hide">
<div class="btn btn-xs btn-primary p-t-0 p-b-0 text-primary-lighter" style="background-color: rgba(255, 255, 255, 0.2);">
<i class="fa fa-angle-down fs-16 scalled m-t-5"></i>
</div>
</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-16 scalled text-primary-lighter"></i>
</div>
</div>
</a>
</div>
<div class="col-12 col-md-auto text-right">
<log-out-form-component></log-out-form-component>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>