@extends('layouts.app')

@section('title', 'Movimentacoes')

@section('content')
    <section class="page-title">
        <div>
            <h1>Movimentacoes</h1>
            <div class="muted">Busca e auditoria consolidada dos portoes.</div>
        </div>
        <a class="button secondary" href="{{ route('relatorios.movimentacoes') }}">Baixar CSV</a>
    </section>

    <form method="GET" class="card" style="margin-bottom:14px;">
        <div class="form-row">
            <input type="search" name="busca" value="{{ request('busca') }}" placeholder="ID ou nome">
            <select name="tipo">
                <option value="">Tipo</option>
                <option value="entrada" @selected(request('tipo') === 'entrada')>Entrada</option>
                <option value="saida" @selected(request('tipo') === 'saida')>Saida</option>
            </select>
            <select name="resultado">
                <option value="">Resultado</option>
                @foreach(['confirmado', 'duplicado', 'desconhecido', 'invalido'] as $resultado)
                    <option value="{{ $resultado }}" @selected(request('resultado') === $resultado)>{{ ucfirst($resultado) }}</option>
                @endforeach
            </select>
            <select name="portao">
                <option value="">Portao</option>
                @foreach($opcoes['portoes'] as $portao)
                    <option value="{{ $portao }}" @selected(request('portao') === $portao)>{{ $portao }}</option>
                @endforeach
            </select>
            <button class="button" type="submit">Filtrar</button>
        </div>
    </form>

    <section class="card">
        @include('partials.movimentacoes-table', ['movimentacoes' => $movimentacoes])
        <div class="pagination">{{ $movimentacoes->links() }}</div>
    </section>
@endsection