@extends('frontend.layout.app')

@section('content')

<style>

body {
    background: linear-gradient(    135deg,    #0f172a,    #1e293b);
}

.register-box{
    width:430px;
    background:#fff;
    padding:40px;
    border-radius:24px;
    margin:auto;
    margin-top:60px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.title{
    text-align:center;
    font-size:30px;
    font-weight:700;
    margin-bottom:25px;
}

.form-control{
    height:52px;
    border-radius:14px;
    margin-bottom:18px;
}

.register-btn {
    width: 100%;
    height: 52px;
    border: none;
    border-radius: 14px;
    background: linear-gradient(    135deg,    #111827,    #374151);
    font-weight: 700;
    color: #fff;
}
</style>

<div class="register-box">

    <div class="title">
        Create Account
    </div>

    <form method="POST" action="{{ route('register') }}">

    @csrf

    <input
        type="text"
        name="name"
        class="form-control"
        placeholder="Full Name"
        required>

    <input
    type="text"
    name="company_name"
    class="form-control"
    placeholder="Company Name"
    required>

    <input
        type="email"
        name="email"
        class="form-control"
        placeholder="Email"
        required>



    <input
        type="password"
        name="password"
        class="form-control"
        placeholder="Password"
        required>

    <input
        type="password"
        name="password_confirmation"
        class="form-control"
        placeholder="Confirm Password"
        required>

    <button
        type="submit"
        class="register-btn">
        Create Account
    </button>

</form>

</div>

@endsection