<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Market Place Report</title>
        <meta name="description" content="description">        
        <meta name="viewport" content="width=device-width, initial-scale=1">        
        <link rel="stylesheet" href="{{ URL::asset('css/bootstrap.css') }}" type="text/css" />       
        <link rel="stylesheet" href="{{ URL::asset('css/jquery-ui.min.css') }}" type="text/css" />
        <link rel="stylesheet" href="{{ URL::asset('css/jquery.fancybox.css') }}" type="text/css" />
        <link rel="stylesheet" href="{{ URL::asset('css/fullcalendar.css') }}" type="text/css" />
        <link rel="stylesheet" href="{{ URL::asset('css/select2.css') }}" type="text/css" />
        <link rel="stylesheet" href="{{ URL::asset('css/xcharts.min.css') }}" type="text/css" />
        <link rel="stylesheet" href="{{ URL::asset('css/justifiedGallery.css') }}" type="text/css" />
        <link rel="stylesheet" href="{{ URL::asset('css/style_v1.css') }}" type="text/css" />
        
        <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
        <link href='https://fonts.googleapis.com/css?family=Righteous' rel='stylesheet' type='text/css'>    
   
        <script type="text/javascript" src="{{ URL::asset('js/jquery.min.js') }}"></script>
        <script type="text/javascript" src="{{ URL::asset('js/jquery-ui.min.js') }}"></script>
        <script type="text/javascript" src="{{ URL::asset('js/bootstrap.min.js') }}"></script>  
        <script type="text/javascript" src="{{ URL::asset('js/select2.js') }}"></script>       
        <script type="text/javascript" src="{{ URL::asset('js/site.js') }}"></script> 
        
    </head>
    <body>
        <!--Start Header-->
        <div id="screensaver">
            <canvas id="canvas"></canvas>
            <i class="fa fa-lock" id="screen_unlock"></i>
        </div>
        <div id="modalbox">
            <div class="devoops-modal">
                <div class="devoops-modal-header">
                    <div class="modal-header-name">
                        <span>Basic table</span>
                    </div>
                    <div class="box-icons">
                        <a class="close-link">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>
                <div class="devoops-modal-inner"></div>
                <div class="devoops-modal-bottom"></div>
            </div>
        </div>
        <header class="navbar">
            <div class="container-fluid expanded-panel">
                <div class="row">
                    
                    <div id="logo" class="col-xs-12 col-sm-2">
                        <a href="">Market Place Report</a>
                    </div>
                    
                    <div id="top-panel" class="col-xs-12 col-sm-10">
                        <div class="row">
                            <div class="col-xs-8 col-sm-4">
                                <div id="search">
<!--                                    <input type="text" placeholder="search"/>
                                    <i class="fa fa-search"></i>-->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!--End Header-->
        <!--Start Container-->
        <div id="main" class="container-fluid">
            <div class="row">
                <div id="sidebar-left" class="col-xs-2 col-sm-2">
                    <ul class="nav main-menu">
                        <li>
                            <a href="">
                                <i class="fa fa-dashboard"></i>
                                <span>Dashboard</span>
                            </a>
                        </li>
                        <li>
                            <a href="{!! URL::to('/reports') !!}">
                                <i class="fa fa-list"></i>
                                <span>Reports</span>
                            </a>
                        </li>
                        <li>
                            <a href="{!! URL::to('/') !!}">
                                <i class="fa fa-pencil-square-o"></i>                               
                                <span class="hidden-xs">Report Entry</span>
                            </a>
                        </li>
                        <li>
                            <a href="{!! URL::to('/refund') !!}">
                                <i class="fa fa-bar-chart-o"></i>                              
                                <span class="hidden-xs">Refund</span>
                            </a>
                        </li>
                        <li>
                            <a href="{!! URL::to('/market_places') !!}">
                                <i class="fa fa-desktop"></i>
                                <span class="hidden-xs">Market Places</span>
                            </a>
                        </li>
                        <li>
                            <a href="{!! URL::to('/sources') !!}">
                                 <i class="fa fa-table"></i>
                                <span class="hidden-xs">Sources</span>
                            </a> 
                        </li>
                        <li>
                            <a href="{{ url('/auth/logout') }}">
                                 <i class="fa fa-table"></i>
                                <span class="hidden-xs">Logout</span>
                            </a> 
                        </li>
                    </ul>
                </div>
                <!--Start Content-->
                <div id="content" class="col-xs-12 col-sm-10">
                    <br/><br/>
                    <div class="contents">@yield('content')</div>
                </div>
                <!--End Content-->
            </div>
        </div>
        <!--End Container-->       
    </body>
</html>
