@extends('master')

@section('titulo')
    {{ Lang::get('admin/_11090.titulo') }}
@endsection

@section('estilo')
    <link rel="stylesheet" href="{{ elixir('assets/css/11090.css') }}" />
@endsection

@section('conteudo')
<div ng-controller="Ctrl as vm" ng-cloak>

	<ul class="list-inline acoes">    
        <li>
            
        </li>
        
        <li>
            <button 
                type="button" 
                class="btn btn-primary btn-incluir" 
                data-hotkey="f6"
                ng-disabled="!{{ userMenu($menu)->INCLUIR }}" 
                ng-click="vm.teste.incluir()">
                <span class="glyphicon glyphicon-plus"></span> Incluir
            </button>
        </li>   
        <li>
            <button 
                type="button" 
                class="btn btn-primary btn-incluir" 
                data-hotkey="f6"
                ng-click="vm.teste.getCliente2()">
                <span class="glyphicon glyphicon-plus"></span> teste
            </button>
        </li>   

        <li style="display: inline-flex;">
            <span style="margin-right: 2px;" ng-if="item.HINT_STATUS == undefined" class="t-status" ng-class="{'status-0' : vm.PORGRESSO < 1,  'status-1' : vm.PORGRESSO >= 1 }"></span>
            <span style="margin-right: 2px;" ng-if="item.HINT_STATUS == undefined" class="t-status" ng-class="{'status-0' : vm.PORGRESSO < 2,  'status-1' : vm.PORGRESSO >= 2 }"></span>
            <span style="margin-right: 2px;" ng-if="item.HINT_STATUS == undefined" class="t-status" ng-class="{'status-0' : vm.PORGRESSO < 3,  'status-1' : vm.PORGRESSO >= 3 }"></span>
            <span style="margin-right: 2px;" ng-if="item.HINT_STATUS == undefined" class="t-status" ng-class="{'status-0' : vm.PORGRESSO < 4,  'status-1' : vm.PORGRESSO >= 4 }"></span>
            <span style="margin-right: 2px;" ng-if="item.HINT_STATUS == undefined" class="t-status" ng-class="{'status-0' : vm.PORGRESSO < 5,  'status-1' : vm.PORGRESSO >= 5 }"></span>
            <span style="margin-right: 2px;" ng-if="item.HINT_STATUS == undefined" class="t-status" ng-class="{'status-0' : vm.PORGRESSO < 6,  'status-1' : vm.PORGRESSO >= 6 }"></span>
            <span style="margin-right: 2px;" ng-if="item.HINT_STATUS == undefined" class="t-status" ng-class="{'status-0' : vm.PORGRESSO < 7,  'status-1' : vm.PORGRESSO >= 7 }"></span>
            <span style="margin-right: 2px;" ng-if="item.HINT_STATUS == undefined" class="t-status" ng-class="{'status-0' : vm.PORGRESSO < 8,  'status-1' : vm.PORGRESSO >= 8 }"></span>
            <span style="margin-right: 2px;" ng-if="item.HINT_STATUS == undefined" class="t-status" ng-class="{'status-0' : vm.PORGRESSO < 9,  'status-1' : vm.PORGRESSO >= 9 }"></span>
            <span style="margin-right: 2px;" ng-if="item.HINT_STATUS == undefined" class="t-status" ng-class="{'status-0' : vm.PORGRESSO < 10, 'status-1' : vm.PORGRESSO >= 10}"></span>
            @{{vm.PORGRESSO_STATUS}}
        </li>   

        <li style="display: inline-flex; display: inline-flex; border: 1px solid #337ab7; width: 200px; padding: 0px; border-radius: 5px;">
            <div class="progress-bar  bg-success" style="width: 200px; height: 14px; border-radius: 4px;" role="progressbar" aria-valuenow="@{{vm.PORGRESSO}}" aria-valuemin="0" aria-valuemax="10"></div>
        </li>  
	</ul>  

    <div class="tabela_principal" id="tabela_principal"></div>
    
    @include($menu.'.modal.teste')
    @include($menu.'.modal.testeItens')
    
</div>
@endsection

@section('script')
    <script src="{{ elixir('assets/js/_11090.js') }}"></script>
@append