@extends('layouts.app')
@section('breadcrumbs')
    @include('__partials.breadcrumbs', [
        'data' => [
            ['route' => 'home', 'name' => 'Home'],
            ['route' => '', 'name' => 'Reporte Cartera']
        ],
        'show_add_button' => false,
        'add_button_route' => route('reporte.carteramorosa')
    ])
@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 id="center">
        <div class="filters print-multi">

            <div>
                @if(!$movimientos->isEmpty())
                <button class="ui basic button print">
                    <i class="fa fa-print"></i>
                    IMPRIMIR
                </button>
                @endif
            </div>
        </div>
        <div class="spacer"></div>
        <div class="spacer"></div>

        
            <div class="encabezado solo-imprimir">
                <div class="print-multi" style="align-items: center;">


                    <div class="titulo-reporte">
                        <h1 style="font-weight: 700; font-size: 2em;">Reporte Cartera</h1>
                    </div>
                </div>

                <div class="spacer"></div>
                <div class="spacer"></div>
            </div>

            <table class="table">
                <thead>
                    <tr>
                        <th>Vigencia</th>
					    <th>Val Compa</th>
                        <th>Val Resol</th>
                        <th>Intereses</th>
                        <th>Honorarios</th>
                        <th>Sistematizacion</th>
                        <th>Descu Interes</th>
                        <th>Descu Compa</th>
                        <th>Pagos</th>
                        <th>Deuda</th>
                    </tr>
                                               
                </thead>
                <tbody>