@extends('layouts.admin')

@section('title', 'Add User')

@section('content')
<div class="card">
    <div class="card-header bg-primary text-white"><h5 class="m-0"><i class="fas fa-user-plus"></i> Add New User</h5></div>
    <div class="card-body">
        <form method="POST" action="{{ route('admin.users.store') }}">
            @csrf
            <div class="row g-3">
                <div class="col-md-6"><label>Name *</label><input type="text" name="name" value="{{ old('name') }}" class="form-control" required></div>
                <div class="col-md-6"><label>Username *</label><input type="text" name="username" value="{{ old('username') }}" class="form-control" required></div>
                <div class="col-md-6"><label>Email *</label><input type="email" name="email" value="{{ old('email') }}" class="form-control" required></div>
                <div class="col-md-6"><label>Mobile *</label><input type="text" name="mobile" maxlength="10" value="{{ old('mobile') }}" class="form-control" required></div>
                <div class="col-md-6"><label>Password *</label><input type="password" name="password" class="form-control" required></div>
                <div class="col-md-6">
                    <label>Role *</label>
                    <select name="role" class="form-select" required>
                        <option value="retailer">Retailer</option>
                        <option value="distributor">Distributor</option>
                        <option value="master_distributor">Master Distributor</option>
                    </select>
                </div>
                <div class="col-md-6">
                    <label>Parent (Optional)</label>
                    <select name="parent_id" class="form-select">
                        <option value="">-- None --</option>
                        @foreach($parents as $p)
                            <option value="{{ $p->id }}">{{ $p->name }} ({{ $p->role_label }})</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-6"><label>Initial Balance</label><input type="number" step="0.01" name="balance" value="0" class="form-control"></div>
                <div class="col-md-6"><label>Shop Name</label><input type="text" name="shop_name" class="form-control"></div>
                <div class="col-md-6"><label>State</label><input type="text" name="state" class="form-control"></div>
                <div class="col-md-6"><label>City</label><input type="text" name="city" class="form-control"></div>
                <div class="col-md-6"><label>Pincode</label><input type="text" name="pincode" maxlength="6" class="form-control"></div>
                <div class="col-12"><label>Address</label><textarea name="address" rows="2" class="form-control"></textarea></div>
            </div>
            <div class="mt-4 d-flex gap-2">
                <button class="btn btn-primary btn-lg"><i class="fas fa-save"></i> Create User</button>
                <a href="{{ route('admin.users.index') }}" class="btn btn-secondary btn-lg">Cancel</a>
            </div>
        </form>
    </div>
</div>
@endsection