@extends('layouts.auth')
@section('content')
<div class="auth-shell">
    <section class="auth-brand-panel">
        <a class="brand" href="/"><img class="brand-logo" src="/branding/cap-logo-white.png" alt="Logo CAP"><span>ATTENDANCE PRO</span></a>
        <div class="auth-copy">
            <h1>Kehadiran yang lebih tertib. Operasional yang lebih pasti.</h1>
            <p>Platform workforce management untuk {{ $company?->name ?? 'perusahaan modern' }}—terintegrasi dengan shift, lokasi GPS, selfie kamera langsung, approval, dan payroll.</p>
            <div class="auth-points">
                <div class="auth-point"><span><i data-lucide="building-2"></i></span>Portal perusahaan dengan data terisolasi</div>
                <div class="auth-point"><span><i data-lucide="camera"></i></span>Selfie wajib dari kamera perangkat</div>
                <div class="auth-point"><span><i data-lucide="shield-check"></i></span>Akses berbasis peran dan audit trail</div>
            </div>
        </div>
        <div class="tiny" style="color:#90a2b8">© {{ date('Y') }} CAP Workforce Cloud</div>
    </section>
    <section class="auth-form-panel">
        <form class="auth-form stack" method="post" action="{{ $company ? route('tenant.login.store',$company) : route('login.store') }}">
            @csrf
            <div>
                @if($company)<div class="tenant-identity"><div class="tenant-avatar">{{ strtoupper(substr($company->name,0,1)) }}</div><div><strong>{{ $company->name }}</strong><span>Portal perusahaan • {{ ucfirst($company->plan) }}</span></div></div>@endif
                <h2>Selamat datang</h2><p class="lead">Masuk menggunakan akun {{ $company?->name ?? 'CAP Workforce Cloud' }} Anda.</p>
                @if($company)<div class="tiny muted" style="margin-top:8px">Gunakan <strong>email login user Owner/Admin</strong>, bukan email kontak perusahaan.</div>@endif
            </div>
            @include('partials.flash')
            <div class="field"><label for="email">Email login user</label><input class="control" id="email" type="email" name="email" value="{{ old('email') }}" autocomplete="username" required autofocus placeholder="nama@perusahaan.com"></div>
            <div class="field password-wrap"><label for="password">Password</label><input class="control" id="password" type="password" name="password" autocomplete="current-password" required placeholder="Masukkan password"><button class="password-toggle" type="button" onclick="const p=document.getElementById('password');p.type=p.type==='password'?'text':'password'" aria-label="Tampilkan password"><i data-lucide="eye"></i></button></div>
            <label class="cluster tiny"><input type="checkbox" name="remember" value="1"> Ingat saya di perangkat ini</label>
            <button class="btn btn-gold full" style="padding:13px" type="submit">Masuk ke Portal <i data-lucide="arrow-right"></i></button>
            @if(app()->environment('local'))<div class="demo-box"><strong>Lingkungan demo lokal</strong><br>Kredensial demo tersedia di dokumentasi pengembang, tidak ditampilkan pada production.</div>@endif
        </form>
    </section>
</div>
@endsection