@php
use Carbon\Carbon;
use Illuminate\Support\Str;

$months = collect(range(1, 12)) // 1 to 12 instead of 0 to 11
->map(fn($i) => Carbon::now()->subMonths($i)->format('F-Y'))
->reverse();

@endphp

<div class="modal fade" id="meterUnitsModal" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="card card-signup card-plain">
        <div class="modal-header">
          <div class="card-header card-header-primary text-center" style="margin-top: -30px;">
            <button type="button" class="close" data-bs-dismiss="modal" aria-hidden="true">
              <i class="fa fa-close"></i>
            </button>
            <h4 class="card-title">Enter Meter Readings (Last 12 Months)</h4>
          </div>
        </div>

        {{-- Laravel Collective Form --}}
        {!! Form::open(['id' => 'meterForm', 'class' => 'form-horizontal']) !!}
        <div class="modal-body">
          {{ csrf_field() }}

          {!! Form::hidden('project_id', $current_project ? $current_project->id : null) !!}
          <input type="hidden" name="type" value="meter_unit" />

          <div class="row">
            @foreach($months as $month)
            <div class="col-md-6 form-group mb-3">
              {!! Form::label('meter_units_' . Str::slug($month, '_'), $month, ['class' => 'form-label']) !!}
              {!! Form::number('meter_units[' . $month . ']', null, [
              'class' => 'form-control',
              'id' => 'meter_units_' . Str::slug($month, '_'),
              'placeholder' => "Units for $month",
              'required' => true,
              'step' => '1'
              ]) !!}
              <span class="text-danger" id="meter_units_{{ Str::slug($month, '_') }}-error"></span>
            </div>
            @endforeach
          </div>
        </div>

        <div class="modal-footer">
          <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">Cancel</button>
          <button type="submit" class="btn btn-primary btn-sm" id="saveBtn">Submit</button>
        </div>
        {!! Form::close() !!}
      </div>
    </div>
  </div>
</div>