@extends('layouts.app')
@section('breadcrumbs')
    @include('__partials.breadcrumbs', [
        'data' => [
            ['route' => 'home', 'name' => 'Home'],
            ['route' => '', 'name' => 'PQR'],
            ['route' => '', 'name' => 'Reporte Recaudo Simit']
        ],
        'show_add_button' => false,
        'add_button_route' => route('reporte.recaudosimit')
    ])
@endsection
@section('content')
    <style>
        table tbody tr td, table thead tr th {
            font-size: 11px !important;
            padding-right: 0px !important;
        }

        form {
            padding: 0 !important;
        }

        .table th, .table td {
            padding: 10 !important;
        }
    </style>
    <div class="row">
        <div class="col-md-12 grid-margin">
            <div class="card">
                <div class="card-body">
                    <center><h4>Reporte Recaudo Simit</h4></center>
                    <form action="{{route('reporte.recaudosimit')}}" method="get">
                        <div class="row">


                             <div class="col-md-2">
                                <label>Fecha Inicial</label>
                                <input type="date" class="form-control" name="fecha_busqueda" placeholder="YYYY-MM-DD" value="{{ $fecha_busqueda }}">
                            </div>

                             <div class="col-md-2">
                                <label>Fecha Final</label>
                                <input type="date" class="form-control" name="fecha_busqueda2" placeholder="YYYY-MM-DD" value="{{ $fecha_busqueda2 }}">
                            </div>

                            <div class="col-md-2">
                                <br>
                                <button style="margin-top: 10px !important;" class="btn btn-outline-success">Buscar
                                </button>
                            </div>



                            <div class="col-md-1"></div>
                        </div>
                    </form>
                    <br><br>
                    <div class="row table-responsive">
                        @if($documentos != "[]")
                            <table class="table table-hover">
                                <thead>
                                <tr>
                                    <th scope="col">
                                    Liquidacion/<br>
                                    Comparendo/<br>
                                    Juridiccion</th>

                                    <th scope="col">
                                    Vbase/<br>
                                    VsimitBase/<br>
                                    Vtercero/<br>
                                    Vautoridad</th>


                        <th scope="col">CC Infractor<br>
                        <th scope="col">Nombre Infractor<br>
                        <th scope="col">Fecha Reaudo<br>
                        <th>Sancion/Comparendo</th>
                        <th style="text-align: right;">Valor Comp</th>


                        <th style="text-align: right;">Simit</th>
                        <th style="text-align: right;">Polca</th>    
                        <th style="text-align: right;">Municipio</th>                                                  
                        <th style="text-align: right;">Ett</th>                      


                        <th style="text-align: right;">Intereses</th>
                        <th style="text-align: right;">Tipo/BaseHono</th>
                        <th style="text-align: right;">Honorarios/Adicional</th>
                        <th style="text-align: right;">Sistematización</th>

                        <th style="text-align: right;">Descuento</th>
                        <th style="text-align: right;">Recaudo</th>
                        <th style="text-align: right;">Diferencia</th>   




                                </tr>
                                </thead>
                                <tbody>
                                <!-- Large modal -->