<!DOCTYPE html>
<html lang="pt-BR" ng-app="app">
<head>
    <base href="/" />
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title page-title ng-bind="page_title"></title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <script type="text/javascript" src="assets/files/jquery.js"></script>
    <script type="text/javascript" src="assets/files/jquery-migrate.min.js"></script>
    <link rel="stylesheet" href="bower_components/slickjs/slick.css" />
    <link rel="stylesheet" href="bower_components/slickjs/slick-theme.css" />
    <script type="text/javascript" src="bower_components/slickjs/slick.js"></script>

    <!-- angularjs -->
    <script src="bower_components/angular/angular.min.js"></script>
    <script src="bower_components/angular-pt-br/angular-locale_pt-br.js"></script>
    <script src="bower_components/ui-mask/mask.js"></script>
    <script src="bower_components/filter-phone/filter-phone.js"></script>
    <script src="bower_components/cpf-cnpj/cpj-cnpj.directive.js"></script>
    <script src="bower_components/cnpj/cnpj.directive.js"></script>
    <script src="bower_components/angular-sanitize/angular-sanitize.min.js"></script>
    <script src="bower_components/angular-animate/angular-animate.min.js"></script>

    <link rel="stylesheet" href="bower_components/tooltip/angular-tooltips.css" media="all">
    <script src="bower_components/tooltip/angular-tooltips.js"></script>
    <script src="bower_components/money-mask/rw-money-mask.js"></script>

    <script src="bower_components/ui-cropper/ui-cropper.js"></script>
    <link href="bower_components/ui-cropper/ui-cropper.css" rel="stylesheet" />
    <!-- ui-router -->
    <script src="bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>
    <!-- ocLazyLoad -->
    <script src="bower_components/oclazyload/dist/ocLazyLoad.min.js"></script>
    <!-- toastr -->
    <script src="bower_components/toastr/toastr.min.js"></script>
    <link href="bower_components/toastr/toastr.min.css" rel="stylesheet" />

    <script src="bower_components/angular-autocomplete/autocomplete.js"></script>
    <link href="bower_components/angular-autocomplete/autocomplete.css" rel="stylesheet" />

    <!-- app -->
    <script src="app/app.js"></script>
    <script src="app/app.states.js"></script>
    <script src="app/app.controller.js"></script>

    <!-- theme -->
    <link rel="stylesheet" id="archi-fonts-css" href="assets/files/theme-fonts.css" type="text/css" media="all">
    <link rel="stylesheet" id="archi-bootstrap-css" href="assets/files/bootstrap.css" type="text/css" media="all">
    <link rel="stylesheet" id="archi-jpreloader-css" href="assets/files/jpreloader.css" type="text/css" media="all">
    <link rel="stylesheet" id="archi-animate-css" href="assets/files/animate.css" type="text/css" media="all">
    <link rel="stylesheet" id="archi-plugin-css" href="assets/files/plugin.css" type="text/css" media="all">
    <link rel="stylesheet" id="archi-awesome-font-css" href="assets/files/font-awesome.css" type="text/css" media="all">
    <link rel="stylesheet" id="archi-style-css" href="assets/files/style(2).css" type="text/css" media="all">
    <link rel="stylesheet" id="woocommerce-layout-css" href="assets/files/woocommerce-layout.css" type="text/css" media="all">
    <link rel="stylesheet" id="woocommerce-smallscreen-css" href="assets/files/woocommerce-smallscreen.css" type="text/css" media="only screen and (max-width: 768px)">
    <link rel="stylesheet" id="woocommerce-general-css" href="assets/files/woocommerce.css" type="text/css" media="all">
    <link rel="stylesheet" id="archi-woocommerce-css" href="assets/files/woocommerce(1).css" type="text/css" media="all">
    <link rel="stylesheet" id="archi-demo-css" href="assets/files/demo.css" type="text/css" media="all">


    <!-- color scheme -->
    <link rel="stylesheet" href="assets/files/yellow.css" type="text/css" id="colors">

    <script type="text/javascript" src="assets/files/jquery.blockUI.min.js"></script>
    <script type="text/javascript" src="assets/files/jpreLoader.js"></script>
    <script type="text/javascript" src="assets/files/bootstrap.min.js"></script>

</head>

<body>
    <div id="wrapper">
        <header class="header-bg">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div id="logo">
                            <a href="javascript:void(0)" ng-click="clear()">
                                <img class="logo-static" src="assets/img/logo.png" alt="Idearium">
                            </a>
                        </div>
                        <nav>
                            <ul id="mainmenu">
                                <li class="menu-search">
                                    <div role="search" method="get" class="woocommerce-product-search widget_search">
                                        <input class="search-field form-control" ng-model="search.query" ng-model-options="{debounce: 750}" ng-focus="search.focus()" ng-blur="search.blur()" ng-change="search.run(0)" type="search" id="search" autocomplete="off" placeholder="Buscar produtos…" value="" name="s">
                                        <button id="btn-search" ng-click="search.page()"></button>
                                        <div class="clearfix"></div>
                                    </div>
                                    <ul class="search-results" style="{{search.isFocused ? 'display:block' : ''}}">
                                        <li class="search-result-item" id="preloader" ng-if="search.loading">
                                            <div class="preloader1" style="background-size: cover;"></div>
                                        </li>
                                        <li class="search-result-item" ng-repeat="produto in search.results" ng-click="search.select(produto)">
                                            <img src="assets/img/img-load.gif" dummy="{{getImage(produto.ImagemDestaque)}}">
                                            <span>{{produto.Nome}}</span>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-search">
                                    <a class="btn-cart" href="javascript:void(0)" ng-click="cart.page()">
                                        <div ng-show="cart.produtos.length > 0" class="count">{{cart.produtos.length}}</div>
                                        <i class="fa fa-shopping-cart"></i>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                    <!-- mainmenu close -->
                </div>
            </div>
        </header>

        <section id="subheader" data-speed="8" data-type="background" style="background-position: 50% 0px;">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h1>Idearium {{selected.area.desc != null ? '- ' + selected.area.desc : ''}}</h1>
                        <ul class="crumb">
                            <li>
                                <a href="javascript:void(0)" ng-click="changedSegmento()">{{selected.segmento.Nome}}</a>
                                <b ng-hide="selected.categoria==null">/</b>
                            </li>
                            <li><a href="javascript:void(0)" ng-click="changedCategoria()">{{selected.categoria.Nome}}</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

        <div id="content" class="main-content" role="main">
            <div ui-view id="main_view"></div>
        </div>

        <div class="modal modal-imagem fade" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-body modal-body-dark">
                        <img class="large-img" ng-if="$root.dialogImg!=null" ng-src="{{getImage($root.dialogImg)}}" />
                    </div>
                </div>
            </div>
        </div>

        <!-- footer begin -->
        <footer>
            <div class="subfooter ">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6">
                            © Copyright 2018 -
                            <span class="id-color">Idearium</span>
                        </div>
                        <div class="col-md-6 text-right">
                            <div class="social-icons">
                                <ul>
                                    <li>
                                        <a target="_blank" href="https://www.facebook.com/">
                                            <i class="fa fa-facebook"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a target="_blank" href="https://twitter.com/">
                                            <i class="fa fa-twitter"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <a id="back-to-top" href="#" class=""></a>
        </footer>
    </div>

    <link href="assets/custom/custom.css" rel="stylesheet" />
    <script type="text/javascript" src="assets/custom/custom.js"></script>
</body>

</html>