@extends('padre.padre')
@section('contenido')

<div class="tituloGen d-flex justify-content-center">
    <h3 style="color:white; margin-top:20px;">CERTIFICADOS DE RETENCIÓN</h3>
</div>

@include('menu.botonRegresar')

<div class="container" style="margin-top: 50px;">
    <div class="card shadow">
        <div class="card-header bg-primary text-white">
            <h5 class="mb-0">Consultar Certificado</h5>
        </div>
        <div class="card-body">
            <form action="generarCertificado" method="GET" target="_blank">
                <div class="row">
                    <!-- Tercero (NIT) -->
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="nit">Identificación (NIT/CC)</label>
                            <input type="text" name="nit" id="nit" class="form-control" placeholder="Ingrese NIT" required>
                        </div>
                    </div>

                    <!-- Rango de Fechas -->
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="fi">Desde</label>
                            <input type="date" name="fi" id="fi" class="form-control" value="{{ $fi ?? date('Y-01-01') }}" required>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="ff">Hasta</label>
                            <input type="date" name="ff" id="ff" class="form-control" value="{{ $ff ?? date('Y-12-31') }}" required>
                        </div>
                    </div>

                    <!-- Tipo de Certificado -->
                    <div class="col-md-2">
                        <div class="form-group">
                            <label for="tipo">Tipo</label>
                            <select name="tipo" id="tipo" class="form-control">
                                <option value="FUENTE">FUENTE</option>
                                <option value="IVA">IVA</option>
                                <option value="ICA">ICA</option>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="row mt-3">
                    <div class="col-12 text-center">
                        <button type="submit" class="btn btn-primary btn-lg px-5 shadow">
                            <i class="fa fa-file-pdf-o mr-2"></i> GENERAR CERTIFICADO
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection