@extends('ATCore::atcore_layout')

@section('head_buttons')

@stop

@section('atplus_main_content')

@if (!$no_selected_account)
<div class="card">

    <div class="card-header">
        <label id="_select_period_label" for="_select_period">Seleccionar Periodo de Proceso</label>
        <form id="_select_period_form" method="GET">
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                <select class="form-control" name="month" id="_month">
                    <option value="01" @if($month == '01') selected @endif>Enero</option>
                    <option value="02" @if($month == '02') selected @endif>Febrero</option>
                    <option value="03" @if($month == '03') selected @endif>Marzo</option>
                    <option value="04" @if($month == '04') selected @endif>Abril</option>
                    <option value="05" @if($month == '05') selected @endif>Mayo</option>
                    <option value="06" @if($month == '06') selected @endif>Junio</option>
                    <option value="07" @if($month == '07') selected @endif>Julio</option>
                    <option value="08" @if($month == '08') selected @endif>Agosto</option>
                    <option value="09" @if($month == '09') selected @endif>Septiembre</option>
                    <option value="10" @if($month == '10') selected @endif>Octubre</option>
                    <option value="11" @if($month == '11') selected @endif>Noviembre</option>
                    <option value="12" @if($month == '12') selected @endif>Diciembre</option>
                </select>
                </div>
            </div>
            <div class="col-md-6">
                <!-- /.form-group -->
                <div class="form-group">
                    <select class="form-control" name="year" id="_year">
                        <option value="2020" @if($year == '2020') selected @endif>2020</option>
                        <option value="2021" @if($year == '2021') selected @endif>2021</option>
                        <option value="2022" @if($year == '2022') selected @endif>2022</option>
                    </select>
                </div>
            </div>
        </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-body table-responsive p-0">
        <table class="table table-hover text-nowrap">
            <tr>
                <th style="width:40px">Día</th>
                <th>Estado de Envío</th>
                <th>Fecha y Hora de Envío</th>
                <th>ID Envío</th>
                <th>Nº Secuencia</th>
                <th>Nº Boletas</th>
                <th>Conteo Boletas</th>
                <th>Monto</th>
                <th colspan="2"></th>
            </tr>
            @for($i=1; $i<=$daysInMonth; $i++)
                        <tr>
                <td style="text-align: center">{{ sprintf('%02d', $i) }}/{{$month}}/{{$year}}</td>
                <td style="text-align: left">@if (isset($fcRecordFormatted[sprintf('%02d', $i)])) REGISTRO GENERADO @else SIN REGISTRO @endif</td>
                <td style="text-align: left">@if (isset($fcRecordFormatted[sprintf('%02d', $i)])) {{ ATFormatDateTime($fcRecordFormatted[sprintf('%02d', $i)]->created_at) }} @else -- @endif</td>
                <td style="text-align: left">@if (isset($fcRecordFormatted[sprintf('%02d', $i)])) {{ $fcRecordFormatted[sprintf('%02d', $i)]->track_id }} @else -- @endif</td>
                <td style="text-align: left">@if (isset($fcRecordFormatted[sprintf('%02d', $i)])) {{ $fcRecordFormatted[sprintf('%02d', $i)]->folios_sequence }} @else -- @endif</td>
                <td style="text-align: center"><h5><span class="badge {{$badgeColor}}">@if (isset($fcRecordFormatted[sprintf('%02d', $i)])) {{ ($fcRecordFormatted[sprintf('%02d', $i)]->quantity) }} @endif </span></h5></td>
                <td style="text-align: center"><h5><span class="badge {{$badgeColor}}"> @if (isset($fcRecordFormatted[sprintf('%02d', $i)])) {{ ($cantidadBoletas[sprintf('%02d', $i)]) }} @endif </span></h5></td>
                <td style="text-align: right"> @if (isset($fcRecordFormatted[sprintf('%02d', $i)])) {{ ATFormatMoney($fcRecordFormatted[sprintf('%02d', $i)]->amount) }} @endif </td>
                @if (\Carbon\Carbon::create($year, $month, $i)->lessThanOrEqualTo($today) && $enableButton)
                <td style="text-align: left">@if (isset($fcRecordFormatted[sprintf('%02d', $i)])) <button class="btn btn-sm btn-primary" onclick="generate('{{ sprintf('%02d', $i) }}')">Validar </button> @else <button class="btn btn-sm btn-success" onclick="generate('{{ sprintf('%02d', $i) }}')">Generar</button> @endif</td>
                <td style="text-align: left">@if (isset($fcRecordFormatted[sprintf('%02d', $i)])) <a target="_blank" href="{{ route('fc_download_xml',$fcRecordFormatted[sprintf('%02d', $i)]->id)}}" class="btn btn-sm btn-warning">Descargar XML </a>@endif</td>
                @else
                    @if (!$enableButton)
                    <td colspan="2" style="text-align: left">@if (isset($fcRecordFormatted[sprintf('%02d', $i)])) <a target="_blank" href="{{ route('fc_download_xml',$fcRecordFormatted[sprintf('%02d', $i)]->id)}}" class="btn btn-sm btn-warning">Descargar XML </a>@endif</td>
                    @else
                    <td colspan="2"></td>
                    @endif
                @endif
            </tr>

            @endfor
            <tr>
                <td colspan="6"><strong>TOTAL MES</strong></td>
                <td colspan="1"><strong>{{ATFormatNumber($totalCantidadMes)}}</strong></td>
                <td colspan="1" style="text-align: right"><strong>{{ATFormatMoney($totalMontoMes)}}</strong></td>
                <td colspan="2"></td>
            </tr>
        </table>
    </div>
</div>
<form id="_generate" method="POST" action="{{ route('folios_consumption.generate') }}">
    @csrf
    <input type="hidden" name="account_id" value="{{ $accountId }}">
    <input type="hidden" name="year" value="{{ $year }}">
    <input type="hidden" name="month" value="{{ $month }}">
    <input type="hidden" id="_day" name="day">
</form>
@else
<div class="alert alert-warning">

    <h5><i class="icon fas fa-exclamation-triangle"></i> Atención!</h5>
    Para usar esta característica debes primero seleccionar una cuenta para operar.
</div>
@endif


@stop

@section('atplus_main_js')
<script>
    function generate(day){

        document.getElementById('_day').value = day;
        document.getElementById('_generate').submit();
    }

    $('#_month').change(function (e) {
        document.getElementById('_select_period_form').submit();
    })
    $('#_year').change(function (e) {
        document.getElementById('_select_period_form').submit();
    })
</script>
@stop