@extends('pwa.template.app.main')
@push('scripts')
  @if (session('sukses'))
    <script>
      Swal.fire({
        icon: 'Sukses',
        title: 'Sukses',
        text: "{{ session('sukses') }}",
      })
    </script>
  @endif
@endpush
@section('app-content')
  <div class="container pt-3 pb-5">
    {{-- <h3 class="text-center">Silahkan Masukkan Token Ini Ke Meteran Anda</h3> --}}
    <div class="card bg-white">
      <div class="card-header bg-white" style="border-bottom: 2px dashed grey !important">
        <h5 class="mb-0">Nomer Token </h5>
      </div>
      <div class="card-body">
        <h4 class="text-center mb-0">{{ $tokenlistrik->token }}</h4>
      </div>
      <div class="card-footer bg-white" style="border-top: 2px dashed grey !important;">

      </div>
    </div>
    <div class="card mt-3">
      <div class="card-header bg-white">
        <h5 class="mb-0">Detail Token</h5>
      </div>
      <table class="table border">
        <tbody>
          <tr>
            <td>ID Pelanggan</td>
            <td>:</td>
            <td class="text-end">{{ $tokenlistrik->id_pelanggan }}</td>
          </tr>
          <tr>
            <td>Nama</td>
            <td>:</td>
            <td class="text-end">{{ $tokenlistrik->nama }}</td>
          </tr>
          <tr>
            <td>Nominal</td>
            <td>:</td>
            <td class="text-end">Rp. {{ number_format($tokenlistrik->nominal, 0, 0, '.') }}</td>
          </tr>
          <tr>
            <td>Biaya Admin</td>
            <td>:</td>
            <td class="text-end">Rp. {{ number_format($tokenlistrik->biaya_admin, 0, 0, '.') }}</td>
          </tr>
          <tr>
            <td>Total</td>
            <td>:</td>
            <td class="text-end">Rp. {{ number_format($tokenlistrik->biaya_admin + $tokenlistrik->nominal, 0, 0, '.') }}
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
@endsection