@extends('layouts.app')

@section('title', 'Register')

@section('content')
<div class="auth-wrapper">
    <div class="auth-left">
        <a href="{{ url('/') }}" class="text-white text-decoration-none">
            <span class="brand-badge">FAST</span>
            <h2 class="text-white mt-3">Print Portal</h2>
        </a>
        <p class="text-white-50 mt-2">Free Retailer Registration</p>
        <ul class="list-unstyled text-white mt-4">
            <li class="mb-2"><i class="fas fa-gift"></i> Free Signup, No Hidden Charges</li>
            <li class="mb-2"><i class="fas fa-rupee-sign"></i> Best Commission Rates</li>
            <li class="mb-2"><i class="fas fa-clock"></i> Instant Account Activation</li>
        </ul>
    </div>
    <div class="auth-right">
        <div class="auth-card auth-card-wide">
            <h3 class="fw-bold">Create Account</h3>
            <p class="text-muted">Naye retailer account ke liye details bhare</p>

            @if($errors->any())
                <div class="alert alert-danger">
                    <ul class="mb-0">
                        @foreach($errors->all() as $err)
                            <li>{{ $err }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <form method="POST" action="{{ route('register') }}">
                @csrf
                <div class="row g-3">
                    <div class="col-md-6">
                        <label class="form-label">Full Name *</label>
                        <input type="text" name="name" value="{{ old('name') }}" class="form-control" required>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Username *</label>
                        <input type="text" name="username" value="{{ old('username') }}" class="form-control" required>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Email *</label>
                        <input type="email" name="email" value="{{ old('email') }}" class="form-control" required>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Mobile (10 digit) *</label>
                        <input type="text" name="mobile" value="{{ old('mobile') }}" maxlength="10" class="form-control" required>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Password *</label>
                        <input type="password" name="password" class="form-control" required>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Confirm Password *</label>
                        <input type="password" name="password_confirmation" class="form-control" required>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Shop Name</label>
                        <input type="text" name="shop_name" value="{{ old('shop_name') }}" class="form-control">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">State</label>
                        <input type="text" name="state" value="{{ old('state') }}" class="form-control">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">City</label>
                        <input type="text" name="city" value="{{ old('city') }}" class="form-control">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Pincode</label>
                        <input type="text" name="pincode" value="{{ old('pincode') }}" maxlength="6" class="form-control">
                    </div>
                    <div class="col-12">
                        <label class="form-label">Address</label>
                        <textarea name="address" rows="2" class="form-control">{{ old('address') }}</textarea>
                    </div>
                </div>
                <button type="submit" class="btn btn-success btn-lg w-100 fw-bold mt-4">Account Banaye (Free)</button>
            </form>

            <hr class="my-4">
            <p class="text-center mb-0">
                Already have an account? <a href="{{ route('login') }}" class="fw-bold">Login</a>
            </p>
        </div>
    </div>
</div>
@endsection