@extends('layouts.app')

@section('content')
<div class="container page-color containers">
  <h1 class="header-text">Extracted M&amp;E Exports</h1>
  <p class="text-muted">
    These files are generated on the server at night with full-date ranges. No date input is needed—download the latest export directly.
  </p>

  @if($groups->isEmpty())
    <div class="alert alert-info">No pre-generated exports are available yet.</div>
  @else
    @foreach ($groups as $folder => $files)
      <div class="mb-4">
        <h5 class="fw-bold text-start">{{ $folder }}</h5>
        <div class="table-responsive">
          <table class="table table-striped align-middle">
            <thead>
              <tr>
                <th scope="col" class="text-start">File</th>
                <th scope="col" class="text-start">Generated</th>
                <th scope="col" class="text-start">Size</th>
                <th scope="col" class="text-end">Download</th>
              </tr>
            </thead>
            <tbody>
              @foreach ($files as $file)
                @php
                  $size = $file['size'];
                  $units = ['B','KB','MB','GB','TB'];
                  $power = $size > 0 ? floor(log($size, 1024)) : 0;
                  $humanSize = $size > 0 ? number_format($size / pow(1024, $power), 2) . ' ' . $units[$power] : '0 B';
                @endphp
                <tr>
                  <td class="text-start">
                    <div class="fw-bold">{{ $file['name'] }}</div>
                    <div class="text-muted small">{{ $folder }}</div>
                  </td>
                  <td class="text-start">{{ $file['modified']->format('Y-m-d H:i') }}</td>
                  <td class="text-start">{{ $humanSize }}</td>
                  <td class="text-end">
                    <a class="btn btn-primary" href="{{ route('mme_pre_exports.download', ['file' => $file['token']]) }}">
                      Download
                    </a>
                  </td>
                </tr>
              @endforeach
            </tbody>
          </table>
        </div>
      </div>
    @endforeach

    <div class="d-flex justify-content-center">
      {{ $paginator->links() }}
    </div>
  @endif
</div>
@endsection