@extends('layouts.master')

@section('title', 'Agent Registration - HomesInKerala')

@section('content')
    <section class="bg-soft py-5 border-bottom">
        <div class="container">
            <p class="text-primary fw-bold text-uppercase small mb-1">Agent Registration</p>
            <h1 class="fw-bold">Become a HomesInKerala Agent</h1>
            <p class="text-muted mb-0">Create your agent profile and submit it for verification.</p>
        </div>
    </section>

    <section class="py-5">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <form class="card border-0 shadow-sm" method="POST" action="{{ route('agent.register.store') }}">
                        @csrf
                        <div class="card-body p-4">
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="form-label">Agency Name</label>
                                    <input name="agency_name" class="form-control" value="{{ old('agency_name') }}">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">License Number</label>
                                    <input name="license_number" class="form-control" value="{{ old('license_number') }}">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Designation</label>
                                    <input name="designation" class="form-control" value="{{ old('designation', 'Property Consultant') }}">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Experience Years</label>
                                    <input type="number" name="experience_years" class="form-control" value="{{ old('experience_years', 0) }}" min="0">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Phone</label>
                                    <input name="phone" class="form-control @error('phone') is-invalid @enderror" value="{{ old('phone', auth()->user()->phone) }}" required>
                                    @error('phone')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Email</label>
                                    <input type="email" name="email" class="form-control" value="{{ old('email', auth()->user()->email) }}">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">WhatsApp Number</label>
                                    <input name="whatsapp_number" class="form-control" value="{{ old('whatsapp_number') }}">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Website</label>
                                    <input type="url" name="website" class="form-control" value="{{ old('website') }}">
                                </div>
                                <div class="col-12">
                                    <label class="form-label">Service Areas</label>
                                    <input name="service_areas" class="form-control" value="{{ old('service_areas') }}" placeholder="Kochi, Thrissur, Calicut">
                                </div>
                                <div class="col-12">
                                    <label class="form-label">Address</label>
                                    <input name="address" class="form-control" value="{{ old('address') }}">
                                </div>
                                <div class="col-12">
                                    <label class="form-label">Bio</label>
                                    <textarea name="bio" class="form-control" rows="5">{{ old('bio') }}</textarea>
                                </div>
                            </div>
                            <button class="btn btn-primary mt-4">Submit for Verification</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
@endsection