@extends('frontend.layouts.split')

@section('content')
<div class="clearfix"></div>
<div class="row" style="margin-top: 15px;">
    <div class="col-lg-12 col-12 col-sm-12">
        <div class="portlet light portlet-fit bordered">
            <div class="portlet-title">
                <div class="caption">
                    <i class="icon-microphone font-dark hide"></i>
                    <span class="caption-subject bold font-dark uppercase"> Orders</span>
                    <span class="caption-helper">Choose any order...</span>
                </div>
            </div>
            <div class="portlet-body">
                <div class="row">
                    <div class="col-md-4 col-sm-6 col-12" style="height: 183px;margin-bottom: 10px;">                        
                        <div class="mt-widget-2">
                            <div class="mt-head" style="background-image: url({{ URL::asset('public/assets/pages/img/background/eye3.jpg') }});">
                                <div class="mt-head-label">
                                    <a href="{{ route('frontend.user.rx-lens-orders') }}" class="btn btn-success">Order Rx Lenses</a>
                                </div>
                                <a href="{{ route('frontend.user.rx-lens-orders') }}">
                                    <div class="mt-head-user">
                                        <div class="mt-head-user-img">
                                        </div>
                                        <div class="mt-head-user-info">
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6 col-12" style="height: 183px;margin-bottom: 10px;">
                        <div class="mt-widget-2">
                            <div class="mt-head" style="background-image: url({{ URL::asset('public/assets/pages/img/background/eye2.jpg') }});">
                                <div class="mt-head-label">
                                    <a href="{{ route('frontend.user.stock-lens-orders') }}" class="btn btn-info">Order Stock Lenses</a>
                                </div>
                                <a href="{{ route('frontend.user.stock-lens-orders') }}">
                                    <div class="mt-head-user">
                                        <div class="mt-head-user-img">
                                        </div>
                                        <div class="mt-head-user-info">
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6 col-12" style="height: 183px;margin-bottom: 10px;">
                        <div class="mt-widget-2">
                            <div class="mt-head" style="background-image: url({{ URL::asset('public/assets/pages/img/background/eye1.jpg') }});">
                                <div class="mt-head-label">
                                    <a href="{{ route('frontend.user.consumables-lens-orders') }}" class="btn btn-danger">Order Consumables</a>
                                </div>
                                <a href="{{ route('frontend.user.consumables-lens-orders') }}">
                                    <div class="mt-head-user">
                                        <div class="mt-head-user-img">
                                        </div>
                                        <div class="mt-head-user-info">
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-12 col-12 col-sm-12">
        <div class="portlet light portlet-fit bordered">
            <div class="portlet-title">
                <div class="caption">
                    <i class="icon-microphone font-dark hide"></i>
                    <span class="caption-subject bold font-dark uppercase"> Help</span>
                    <span class="caption-helper">How to start...</span>
                </div>
            </div>
            <div class="portlet-body">
                <div class="row">
                    <div class="col-sm-2"></div>
                    <div class="col-sm-8">
                        <iframe width="100%" height="315"
                        src="