@extends('super_admin.layouts.auth')
@php
    use App\Models\Utility;
    $logo = \App\Models\Utility::get_file('uploads/logo');
    $company_logo = Utility::getValByName('company_logo');
    $settings = Utility::settings();
@endphp

@section('page-title')
    {{__('Verify OTP')}}
@endsection

@section('content')
    <div class="">
        <h2 class="mb-3 f-w-600">{{__('Verify OTP')}}</h2>
        <p class="text-muted">
            {{__('Code sent to')}} <b>{{ session('employee_login_phone') }}</b>
        </p>
    </div>

    <form method="POST" action="{{ route('employee.login.submit') }}" id="verifyOtpForm">
        @csrf
        {{-- Pass the phone number hidden so the controller knows which user to verify --}}
        <input type="hidden" name="phone" value="{{ session('employee_login_phone') }}">

        <div class="">
            <div class="form-group mb-3">
                <label for="otp" class="form-label">{{__('Enter 6-Digit OTP')}}</label>
                <input class="form-control @error('otp') is-invalid @enderror" 
                       id="otp" type="text" name="otp" 
                       placeholder="000000"
                       required autofocus>
                @error('otp')
                    <div class="invalid-feedback" role="alert">{{ $message }}</div>
                @enderror
            </div>

            <div class="d-grid">
                <button type="submit" class="btn-login btn btn-primary btn-block mt-2" id="login_button">
                    {{__('Login')}}
                </button>
            </div>
            
            <div class="mt-3 text-center">
                <a href="{{ route('employee.login') }}" class="text-primary small">{{ __('Change Phone Number') }}</a>
            </div>
        </div>
    </form>
@endsection