@extends('technician.auth.layout')

@section('title', 'Technician Login')

@section('content')
<section class="auth-box">
    <div class="logo-box"><img src="{{ asset('images/cleanpest-logo.webp') }}" alt="Clean Pest Pest Control"></div>
    <h1>Technician Login</h1>
    <p class="auth-subtitle">Pest Control CRM Technician Portal</p>

    @if(session('error'))<div class="alert alert-danger">{{ session('error') }}</div>@endif
    @if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
    @if($errors->any())<div class="alert alert-danger">{{ $errors->first() }}</div>@endif

    <form method="POST" action="{{ route('technician.login.submit') }}">
        @csrf
        <div class="form-group">
            <label for="email">Email Address</label>
            <input type="email" id="email" name="email" value="{{ old('email') }}" placeholder="technician@example.com" autocomplete="email" required autofocus>
        </div>
        <div class="form-group">
            <label for="password">Password</label>
            <div class="password-wrapper">
                <input type="password" id="password" name="password" placeholder="Enter your password" autocomplete="current-password" required>
                <button type="button" class="toggle-password js-password-toggle" aria-label="Show password"><i class="fas fa-eye"></i></button>
            </div>
        </div>
        <button type="submit" class="btn-auth">Sign In</button>
    </form>
    <p class="auth-link">New technician? <a href="{{ route('technician.register') }}">Create an account</a></p>
</section>
@endsection