<!doctype html><html lang="{{ app()->getLocale() }}"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Customer Login</title><link href="{{ asset('assets/css/lib/bootstrap.min.css') }}" rel="stylesheet"><style>body{min-height:100vh;display:grid;place-items:center;padding:16px;background:linear-gradient(145deg,#e0f2fe,#f0fdfa);font-family:Inter,system-ui}.login-card{width:min(100%,430px);border:0;border-radius:22px;box-shadow:0 25px 70px rgba(15,23,42,.13)}.form-control,.form-select,.btn{min-height:50px;border-radius:12px}</style></head><body><main class="card login-card"><div class="card-body p-4 p-md-5"><h1 class="h3 fw-bold">Customer Login</h1><p class="text-muted">Enter your customer information to pay your bill.</p>@if($errors->any())<div class="alert alert-danger">{{ $errors->first() }}</div>@endif<form method="POST" action="{{ route('customer.login.identify') }}">@csrf<label class="form-label fw-semibold" for="identifier">@if($identifierMode==='code_only') Customer Code @elseif($identifierMode==='pppoe_only') PPPoE Username @else Customer Code or PPPoE Username @endif</label><input id="identifier" name="identifier" class="form-control mb-3" value="{{ old('identifier') }}" required autofocus autocomplete="off">@if($verificationMode==='sms_or_email')<label class="form-label fw-semibold" for="channel">Receive verification code by</label><select id="channel" name="channel" class="form-select mb-3" required><option value="sms">SMS</option><option value="email">Email</option></select>@endif<button class="btn btn-primary w-100">Continue</button></form><a href="{{ url('/') }}" class="btn btn-link w-100 mt-2">Back to website</a></div></main></body></html>
