@extends('layouts.app')

@section('content')
<div class="register-page">

    <!-- HEADER -->
    <div class="register-header">
        <h2>Register Account</h2>
        <p>Create an account to explore about our app.</p>
    </div>

    @include('components.stepper', ['step' => 1])
    <!-- FORM CARD -->
    <form method="POST" action="/registration/basic-info" class="register-card">
        @csrf

        <h4>Basic Info</h4>
        <p class="small-text">Personal information</p>

       <label>Name <span class="required">*</span></label>
<input type="text" name="name" class="form-control custom-input">
<div class="error-text"></div>

<label class="mt-1">Phone Number <span class="required">*</span></label>
<input type="text" name="phone" class="form-control custom-input" value="6393544576" readonly>
<div class="error-text"></div>

<label class="mt-1">Email Address</label>
<input type="email" name="email" class="form-control custom-input">
<div class="error-text"></div>

<label class="mt-1">WhatsApp Number <span class="required">*</span></label>
<input type="text" name="whatsapp" class="form-control custom-input">
<div class="error-text"></div>

        <div class="form-check mt-1">
            <input type="checkbox" class="form-check-input" id="sameWhatsapp">
            <label class="form-check-label">Use same number for WhatsApp</label>
        </div>

       <button type="submit" class="otp-btn mt-3" id="continueBtn">
    Continue →
</button>
    </form>

</div>
@endsection