@extends('admin/layouts.default')
@section('content')
    <div id="header" class="container-fluid">
        <div class="row">
            <div class="col-md-4">
                <h3 class="titulo-pagina"><i class="glyphicon glyphicon-th-list"></i>&nbsp;Listar Vouchers</h3>
            </div>
            <div class="col-md-8 text-right botoes">
                <a href="{{ route('voucher.adicionar') }}" title="Adicionar" class="btn btn-primary btn-responsive"><span class="fa glyphicon glyphicon-plus-sign"></span>&nbsp;&nbsp;Adicionar</a>

                <div class="btn-group">
                    <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Opções <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu">
                        <li><a href="#"><span class="fa fa-plus-square"></span>&nbsp;&nbsp;Adicionar</a></li>
                        <li><a href="#"><span class="fa fa-edit"></span>&nbsp;&nbsp;Editar</a></li>
                        <li><a href="#"><span class="fa fa-print"></span>&nbsp;&nbsp;Imprimir</a></li>
                        <li><a href="#"><span class="fa fa-remove"></span>&nbsp;&nbsp;Excluir</a></li>
                    </ul>
                </div>

            </div>
        </div>

    </div>

    <!--navbar-wrapper-->
    <div class="conteudo-interno">
        <div class="container-fluid">

            @if (session('status'))
                <div class="alert alert-success alert-dismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <strong>Sucesso!</strong> {{ session('status') }}
                </div>
            @endif

            <div class="row">

                <div class="form-group col-md-12">
                    <div class="input-group"> <span class="input-group-addon">Filtro</span>
                        <input id="filter" type="text" class="form-control" placeholder="Digite aqui...">
                    </div>
                </div>

            </div>

            <div class="table-responsive">
                <table class="table table-striped table-bordered">
                    <thead>
                    <th width="15%">ID</th>
                    <th width="15%">Código</th>
                    <th width="15%">Status</th>
                    <th width="10%" class="text-center">Opções</th>
                    </thead>
                    <tbody class="searchable">

                    @foreach($voucher as $vouch)
                        <tr>
                            <td>{{$vouch->id}}</td>
                            <td>{{$vouch->codigo}}</td>
                            @if($vouch->status == "ativo")
                                <td> <button class="btn btn-success btn-sm">{{$vouch->status}}</button></td>
                            @else
                                <td><button class="btn btn-danger btn-sm">{{$vouch->status}}</button></td>
                            @endif
                            <td class="text-center">
                                <div class="btn-group">
                                    <a title="Ver opções" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="glyphicon glyphicon-cog"></i></a>
                                    <ul class="pull-right dropdown-menu">
                                        <li><a href="{{ route('voucher.deletar',$vouch->id) }}" class="glyphicon glyphicon-remove">&nbsp;Remover</a></li>
                                        <li><a href="{{ route('voucher.ativar',$vouch->id) }}" class="glyphicon glyphicon-ok">&nbsp;Ativar</a></li>
                                    </ul>
                                </div>
                            </td>
                        </tr>
                    @endforeach


                    <tr id="erro" class="odd {{count($voucher) == 0 ? '':'hide'}}">
                        <td valign="top" colspan="6" class="dataTables_empty">Nenhum registro encontrado</td>
                    </tr>

                    </tbody>
                </table>
            </div>

        </div>
    </div>

    <script type="text/javascript" src="{{asset('build/admin/js/util/filtro.js')}}"></script>
@stop