@extends('backoffice.template.app')

@section('content')
  <div class="card mb-3">
    <div class="card-header">
      <h5 class="mb-0">Filter Data</h5>
    </div>
    <div class="card-body">
      <form action="{{ route('backoffice.laporan.filter', 'isi-pulsa') }}" id="form-filter" method="GET">
        <div class="row">
          <div class="col-lg-6">
            <div class="mb-3">
              <label for="date_start" class="form-label">Date Start</label>
              <input type="date" class="form-control" name="date_start" value="{{ $date_start ?? null }}">
            </div>
          </div>
          <div class="col-lg-6">
            <div class="mb-3">
              <label for="date_end" class="form-label">Date End</label>
              <input type="date" class="form-control" name="date_end" value="{{ $date_end ?? null }}">
            </div>
          </div>
        </div>
      </form>
    </div>
    <div class="card-footer d-flex justify-content-end" style="gap: 5px;">
      <form action="{{ route('backoffice.laporan.pdf', $tipe) }}" method="get">
        <input hidden type="date" value="{{ $date_start ?? null }}" name="date_start">
        <input hidden type="date" value="{{ $date_end ?? null }}" name="date_end">
        <button class="btn btn-danger">Print PDF</button>
      </form>
      <button class="btn btn-primary" type="submit" form="form-filter">Filter</button>
      <a class="btn btn-secondary" href="{{ route('backoffice.laporan', 'isi-pulsa') }}">Reset</a>
    </div>
  </div>
  <div class="card">
    <div class="card-body">
      <table class="table table-bordered table-striped" id="table_id">
        <thead>
          <tr>
            <th>#</th>
            <th class="">Tipe Layanan Digital</th>
            <th class="text-center">Nominal Transaksi</th>
            <th>Tanggal Transaksi</th>
          </tr>
        </thead>
        <tbody>
          @foreach ($transaksis as $i => $t)
            <tr>
              <td style="width: 10px; white-space: nowrap;">{{ $i + 1 }}</td>
              <td>{{ $current_tipe }}</td>
              <td>Rp. {{ number_format($t->isi_pulsa->total_tagihan(), 0, 0, '.') }}</td>
              <td>{{ date_format($t->created_at, 'd-m-Y') }}</td>
            </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </div>
@endsection