ultimatepos/resources/views/layouts/app.blade.php

195 lines
7.0 KiB
PHP

@inject('request', 'Illuminate\Http\Request')
@if (
$request->segment(1) == 'pos' &&
($request->segment(2) == 'create' || $request->segment(3) == 'edit' || $request->segment(2) == 'payment'))
@php
$pos_layout = true;
@endphp
@else
@php
$pos_layout = false;
@endphp
@endif
@php
$whitelist = ['127.0.0.1', '::1'];
@endphp
<!DOCTYPE html>
<html class="tw-bg-white tw-scroll-smooth matdash-html" lang="{{ app()->getLocale() }}"
dir="{{ in_array(session()->get('user.language', config('app.locale')), config('constants.langs_rtl')) ? 'rtl' : 'ltr' }}"
data-color-theme="Blue_Theme" data-layout="vertical">
<head>
<!-- Tell the browser to be responsive to screen width -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
name="viewport">
<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>@yield('title') - {{ Session::get('business.name') }}</title>
@include('layouts.partials.css')
@include('layouts.partials.extracss')
@yield('css')
</head>
<body
class="admin-modern matdash-theme tw-font-sans tw-antialiased @if ($pos_layout) hold-transition pos-modern-page @else hold-transition skin-@if (!empty(session('business.theme_color'))){{ session('business.theme_color') }}@else{{ 'blue-light' }} @endif sidebar-mini @endif" >
<div id="main-wrapper" class="matdash-wrapper thetop">
<script type="text/javascript">
if (localStorage.getItem("upos_sidebar_collapse") == 'true') {
document.body.classList.add('sidebar-hidden');
}
</script>
@if (!$pos_layout && $request->segment(1) != 'customer-display')
@include('layouts.partials.sidebar')
@endif
@if (in_array($_SERVER['REMOTE_ADDR'], $whitelist))
<input type="hidden" id="__is_localhost" value="true">
@endif
<!-- Add currency related field-->
<input type="hidden" id="__code" value="{{ session('currency')['code'] }}">
<input type="hidden" id="__symbol" value="{{ session('currency')['symbol'] }}">
<input type="hidden" id="__thousand" value="{{ session('currency')['thousand_separator'] }}">
<input type="hidden" id="__decimal" value="{{ session('currency')['decimal_separator'] }}">
<input type="hidden" id="__symbol_placement" value="{{ session('business.currency_symbol_placement') }}">
<input type="hidden" id="__precision" value="{{ session('business.currency_precision', 2) }}">
<input type="hidden" id="__quantity_precision" value="{{ session('business.quantity_precision', 2) }}">
<!-- End of currency related field-->
@can('view_export_buttons')
<input type="hidden" id="view_export_buttons">
@endcan
@if (isMobile())
<input type="hidden" id="__is_mobile">
@endif
@if (session('status'))
<input type="hidden" id="status_span" data-status="{{ session('status.success') }}"
data-msg="{{ session('status.msg') }}">
@endif
<div class="page-wrapper @if($pos_layout || $request->segment(1) == 'customer-display') matdash-no-sidebar @endif">
@if($request->segment(1) != 'customer-display' && !$pos_layout)
@include('layouts.partials.header')
@elseif($request->segment(1) != 'customer-display')
@include('layouts.partials.header-pos')
@endif
<!-- empty div for vuejs -->
<div id="app">
@yield('vue')
</div>
<div class="body-wrapper">
<div class="admin-content" id="scrollable-container">
@if(!empty($activeHoldingAssignment))
<div class="alert alert-info no-print">
@lang('lang_v1.holding_active_context'):
{{ optional($activeHoldingAssignment->entity)->name }}
@if(!empty($activeHoldingAssignment->orgUnit))
/ {{ $activeHoldingAssignment->orgUnit->name }}
@endif
</div>
@endif
@yield('content')
@if (!$pos_layout)
@include('layouts.partials.footer')
@else
@include('layouts.partials.footer_pos')
@endif
</div>
</div>
<div class='scrolltop no-print'>
<div class='scroll icon'><i class="fas fa-angle-up"></i></div>
</div>
@if (config('constants.iraqi_selling_price_adjustment'))
<input type="hidden" id="iraqi_selling_price_adjustment">
@endif
<!-- This will be printed -->
<section class="invoice print_section" id="receipt_section">
</section>
</div>
@include('home.todays_profit_modal')
<!-- /.content-wrapper -->
<audio id="success-audio">
<source src="{{ asset('/audio/success.ogg?v=' . $asset_v) }}" type="audio/ogg">
<source src="{{ asset('/audio/success.mp3?v=' . $asset_v) }}" type="audio/mpeg">
</audio>
<audio id="error-audio">
<source src="{{ asset('/audio/error.ogg?v=' . $asset_v) }}" type="audio/ogg">
<source src="{{ asset('/audio/error.mp3?v=' . $asset_v) }}" type="audio/mpeg">
</audio>
<audio id="warning-audio">
<source src="{{ asset('/audio/warning.ogg?v=' . $asset_v) }}" type="audio/ogg">
<source src="{{ asset('/audio/warning.mp3?v=' . $asset_v) }}" type="audio/mpeg">
</audio>
@if (!empty($__additional_html))
{!! $__additional_html !!}
@endif
@include('layouts.partials.javascripts')
{{-- Module JS --}}
@include('layouts.module-assets')
<div class="modal fade view_modal" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel"></div>
@if (!empty($__additional_views) && is_array($__additional_views))
@foreach ($__additional_views as $additional_view)
@includeIf($additional_view)
@endforeach
@endif
<div>
<div class="overlay"></div>
</div>
</body>
<style>
@media print {
#scrollable-container {
overflow: visible !important;
height: auto !important;
}
}
</style>
<style>
.small-view-side-active {
display: flex !important;
z-index: 1000;
}
.overlay {
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
display: none;
z-index: 999;
}
.tw-dw-btn.tw-dw-btn-xs.tw-dw-btn-outline {
width: max-content;
margin: 2px;
}
#scrollable-container{
position:relative;
}
</style>
</html>