@extends('pwa.template.app.main')
@push('scripts')
  @if (session('failed'))
    <script>
      Swal.fire({
        icon: 'error',
        title: 'Mohon Maaf, Nomor Pelanggan Tidak Ditemukan!',
        text: "{{ session('failed') }}",
      })
    </script>
  @endif
  @if (session('failed-tagihan'))
    <script>
      Swal.fire({
        icon: 'error',
        title: 'Tagihan PDAM Tidak Terdaftar',
        text: "{{ session('failed-tagihan') }}",
      })
    </script>
  @endif
@endpush
@section('app-content')
  <div class="container py-3">
    <div class="mb-3 card p-3" style="background: #9e0e13;">
      <div>
          <h5 class="font-weight-bold text-white">Pembayaran Tagihan KP-SPAMS Banyu Langgeng</h5>
          <small class="text-white"><b>Cara Cek Tagihan : </b>Masukkan nomor pelanggan yang telah terdaftar, dan tunggu beberapa saat untuk melihat nominal tagihan anda.</small>
      </div>
    </div>
    <div class="card px-3 py-4">
      <form method="GET" action="{{ route('pdam.tagihan') }}">
        <div class="mb-3">
          <label for="id_pelanggan" class="form-label">Nomor Pelanggan Tagihan PDAM</label>
          <input type="text" class="form-control" id="id_pelanggan" aria-describedby="idPelanggan" name="id_pelanggan" placeholder="Masukkan nomor pelanggan anda">
        </div>
        <button type="submit" class="w-100 mt-3 btn btn-primary">Cek Tagihan</button>
      </form>
    </div>
  </div>
@endsection