@extends('admin/layouts.default')
@section('content')
    <div id="header" class="container-fluid">
        <div class="row">
            <div class="col-md-8 col-sm-12 col-xs-12">
               <h3 class="titulo-pagina"><i class="glyphicon glyphicon-th-list"></i>&nbsp;Relatório de Participantes</h3>
            </div>
        </div> <!-- fechando a row -->
    </div> <!-- fechando a header -->

    <!--navbar-wrapper-->
    <div class="conteudo-interno">
        <div class="container-fluid">
            <form id="form-relatorio" target="_blank" method="GET" action="{{ route('participantes.relatorio.impressao') }}">
                {!! csrf_field() !!}
                <input type="hidden" value="no" name="print" id="print">
                <div class="row">
                    <div class="form-group col-md-4">
                        <label for="evento">Evento</label>
                        <select class="form-control" name="evento" id="evento">
                            <option value="todos">Todos</option>
                            @foreach($eventos as $ed)
                                <option value="{{$ed->id}}">{{$ed->ano}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="status">Status</label>
                        <select class="form-control" name="status" id="status">
                            <option value="ambos">Ambos</option>
                            <option value="pago">Pago</option>
                            <option value="aguardando_pagamento">Aguardando Pagamento</option>
                        </select>
                    </div>
                </div> <!-- fechando a row -->

                <div class="row" id="botoes-formulario">
                    <div class="col-md-12">
                        <button type="button" class="btn btn-sm btn-success" onclick="gerarRelatorio('no')"><span class="glyphicon glyphicon-print"></span>&nbsp;&nbsp;Visualizar Relatório</button>
                        <button type="button" class="btn btn-sm btn-primary" onclick="gerarRelatorio('yes')"><span class="glyphicon glyphicon-print"></span>&nbsp;&nbsp;Imprimir Relatório</button>
                    </div>
                </div> <!-- fechando a row -->

            </form>

        </div> <!-- fechando container fluid -->
    </div>

    <script>
        function gerarRelatorio(print) {
            document.getElementById('print').value = print;
            document.getElementById('form-relatorio').submit();
        }
    </script>

@stop