WIP: Enabled metronic frontend

resources/lang/en/message.php

@@ -0,0 +1,137 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Language Lines
+    |--------------------------------------------------------------------------
+    |
+    | The following language lines are used during authentication for various
+    | messages that we need to display to the user. You are free to modify
+    | these language lines according to your application's requirements.
+    |
+    */
+
+    'logged'                  => 'You are logged in!',
+    'someproblems'            => 'There were some problems with your input.',
+    'siginsession'            => 'Sign in to start your session',
+    'remember'                => 'Remember Me',
+    'buttonsign'              => 'Sign In',
+    'forgotpassword'          => 'I forgot my password',
+    'registermember'          => 'Register a new membership',
+    'terms'                   => 'I agree to the terms',
+    'conditions'              => 'Terms and conditions',
+    'register'                => 'Register',
+    'login'                   => 'Login',
+    'membreship'              => 'I already have a membership',
+    'passwordclickreset'      => 'Click here to reset your password:',
+    'signGithub'              => 'Sign in using Github',
+    'signFacebook'            => 'Sign in using Facebook',
+    'signTwitter'             => 'Sign in using Twitter',
+    'signGoogle+'             => 'Sign in using Google+',
+    'signLinkedin'             => 'Sign in using Linkedin',
+    'sendpassword'            => 'Send Password Reset Link',
+    'passwordreset'           => 'Reset password',
+    'pagenotfound'            => 'Page not found',
+    '404error'                => '404 Error Page',
+    'notfindpage'             => 'We could not find the page you were looking for.',
+    'mainwhile'               => 'Meanwhile, you may',
+    'returndashboard'         => 'return to dashboard',
+    'usingsearch'             => 'or try using the search form.',
+    'search'                  => 'Search',
+    'servererror'             => 'Server Error',
+    '500error'                => '500 Error Page',
+    'somethingwrong'          => 'Something went wrong.',
+    'wewillwork'              => 'We will work on fixing that right away.',
+    'serviceunavailable'      => 'Service unavailable',
+    '503error'                => '503 Error Page',
+    'level'                   => 'Level',
+    'here'                    => 'Here',
+    'recentactivity'          => 'Recent Activity',
+    'descriptionpackage'      => 'A Laravel 5 package that switchs default Laravel scaffolding/boilerplate to AdminLTE template',
+    'createdby'               => 'Created by',
+    'seecode'                 => 'See code at',
+    'online'                  => 'Online',
+    'home'                    => 'Home',
+    'header'                  => 'HEADER',
+    'anotherlink'             => 'Another Link',
+    'multilevel'              => 'Multilevel',
+    'linklevel2'              => 'Link in level2',
+    'birthday'                => 'Langdon\'s Birthday',
+    'birthdaydate'            => 'Will be 23 on April 24th',
+    'progress'                => 'Tasks Progress',
+    'customtemplate'          => 'Custom Template Design',
+    'statstab'                => 'Stats Tab Content',
+    'generalset'              => 'General Settings',
+    'reportpanel'             => 'Report panel usage',
+    'checked'                 => 'checked',
+    'informationsettings'     => 'Some information about this general settings option',
+    'togglenav'               => 'Toggle navigation',
+    'tabmessages'             => 'You have 4 messages',
+    'supteam'                 => 'Support Team',
+    'awesometheme'            => 'Why not buy a new awesome theme?',
+    'allmessages'             => 'See All Messages',
+    'notifications'           => 'You have 10 notifications',
+    'newmembers'              => '5 new members joined today',
+    'viewall'                 => 'View all',
+    'tasks'                   => 'You have 9 tasks',
+    'alltasks'                => 'View all tasks',
+    'desbuttons'              => 'Design some buttons',
+    'complete'                => 'Complete',
+    'membersince'             => 'Member since',
+    'followers'               => 'Followers',
+    'sales'                   => 'Sales',
+    'friends'                 => 'Friends',
+    'profile'                 => 'Profile',
+    'signout'                 => 'Sign out',
+    'landingdescription'      => 'Laravel 5 package that switchs default Laravel scaffolding/boilerplate to AdminLTE template with Bootstrap 3.0 and Pratt Landing page',
+    'landingdescriptionpratt' => 'Acacha AdminLTE Laravel package template Landing page - Using Pratt',
+    'description'             => 'Description',
+    'showcase'                => 'Showcase',
+    'contact'                 => 'Contact',
+    'laravelpackage'          => '5 package that switchs default Laravel',
+    'to'                      => 'to',
+    'templatewith'            => 'template with',
+    'and'                     => 'and',
+    'gedstarted'              => 'Get Started!',
+    'amazing'                 => 'Amazing admin template',
+    'basedadminlte'           => 'Based on adminlte bootstrap theme',
+    'awesomepackaged'         => 'Awesome packaged...',
+    'by'                      => 'by',
+    'at'                      => 'at',
+    'readytouse'              => 'ready to use with Laravel!',
+    'designed'                => 'Designed To Excel',
+    'community'               => 'Community',
+    'see'                     => 'See',
+    'githubproject'           => 'Github project',
+    'post'                    => 'post',
+    'issues'                  => 'issues',
+    'pullrequests'            => 'Pull requests',
+    'schedule'                => 'Schedule',
+    'monitoring'              => 'Monitoring',
+    'whatnew'                 => 'What\'s New?',
+    'features'                => 'Some Features',
+    'design'                  => 'First Class Design',
+    'retina'                  => 'Retina Ready Theme',
+    'support'                 => 'Awesome Support',
+    'responsive'              => 'Responsive Design',
+    'screenshots'             => 'Some Screenshots',
+    'address'                 => 'Address',
+    'dropus'                  => 'Drop Us A Line',
+    'yourname'                => 'Your Name',
+    'emailaddress'            => 'Email Address',
+    'enteremail'              => 'Enter Email',
+    'yourtext'                => 'Your Text',
+    'submit'                  => 'SUBMIT',
+    'email'                   => 'Email',
+    'username'                => 'Username',
+    'password'                => 'Password',
+    'retypepassword'          => 'Retype password',
+    'fullname'                => 'Full Name',
+    'registererror'           => 'Error registering!',
+    'loginerror'              => 'Error loging!',
+    'loggedin'                => 'Logged in!',
+    'entering'                => 'Entering...',
+    'registered'              => 'User Registered!',
+];

resources/theme/backend/adminlte/auth/login.blade.php

@@ -31,7 +31,9 @@
 
                 <a href="{{ url('/password/reset') }}">{{ trans('message.forgotpassword') }}</a><br>
 
-                @include('auth.partials.social_login')
+                @if(isset($site_social))
+                    @include('auth.partials.social_login')
+                @endif
             </div>
         </div>
     </div>

resources/theme/backend/adminlte/auth/partials/social_login.blade.php

@@ -1,8 +1,6 @@
 <div class="social-auth-links text-center">
-    <p>- OR -</p>
-    <a href="{{ url('/auth/github') }}" class="btn btn-block btn-social btn-github btn-flat"><i class="fa fa-github"></i> {{ trans('message.signGithub') }}</a>
-    <a href="{{ url('/auth/facebook') }}" class="btn btn-block btn-social btn-facebook btn-flat"><i class="fa fa-facebook"></i> {{ trans('message.signFacebook') }}</a>
-    <a href="{{ url('/auth/twitter') }}" class="btn btn-block btn-social btn-twitter btn-flat"><i class="fa fa-twitter"></i> {{ trans('message.signTwitter') }}</a>
-    <a href="{{ url('/auth/google') }}" class="btn btn-block btn-social btn-google btn-flat"><i class="fa fa-google-plus"></i> {{ trans('message.signGoogle+') }}</a>
-    <a href="{{ url('/auth/linkedin') }}" class="btn btn-block btn-social btn-linkedin btn-flat"><i class="fa fa-linkedin"></i> {{ trans('message.signLinkedin') }}</a>
+	<p>- OR -</p>
+	@foreach($site_social as $o)
+		<a href="{{ url('/auth/'.$o['name']) }}" class="btn btn-block btn-social btn-{{ $o['name'] }} btn-flat"><i class="fa fa-{{ $o['name'] }}"></i> {{ trans('message.sign'.$o['name']) }}</a>
+	@endforeach
 </div><!-- /.social-auth-links -->

resources/theme/frontend/metronic/layouts/app.blade.php

@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
+<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
+<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
+
+@section('htmlheader')
+	@include('layouts.partials.htmlheader')
+@show
+
+<!-- Body BEGIN -->
+<body class="corporate">
+
+	<div class="wrapper">
+		@include('layouts.partials.mainheader')
+
+		@include('layouts.partials.sidebar')
+
+		<!-- Content Wrapper. Contains page content -->
+		<div class="content-wrapper">
+
+			@include('layouts.partials.contentheader')
+
+			<!-- Main content -->
+			<section class="content">
+				<!-- Your Page Content Here -->
+				@yield('main-content')
+			</section><!-- /.content -->
+		</div><!-- /.content-wrapper -->
+
+		@include('layouts.partials.controlsidebar')
+
+		@include('layouts.partials.footer')
+
+	</div><!-- ./wrapper -->
+
+
+	{{-- BEGIN CORE PLUGINS (REQUIRED FOR ALL PAGES) --}}
+	@js('/assets/jquery/1.11.2/js/jquery.min.js','jquery')
+	@js('/assets/jquery/plugins/migrate/1.2.1/js/jquery-migrate.min.js','jq-migrate','jquery')
+	@js('/assets/bootstrap/3.3.5/js/bootstrap.min.js','bootstrap-js','jquery')
+	@js('/assets/jquery/plugins/back-to-top/back-to-top.js','back-to-top','jquery')
+	{{-- END CORE PLUGINS --}}
+
+	{{-- Scripts --}}
+{!! Asset::scripts() !!}
+@section('scripts')
+	@include('layouts.partials.scripts')
+@show
+
+</body>
+<!-- BODY End-->
+</html>

resources/theme/frontend/metronic/layouts/partials/footer.blade.php

@@ -0,0 +1,98 @@
+{{-- This page needs $site_social --}}
+
+<!-- BEGIN PRE-FOOTER -->
+<div class="pre-footer">
+	<div class="container">
+		<div class="row">
+			<!-- BEGIN BOTTOM ABOUT BLOCK -->
+			<div class="col-md-4 col-sm-6 pre-footer-col">
+				<h2>About us</h2>
+				<p>{!! $site_aboutus !!}</p>
+				<!--
+					<div class="photo-stream">
+						<h2>Photos Stream</h2>
+						<ul class="list-unstyled">
+							<li><a href="javascript:;"><img alt="" src="{{!! Theme::url('') !!}}"></a></li>
+						</ul>
+					</div>
+				-->
+			</div>
+			<!-- END BOTTOM ABOUT BLOCK -->
+
+			<!-- BEGIN BOTTOM CONTACTS -->
+			<div class="col-md-4 col-sm-6 pre-footer-col">
+				<h2>Our Contacts</h2>
+				<address class="margin-bottom-40">
+					<table>
+						<tr><th style="vertical-align:top; padding-right: 5px;">Address</th><td>{!! $site_address !!}</td></tr>
+						<tr><th>Phone</th><td>{!! $site_phone !!}</tr>
+						<tr><th>Fax</th><td>{!! $site_fax !!}</tr>
+						<tr><th>Email</th><td> <a href="mailto:{!! $site_email !!}">{!! $site_email !!}</a></tr>
+					</table>
+				</address>
+				<!--
+					<div class="pre-footer-subscribe-box pre-footer-subscribe-box-vertical">
+						<h2>Newsletter</h2>
+						<p>Subscribe to our newsletter and stay up to date with the latest news and deals!</p>
+						<form action="#">
+							<div class="input-group">
+								<input type="text" placeholder="youremail@mail.com" class="form-control">
+								<span class="input-group-btn">
+									<button class="btn btn-primary" type="submit">Subscribe</button>
+								</span>
+							</div>
+						</form>
+					</div>
+				-->
+			</div>
+			<!-- END BOTTOM CONTACTS -->
+
+			<!-- BEGIN TWITTER BLOCK -->
+			<!--
+				<div class="col-md-4 col-sm-6 pre-footer-col">
+					<h2 class="margin-bottom-0">Latest Tweets</h2>
+					<a class="twitter-timeline" href="https://twitter.com/twitterapi" data-tweet-limit="2" data-theme="dark" data-link-color="#57C8EB" data-widget-id="" data-chrome="noheader nofooter noscrollbar noborders transparent">Loading tweets...</a>
+				</div>
+			-->
+			<!-- END TWITTER BLOCK -->
+
+			<!-- BEGIN ADDRESS MAP -->
+			{{-- @todo --}}
+			<!-- END ADDRESS MAP -->
+
+		</div>
+	</div>
+</div>
+<!-- END PRE-FOOTER -->
+
+<!-- BEGIN FOOTER -->
+<div class="footer">
+	<div class="container">
+		<div class="row">
+			<!-- BEGIN COPYRIGHT -->
+			<div class="col-md-4 col-sm-4 padding-top-10">
+				2016 © Leenooks. ALL Rights Reserved. <!-- <a href="javascript:;">Privacy Policy</a> | <a href="javascript:;">Terms of Service</a> -->
+			</div>
+			<!-- END COPYRIGHT -->
+
+			<!-- BEGIN SOCIAL -->
+			<div class="col-md-4 col-sm-4">
+				<ul class="social-footer list-unstyled list-inline pull-right">
+					@if(isset($site_social) AND is_array($site_social))
+						@foreach ($site_social as $social)
+							<li><a href="{{ $social['url'] }}"><i class="fa fa-{{ $social['name'] }}"></i></a></li>
+						@endforeach
+					@endif
+				</ul>
+			</div>
+			<!-- END SOCIAL -->
+
+			<!-- BEGIN POWERED -->
+			<div class="col-md-4 col-sm-4 text-right">
+				<p class="powered">Powered by: <a href="http://www.leenooks.net/">leenooks</a></p>
+			</div>
+			<!-- END POWERED -->
+		</div>
+	</div>
+</div>
+<!-- END FOOTER -->

resources/theme/frontend/metronic/layouts/partials/htmlheader.blade.php

@@ -0,0 +1,42 @@
+<head>
+	<meta charset="UTF-8">
+	<title>{{ config('app.name') }} - {{ $page_title }}</title>
+	<meta content="width=device-width, initial-scale=1.0" name="viewport" />
+
+	<!-- CSRF Token -->
+	<meta name="csrf-token" content="{{ csrf_token() }}">
+
+	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+
+	<meta property="og:site_name" content="{{ config('app.name') }}" />
+	<meta property="og:title" content="{{ $page_title }}" />
+	<meta property="og:description" content="{{ $site_description }}" />
+	<meta property="og:type" content="website" />
+	<meta property="og:image" content="{{ $site_logo }}" />
+	<meta property="og:url" content="{{ url('/') }}" />
+
+	<link rel="shortcut icon" href="@yield('site_favicon','favicon.ico')" />
+
+	{{-- Fonts START --}}
+	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|PT+Sans+Narrow|Source+Sans+Pro:200,300,400,600,700,900&amp;subset=all" rel="stylesheet" type="text/css">
+	{{-- Fonts END --}}
+
+	@css('/assets/animate/css/animate.css')
+	@css('/assets/jquery/plugins/fancybox/source/jquery.fancybox.css')
+	@css('/assets/jquery/plugins/owl.carousel/2.0.0/css/owl.carousel.css')
+	@css('/assets/jquery/plugins/uniform/2.1.0/css/uniform.default.css')
+	@css('/assets/font-awesome/css/font-awesome.min.css')
+	@css('/assets/bootstrap/3.3.5/css/bootstrap.min.css')
+
+	{{-- Theme styles START --}}
+	@css('/site/css/components.css')
+	@css('/site/css/slider.css')
+	@css('/site/css/style.css')
+	@css('/site/css/style-responsive.css')
+	@css('/site/css/themes/red.css')
+	@css('/site/css/custom.css')
+	{{-- Theme styles END --}}
+
+	{{-- Styles --}}
+	{!! Asset::styles() !!}
+</head>

resources/theme/frontend/metronic/layouts/partials/mainheader.blade.php

@@ -0,0 +1,79 @@
+<!-- BEGIN TOP BAR -->
+<div class="pre-header">
+	<div class="container">
+		<div class="row">
+			<!-- BEGIN TOP BAR LEFT PART -->
+			<div class="col-md-6 col-sm-6 additional-shop-info">
+				<ul class="list-unstyled list-inline">
+					<li><i class="fa fa-phone"></i><span>{!! $site_phone !!}</span></li>
+					<li><i class="fa fa-envelope-o"></i><span>{!! $site_email !!}</span></li>
+				</ul>
+			</div>
+			<!-- END TOP BAR LEFT PART -->
+
+			<!-- BEGIN TOP BAR MENU -->
+			<div class="col-md-6 col-sm-6 additional-nav">
+				<ul class="list-unstyled list-inline pull-right">
+					<li><a href="{{ url('login') }}">Log In</a></li>
+					<li><a href="{{ url('register') }}">Registration</a></li>
+				</ul>
+			</div>
+			<!-- END TOP BAR MENU -->
+		</div>
+	</div>
+</div>
+<!-- END TOP BAR -->
+
+<!-- BEGIN HEADER -->
+<div class="header">
+	<div class="container">
+		<a class="site-logo" href="{{ url('/') }}"><img src="{{ $site_logo }}" alt="{{ config('app.name') }}" height="32"></a>
+		<a href="javascript:void(0);" class="mobi-toggler"><i class="fa fa-bars"></i></a>
+
+		<!-- BEGIN NAVIGATION -->
+		<div class="header-navigation pull-right font-transform-inherit">
+			<ul>
+				{{-- @todo Replace this with a function that can traverse children with multiple depths --}}
+				@if (isset($site_topmenu) AND is_array($site_topmenu))
+					@foreach ($site_topmenu as $item => $menu)
+						<li class="dropdown {{ Request::is($menu['url']) ? 'active' : '' }}">
+
+							@if (! array_get($menu,'children'))
+								<a {{ Request::is($menu['url']) ? 'class=active' : '' }} href="{{ url($menu['url']) }}">{{ $menu['name'] }}</a>
+							@else
+								<a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="javascript:;">{{ $item }}</a>
+								<ul class="dropdown-menu">
+									<li {{ (Request::is($menu['url']) ? 'class=active' : '') }}><a href="{{ url($menu['url']) }}">{{ $menu['name'] }}</a></li>
+									@foreach($menu['children'] as $name => $menuitem)
+										<li {{ (Request::is($menuitem['url']) ? 'class=active' : '') }}><a href="{{ url($menuitem['url']) }}">{{ $menuitem['name'] }}</a></li>
+									@endforeach
+								</ul>
+							@endif
+
+						</li>
+					@endforeach
+				@endif
+
+			<!-- BEGIN TOP SEARCH -->
+				<li class="menu-search">
+					<span class="sep"></span>
+					<i class="fa fa-search search-btn"></i>
+
+					<div class="search-box">
+						<form action="#">
+							<div class="input-group">
+								<input type="text" placeholder="Search" class="form-control">
+								<span class="input-group-btn">
+										<button class="btn btn-primary" type="submit">Search</button>
+									</span>
+							</div>
+						</form>
+					</div>
+				</li>
+				<!-- END TOP SEARCH -->
+			</ul>
+		</div>
+		<!-- END NAVIGATION -->
+	</div>
+</div>
+<!-- Header END -->

resources/theme/frontend/metronic/layouts/partials/scripts.blade.php

@@ -0,0 +1,2 @@
+<!-- Compiled app javascript -->
+{{-- <script src="{{ url (mix('/js/app.js')) }}"></script> --}}

resources/theme/frontend/metronic/welcome.blade.php

@@ -0,0 +1,92 @@
+@extends('layouts.app')
+
+@section('htmlheader_title')
+	{{ trans('message.home') }}
+@endsection
+
+@section('main-content')
+<body class="hold-transition welcome-page">
+
+		{{-- SLIDER --}}
+		@if (isset($site_slider))
+			@include('widgets.slider')
+		@endif
+		{{-- END SLIDER --}}
+
+		<div class="main">
+			<div class="container">
+				{{-- SERVICE BOX --}}
+				@if (isset($page_servicebox))
+					@include('widgets.servicebox')
+				@endif
+				{{-- END SERVICE BOX --}}
+
+				{{-- TESTIMONIALS --}}
+				@if (isset($page_blockquote))
+					@include('widgets.blockquote')
+				@endif
+				{{-- END TESTIMONIALS --}}
+
+				{{-- ACTIVITY --}}
+				@if (isset($page_activity))
+					@include('widgets.activity')
+				@endif
+				{{-- END ACTIVITY --}}
+
+				@if (isset($page_tabs) OR isset($page_testimonials))
+				<!-- BEGIN TABS AND TESTIMONIALS -->
+				<div class="row mix-block margin-bottom-40">
+
+					{{-- TABS --}}
+					@if (isset($page_tabs))
+						@include('widgets.tabs')
+					@endif
+					{{-- END TABS --}}
+
+					{{-- TESTIMONIALS --}}
+					@if (isset($page_testimonials))
+						@include('widgets.testimonials')
+					@endif
+					{{-- END TESTIMONIALS --}}
+
+				</div>
+				<!-- END TABS AND TESTIMONIALS -->
+				@endif
+
+				{{-- STEPS --}}
+				@if (isset($page_steps))
+					@include('widgets.steps')
+				@endif
+				{{-- END STEPS --}}
+
+				{{-- CLIENTS --}}
+				@if (true OR isset($page_clients))
+					@include('widgets.clients')
+				@endif
+				{{-- END CLIENTS --}}
+			</div>
+		</div>
+
+		<!-- BEGIN PAGE LEVEL JAVASCRIPTS (REQUIRED ONLY FOR CURRENT PAGE) -->
+		@js('/assets/jquery/plugins/fancybox/source/jquery.fancybox.pack.js','jq-fancybox','jquery')
+		@js('/assets/jquery/plugins/uniform/2.1.0/js/jquery.uniform.min.js','jq-uniform','jquery')
+		@js('/site/js/layout.js','layout','jquery')
+</body>
+@endsection
+
+
+@section('scripts')
+
+	<script type="text/javascript">
+        jQuery(document).ready(function() {
+            Layout.init();
+            <!-- Layout.initTwitter(); -->
+            Layout.initUniform();
+            Layout.initFixHeaderWithPreHeader();
+            Layout.initNavScrolling();
+            <!-- ContactUs.init(); -->
+        });
+	</script>
+
+	<!-- END PAGE LEVEL JAVASCRIPTS -->
+@append

resources/theme/frontend/metronic/widgets/activity.blade.php

@@ -0,0 +1,30 @@
+<!-- BEGIN RECENT WORKS -->
+<div class="row recent-work margin-bottom-40">
+	<div class="col-md-3">
+		<h2><a href="portfolio.html">Recent Activity</a></h2>
+		<p>{{ $page_activityintro }}</p>
+	</div>
+
+	<div class="col-md-9">
+		<div class="owl-carousel owl-carousel3">
+			{{-- @todo These should scroll --}}
+			@php($c=0)
+			@foreach ($page_activity as $o)
+				<div class="recent-work-item">
+					<em>
+						<img src="{{ $o['image_small'] }}" alt="{{ $o['title'] }}" class="img-responsive">
+						<a href="#"><i class="fa fa-link"></i></a>
+						{{-- If this is a jpeg instead of a URL, it renders a nice popup --}}
+						<a href="{{ $o['image_large'] }}/{{$c}}.jpg" class="fancybox-button" title="Project Name #{{$c}}" data-rel="fancybox-button"><i class="fa fa-search"></i></a>
+					</em>
+					<a class="recent-work-description" href="javascript:;">
+						<strong>{{ $o['title'] }}</strong>
+						<b>{{ $o['subtitle'] }}</b>
+					</a>
+				</div>
+				@php($c++)
+			@endforeach
+		</div>
+	</div>
+</div>
+<!-- END RECENT WORKS -->

resources/theme/frontend/metronic/widgets/blockquote.blade.php

@@ -0,0 +1,14 @@
+<!-- BEGIN BLOCKQUOTE BLOCK -->
+<div class="row quote-v1 margin-bottom-30" style="background: #002090;">
+	@foreach ($page_blockquote as $o)
+		<div class="col-md-9">
+			<span>{{ $o['title'] }}</span>
+		</div>
+		@if($o['image'])
+			<div class="col-md-3 text-right">
+				<a class="btn-transparent" href="#" target="_blank"><i class="fa fa-rocket margin-right-10"></i><img src="{{ $o['image'] }}" style="height: 50px;"></a>
+			</div>
+		@endif
+	@endforeach
+</div>
+<!-- END BLOCKQUOTE BLOCK -->

resources/theme/frontend/metronic/widgets/clients.blade.php

@@ -0,0 +1,61 @@
+<!-- BEGIN CLIENTS -->
+<div class="row margin-bottom-40 our-clients">
+	<div class="col-md-3">
+		<h2><a href="javascript:;">Our Clients</a></h2>
+		<p>Lorem dipsum folor margade sitede lametep eiusmod psumquis dolore.</p>
+	</div>
+	{{-- @todo make sure this scrolls --}}
+	<div class="col-md-9">
+		<div class="owl-carousel owl-carousel6-brands">
+			<div class="client-item">
+				<a href="javascript:;">
+					<img src="/image/generic/150/100/aaa" class="img-responsive" alt="">
+					<img src="/image/generic/150/100/fff" class="color-img img-responsive" alt="">
+				</a>
+			</div>
+			<div class="client-item">
+				<a href="javascript:;">
+					<img src="/image/generic/150/100/aaa" class="img-responsive" alt="">
+					<img src="/image/generic/150/100/eee" class="color-img img-responsive" alt="">
+				</a>
+			</div>
+			<div class="client-item">
+				<a href="javascript:;">
+					<img src="/image/generic/150/100/aaa" class="img-responsive" alt="">
+					<img src="/image/generic/150/100/ddd" class="color-img img-responsive" alt="">
+				</a>
+			</div>
+			<div class="client-item">
+				<a href="javascript:;">
+					<img src="/image/generic/150/100/aaa" class="img-responsive" alt="">
+					<img src="/image/generic/150/100/ccc" class="color-img img-responsive" alt="">
+				</a>
+			</div>
+			<div class="client-item">
+				<a href="javascript:;">
+					<img src="/image/generic/150/100/aaa" class="img-responsive" alt="">
+					<img src="/image/generic/150/100/bbb" class="color-img img-responsive" alt="">
+				</a>
+			</div>
+			<div class="client-item">
+				<a href="javascript:;">
+					<img src="/image/generic/150/100/aaa" class="img-responsive" alt="">
+					<img src="/image/generic/150/100/999" class="color-img img-responsive" alt="">
+				</a>
+			</div>
+			<div class="client-item">
+				<a href="javascript:;">
+					<img src="/image/generic/150/100/aaa" class="img-responsive" alt="">
+					<img src="/image/generic/150/100/888" class="color-img img-responsive" alt="">
+				</a>
+			</div>
+			<div class="client-item">
+				<a href="javascript:;">
+					<img src="/image/generic/150/100/aaa" class="img-responsive" alt="">
+					<img src="/image/generic/150/100/777" class="color-img img-responsive" alt="">
+				</a>
+			</div>
+		</div>
+	</div>
+</div>
+<!-- END CLIENTS -->

resources/theme/frontend/metronic/widgets/servicebox.blade.php

@@ -0,0 +1,14 @@
+<!-- BEGIN SERVICE BOX -->
+<div class="row service-box margin-bottom-40">
+	@foreach ($page_servicebox as $o)
+		<div class="col-md-4 col-sm-4">
+			<div class="service-box-heading">
+				<em><i class="{{ $o['icon'] }}"></i></em>
+				<span>{{ $o['title'] }}</span>
+			</div>
+			<p>{{ $o['text'] }}</p>
+			<img src="{{ $o['image'] }}" class="col-md-10">
+		</div>
+	@endforeach
+</div>
+<!-- END SERVICE BOX -->

resources/theme/frontend/metronic/widgets/slider.blade.php

@@ -0,0 +1,87 @@
+{{-- @todo needs to be optimised --}}
+<!-- BEGIN SLIDER -->
+<div class="page-slider margin-bottom-40">
+    <div id="carousel-example-generic" class="carousel slide carousel-slider">
+        <!-- Indicators -->
+        <ol class="carousel-indicators carousel-indicators-frontend">
+            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
+            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
+            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
+        </ol>
+
+        <!-- Wrapper for slides -->
+        <div class="carousel-inner" role="listbox">
+            <!-- First slide -->
+            <div class="item carousel-item-eight active">
+                <div class="container">
+                    <div class="carousel-position-six text-uppercase text-center" style="background: #000; color: #888; opacity: 0.5; font-style: bold;">
+                        <h2 class="margin-bottom-20 animate-delay carousel-title-v1"  data-animation="animated fadeInDown">
+                            Header <br/>
+                            <span class="carousel-title-normal">and Title</span>
+                        </h2>
+                        <p class="carousel-subtitle-v5 border-top-bottom margin-bottom-30" data-animation="animated fadeInDown">This is what you were looking for</p>
+                      <a class="carousel-btn-green" href="#" data-animation="animated fadeInUp">Purchase Now!</a>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Second slide -->
+            <div class="item carousel-item-nine">
+                <div class="container">
+                    <div class="carousel-position-six">
+                        <h2 class="animate-delay carousel-title-v6 text-uppercase" data-animation="animated fadeInDown">
+                            Header and Title
+                        </h2>
+                        <p class="carousel-subtitle-v6 text-uppercase" data-animation="animated fadeInDown">
+                            This is what you were looking for
+                        </p>
+                        <p class="carousel-subtitle-v7 margin-bottom-30" data-animation="animated fadeInDown">
+                            Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br/>
+                            Sed est nunc, sagittis at consectetur id.
+                        </p>
+                        <a class="carousel-btn-green" href="#" data-animation="animated fadeInUp">Purchase Now!</a>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Third slide -->
+            <div class="item carousel-item-ten">
+                <div class="container">
+                    <div class="carousel-position-six">
+                        <h2 class="animate-delay carousel-title-v6 text-uppercase" data-animation="animated fadeInDown">
+                            Header and Title
+                        </h2>
+                        <p class="carousel-subtitle-v6 text-uppercase" data-animation="animated fadeInDown">
+                            This is what you were looking for
+                        </p>
+                        <p class="carousel-subtitle-v7 margin-bottom-30" data-animation="animated fadeInDown">
+                            Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br/>
+                            Sed est nunc, sagittis at consectetur id.
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Controls -->
+        <a class="left carousel-control carousel-control-shop carousel-control-frontend" href="#carousel-example-generic" role="button" data-slide="prev">
+            <i class="fa fa-angle-left" aria-hidden="true"></i>
+        </a>
+        <a class="right carousel-control carousel-control-shop carousel-control-frontend" href="#carousel-example-generic" role="button" data-slide="next">
+            <i class="fa fa-angle-right" aria-hidden="true"></i>
+        </a>
+    </div>
+</div>
+<!-- END SLIDER -->
+@js('/assets/jquery/plugins/owl.carousel/2.0.0/js/owl.carousel.min.js','jq-owl-carousel','jquery')<!-- slider for products -->
+@js('/pages/js/bs-carousel.js','bs-carousel','jq-owl-carousel')
+@section('scripts')
+
+    <script type="text/javascript">
+        jQuery(document).ready(function() {
+            Layout.initOWL();
+        });
+    </script>
+
+    <!-- END PAGE LEVEL JAVASCRIPTS -->
+@append

resources/theme/frontend/metronic/widgets/steps.blade.php

@@ -0,0 +1,15 @@
+<!-- BEGIN STEPS -->
+<div class="row margin-bottom-40 front-steps-wrapper front-steps-count-3">
+	{{-- Dynamically count the steps and choose the appropriate col-md-x --}}
+	@php($c=0)
+	@foreach ($page_steps as $o)
+		<div class="col-md-4 col-sm-4 front-step-col">
+		<div class="front-step front-step{{ ++$c }}">
+			<h2>{{ $o['title'] }}</h2>
+			<p>{{ $o['description'] }}</p>
+			<br>
+		</div>
+	  </div>
+	@endforeach
+</div>
+<!-- END STEPS -->

resources/theme/frontend/metronic/widgets/tabs.blade.php

@@ -0,0 +1,29 @@
+<!-- TABS -->
+<div class="col-md-7 tab-style-1">
+	<ul class="nav nav-tabs">
+		@php($c=0)
+		@foreach ($page_tabs as $o)
+			<li @if(! $c++) class="active" @endif><a href="#tab-{{ $c }}" data-toggle="tab">{{ $o['title'] }}</a></li>
+		@endforeach
+	</ul>
+
+	<div class="tab-content">
+		@php($c=0)
+		@foreach ($page_tabs as $o)
+			<div class="tab-pane row fade in @if(! $c++) active @endif" id="tab-{{ $c }}">
+				<div class="col-md-3 col-sm-3">
+					<a href="{{ $o['image'] }}" class="fancybox-button" title="{{ $o['title'] }}" data-rel="fancybox-button">
+						<img class="img-responsive" src="{{ $o['image'] }}" alt="">
+					</a>
+				</div>
+
+				<div class="col-md-9 col-sm-9">
+					<p class="margin-bottom-10">{{ $o['text'] }}</p>
+					<p><a class="more" href="javascript:;">Read more <i class="icon-angle-right"></i></a></p>
+				</div>
+			</div>
+		@endforeach
+	</div>
+</div>
+<!-- END TABS -->
+

resources/theme/frontend/metronic/widgets/testimonials.blade.php

@@ -0,0 +1,27 @@
+<!-- TESTIMONIALS -->
+<div class="col-md-5 testimonials-v1">
+	<div id="myCarousel" class="carousel slide">
+		<!-- Carousel items -->
+		<div class="carousel-inner">
+			@php($c=0)
+			@foreach($page_testimonials as $o)
+				<div class="item @if(! $c++) active @endif">
+					<blockquote><p>{{ $o['quote'] }}</p></blockquote>
+					<div class="carousel-info">
+						<img class="pull-left" src="{{ $o['photo'] }}" alt="">
+						<div class="pull-left">
+							<span class="testimonials-name">{{ $o['name'] }}</span>
+							<span class="testimonials-post">{{ $o['title'] }}</span>
+						</div>
+					</div>
+				</div>
+			@endforeach
+		</div>
+
+		<!-- Carousel nav -->
+		<a class="left-btn" href="#myCarousel" data-slide="prev"></a>
+		<a class="right-btn" href="#myCarousel" data-slide="next"></a>
+	</div>
+</div>
+<!-- END TESTIMONIALS -->
+{{-- @todo move the required javascript here --}}