@extends('layouts.auth')

@section('title', 'Start 14-Day Free Trial')

@section('content')
<div class="text-center mb-4">
    <div class="d-inline-flex align-items-center justify-content-center bg-primary text-white rounded-3 p-2 mb-2" style="width: 44px; height: 44px;">
        <i class="bi bi-building fs-4"></i>
    </div>
    <h3 class="fw-bold mb-1">Create Organization</h3>
    <p class="text-secondary small">Activate your 14-day full feature trial in Bangladesh (BDT)</p>
</div>

@if ($errors->any())
    <div class="alert alert-danger py-2 small mb-3">
        @foreach ($errors->all() as $error)
            <div>{{ $error }}</div>
        @endforeach
    </div>
@endif

<form method="POST" action="{{ route('register.post') }}">
    @csrf

    <div class="mb-3">
        <label for="company_name" class="form-label small fw-semibold">Company / Organization Name</label>
        <input type="text" class="form-control" id="company_name" name="company_name" value="{{ old('company_name') }}" required placeholder="e.g. Apex Technologies Ltd.">
    </div>

    <div class="mb-3">
        <label for="name" class="form-label small fw-semibold">HR Admin Full Name</label>
        <input type="text" class="form-control" id="name" name="name" value="{{ old('name') }}" required placeholder="e.g. Farhana Chowdhury">
    </div>

    <div class="mb-3">
        <label for="email" class="form-label small fw-semibold">Work Email Address</label>
        <input type="email" class="form-control" id="email" name="email" value="{{ old('email') }}" required placeholder="admin@apextech.com">
    </div>

    <div class="mb-3">
        <label for="phone" class="form-label small fw-semibold">Contact Phone</label>
        <input type="text" class="form-control" id="phone" name="phone" value="{{ old('phone') }}" placeholder="+880 1711 000000">
    </div>

    <div class="row g-2 mb-4">
        <div class="col-6">
            <label for="password" class="form-label small fw-semibold">Password</label>
            <input type="password" class="form-control" id="password" name="password" required placeholder="Min 8 chars">
        </div>
        <div class="col-6">
            <label for="password_confirmation" class="form-label small fw-semibold">Confirm Password</label>
            <input type="password" class="form-control" id="password_confirmation" name="password_confirmation" required placeholder="Repeat">
        </div>
    </div>

    <button type="submit" class="btn btn-primary w-100 py-2 fw-semibold">
        <i class="bi bi-lightning-charge-fill me-1"></i> Provision Workspace
    </button>
</form>

<div class="mt-4 pt-3 border-top text-center">
    <span class="small text-secondary">Already registered?</span>
    <a href="{{ route('login') }}" class="small fw-semibold text-primary text-decoration-none ms-1">
        Sign In &rarr;
    </a>
</div>
@endsection