@extends('layouts.layout')

@section('content')
<div class="container">
    <h1>Membership Registration</h1>
   

    <form action="{{ route('member.store') }}" method="POST">
        @csrf
        
        <!-- Success Message -->
        @if (session('success'))
            <div class="alert alert-success">
                <p>{{ session('success') }}</p>
                <br>
                <a href="{{ session('telegram_link') }}" target="_blank" class="btn btn-primary">Join Whatsapp</a>
            </div>
        @endif
    
        <div class="mb-3">
            <label for="name" class="form-label">Name</label>
            <input type="text" class="form-control" id="name" name="name" required>
        </div>
        <div class="mb-3">
            <label for="phone" class="form-label">Phone Number</label>
            <input type="text" class="form-control" id="phone" name="phone" required>
        </div>
        <div class="mb-3">
            <label for="region" class="form-label">Region</label>
            <select class="form-select" id="region" name="region" required>
                <option value="" disabled selected>Select Your Region</option>
                <option value="Lasu">Lasu</option>
                <option value="Ota">Ota</option>
                <option value="Apapa">Apapa</option>
                <option value="Yabatech">Yabatech</option>
                <option value="Ogitech">Ogitech</option>
                <option value="Funaab">Funaab</option>
                <option value="Unilag">Unilag</option>
                <option value="Tasued">Tasued</option>
            </select>
        </div>
        <button type="submit" class="btn btn-success">Submit</button>
    </form>
</div>
    
@endsection