@extends('layouts.auth')

@section('title', 'Register | Infra24')

@section('content')
<div class="row justify-content-center">
    <div class="col-md-10 col-lg-8 col-xl-7">
        <div class="card mt-4">
            <div class="card-body p-4 text-center">
                <h4 class="mb-4">Select Registration Type</h4>
                <div class="row g-4 mt-2">
                    <div class="col-md-6">
                        <div class="card border border-primary shadow-sm h-100 card-hover-gradient">
                            <div class="card-body p-4 text-center">
                                <div class="avatar-lg mx-auto mb-4">
                                    <div class="avatar-title bg-soft-primary text-primary rounded-circle fs-36">
                                        <i class="ri-building-line"></i>
                                    </div>
                                </div>
                                <h5>Company Account</h5>
                                <p class="text-muted mb-4">I want to hire freelancers and post jobs for my company.</p>
                                <a href="{{ route('register.company') }}" class="btn btn-primary w-100">Register as Company</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="card border border-success shadow-sm h-100 card-hover-gradient">
                            <div class="card-body p-4 text-center">
                                <div class="avatar-lg mx-auto mb-4">
                                    <div class="avatar-title bg-soft-success text-success rounded-circle fs-36">
                                        <i class="ri-user-line"></i>
                                    </div>
                                </div>
                                <h5>Freelancer Account</h5>
                                <p class="text-muted mb-4">I am a freelancer looking for jobs and projects.</p>
                                <a href="{{ route('register.freelancer') }}" class="btn btn-success bg-gradient-success w-100 border-0">Register as Freelancer</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="mt-4 text-center">
                    <p class="mb-0">Already have an account? <a href="{{ route('login') }}" class="fw-semibold text-primary text-decoration-underline"> Signin </a> </p>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection