@extends('layouts.auth-app')
@section('title', 'Complete Registration')

@section('content')
    <form class="login100-form mojere-login" action="{{ route('admin.complete-registration.post', $token) }}" method="POST">
        @csrf

        <div class="brand-head">
            <div class="brand-logo">
                <img src="{{ asset('assets/img/Mojere Logo1.jpg') }}" alt="Mojere">
            </div>
            <div class="brand-name">Mojere</div>
        </div>
        <span class="login100-form-title p-b-10">
            Welcome back
        </span>
        <p class="login-subtitle">Enter your details to complete your admin registration</p>

        @if ($errors->any())
            <div class="alert alert-danger">
                <ul class="mb-0">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <div class="field">
            <label class="field-label" for="email">Email</label>
            <div class="wrap-input100 validate-input" data-validate="Valid email is required: ex@abc.xyz">
                <i class="fa fa-envelope input-icon"></i>
                <input id="email" class="input100" type="text" value="{{ $email ?? old('email') }}"
                    autocomplete="email" disabled>
                <input type="hidden" name="email" value="{{ $email ?? old('email') }}">
            </div>
            @error('email')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="field">
            <label class="field-label" for="password">Password</label>
            <div class="wrap-input100 validate-input" data-validate="Password is required">
                <i class="fa fa-lock input-icon"></i>
                <input id="password" class="input100" type="password" name="password" autocomplete="new-password"
                    required>
            </div>
            @error('password')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="field">
            <label class="field-label" for="password_confirmation">Confirm Password</label>
            <div class="wrap-input100 validate-input" data-validate="Confirm password is required">
                <i class="fa fa-lock input-icon"></i>
                <input id="password_confirmation" class="input100" type="password" name="password_confirmation"
                    autocomplete="new-password" required>
            </div>
        </div>

        <div class="container-login100-form-btn">
            <button class="login100-form-btn">
                Save
            </button>
        </div>
    </form>
@endsection