@extends('layouts.app')

@section('content')
<div class="container-fluid p-0 visita">
    <div class="container-fluid p-0 d-none d-md-block">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('books.index') }}">Books</a></li>
                <li class="breadcrumb-item active" aria-current="page">Novo</li>
            </ol>
        </nav>
    </div>

    @include('includes.alerts')

    <div class="row">
        <div class="col-12">
            <form class="card shadow-sm" action="{{ route('books.showBook') }}" method="GET">
                <div class="card-header">
                    <h5 class="card-title mb-0">Book</h5>
                </div>
                <div class="card-body">
                    <div class="row g-2">
                        <div class="col-12 col-lg-3">
                            <label for="ipt-fornecedor" class="form-label">Fornecedor:</label>
                            <select class="form-control form-select select-custom @error('id_fornecedor') is-invalid @enderror" name="id_fornecedor" value="{{ old('id_fornecedor') }}">
                                <option value="">Selecione</option>
                                @foreach ($fornecedores as $fornecedor)
                                    <option value="{{$fornecedor->id_fornecedor}}">{{ $fornecedor->nome_fantasia }}</option>
                                @endforeach
                            </select>
                            @error('id_fornecedor')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-12 col-lg-3">
                            <label for="ipt-razao-social" class="form-label">Supermercado:</label>
                            <select class="form-control form-select select-custom" name="id_supermercado" value="{{ old('id_supermercado') }}">
                                <option value="">Selecione</option>
                                @foreach ($supermercados as $supermercado)
                                    <option value="{{$supermercado->id_supermercado}}">{{ $supermercado->nome_fantasia }}</option>
                                @endforeach
                            </select>
                            @error('id_supermercado')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-12 col-lg-2">
                            <label for="ipt-id_supermercado_redes" class="form-label">Supermercados Rede:</label>
                            <select class="form-control form-select select-custom" name="id_supermercado_redes" value="{{ Request::get('id_supermercado_redes') }}">
                                <option value="">Todos</option>
                                @foreach ($supermercado_rede as $redes)
                                    <option value="{{$redes->id_supermercado_redes}}">{{ $redes->nome_rede }}</option>
                                @endforeach
                            </select>
                            @error('id_supermercado_redes')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-12 col-lg-2">
                            <label for="ipt-periodo-de" class="form-label">De:</label>
                            <input type="date" name="periodo_de" value="{{ old('periodo_de') }}" class="form-control @error('periodo_de') is-invalid @enderror" id="ipt-periodo-de" aria-describedby="Período de">
                            @error('periodo_de')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-12 col-lg-2">
                            <label for="ipt-periodo-ate" class="form-label">Até:</label>
                            <input type="date" name="periodo_ate" value="{{ old('periodo_ate') }}" class="form-control @error('periodo_ate') is-invalid @enderror" id="ipt-periodo-ate" aria-describedby="Período até">
                            @error('periodo_ate')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <div class="d-flex justify-content-between">
                        <a href="{{ route('books.index') }}" class="btn btn-sm btn-outline-dark">Voltar</a>
                        <button type="submit" class="btn btn-sm btn-success">Gerar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection
@push('scripts')
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.js"></script>
<script>
    lucide.createIcons();
</script>
@endpush