@extends('layouts.dashboard')

@section('dashboard')

    @php
    	$mes = date('m');
    	$anio = date('Y');
    @endphp

    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>Informe de Notas de Crédito</strong></li>
    </ul>
    <div class="row">
        <div class="col-md-auto">
            <h1 class="titulo-h1 mb-4">Informe de Notas de Crédito</h1>
        </div>
        <div class="col-md text-right">
            <form class="row justify-content-end form-registro form-enter" method="post" action="{{ route('cargar-informe-notas-credito') }}" class="form-inline" id="form-notas-credito" onsubmit="return getInformeNotasCredito(this.id, true)">
                @if(count($cuentas) > 0)
                    <div class="col-auto form-group pl-0">
                        <select name="cuenta" id="cuenta" class="form-control form-control-sm select2">
                            <option value="">-- Seleccionar Cuenta --</option>
                            @foreach($cuentas as $c)
                                <option value="{{ $c->vendedor_id }}">{{ $c->vendedor_ml_nick }}</option>
                            @endforeach
                        </select>
                    </div>
                @endif
                <div class="col-auto form-group pl-0">
                    <select class="form-control form-control-sm select2 select2-right" name="mes" id="mes">
                        <option value="01">Enero</option>
                        <option value="02">Febrero</option>
                        <option value="03">Marzo</option>
                        <option value="04">Abril</option>
                        <option value="05">Mayo</option>
                        <option value="06">Junio</option>
                        <option value="07">Julio</option>
                        <option value="08">Agosto</option>
                        <option value="09">Septiembre</option>
                        <option value="10">Octubre</option>
                        <option value="11">Noviembre</option>
                        <option value="12">Diciembre</option>
                    </select>
                </div>
                <div class="col-auto form-group pl-0">
                    <select name="anio" id="anio" class="form-control form-control-sm select2 select2-right">
                        @for($i = date('Y'); $i >= 2023; $i--)
                            <option value="{{ $i }}" selected="selected">{{ $i }}</option>
                        @endfor
                    </select>
                </div>
                <div class="col-auto form-group pl-0">
                    <input type="hidden" name="offset">
                    <button type="submit" class="btn btn-primary btn-sm"><i class="fa fa-search"></i> Buscar</button>
                </div>
                <div class="col-auto form-group pl-0">
                    <button type="button" class="btn btn-success btn-sm" onclick="crearExcelNotasCredito()"><i class="fa fa-file-excel-o"></i> Descargar</button>
                </div>
            </form>
        </div>
    </div>
    <form method="post" action="{{ route('excel-notas-credito') }}" id="form-excel-notas-credito">
        {{ csrf_field() }}
        <input type="hidden" name="cuenta">
        <input type="hidden" name="anio" value="{{ $anio }}">
        <input type="hidden" name="mes" value="{{ $mes }}">
    </form>
	<div class="row mb-3">
		<div class="col-12 pt-4">
			<div class="card">
				<div class="card-body list-notas-credito">
					@include('dashboard.mercadolibre.table-informe-notas-de-credito')
				</div>
			</div>
		</div>
	</div>

@endsection

@section('scripts')

    <script>
        $(document).ready(function() {
            $('.list-paginacion a').map(function() {
                var page = $(this).attr('href').split('page=')[1];
                return $(this).attr('href', 'javascript: void(0)').attr('onclick', 'cambiarPaginaVentasNotasCredito('+page+')');
            }).get();
        });
    </script>

@endsection