@extends('layouts.app')

@section('content')
<div class="bg-white shadow rounded p-6 max-w-md mx-auto">
    <h2 class="text-2xl font-bold mb-4">Add New User</h2>

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

        <div class="mb-4">
            <label class="block mb-1 font-medium">Name</label>
            <input type="text" name="name" class="w-full border-gray-300 rounded" required>
        </div>

        <div class="mb-4">
            <label class="block mb-1 font-medium">Email</label>
            <input type="email" name="email" class="w-full border-gray-300 rounded" required>
        </div>

        <div class="mb-4">
            <label class="block mb-1 font-medium">Password</label>
            <input type="password" name="password" class="w-full border-gray-300 rounded" required>
        </div>

        <div class="mb-4">
            <label class="block mb-1 font-medium">Role</label>
            <select name="role" class="w-full border-gray-300 rounded" required>
                <option value="">Select Role</option>
                <option value="user">User</option>
                <option value="admin">Admin</option>
                <option value="superadmin">Super Admin</option>
            </select>
        </div>

        <!-- Permission Options -->
         <div class="mb-4">
            <label class="block mb-1 font-medium">Permissions</label>
            <div class="space-y-2">
                <label class="flex items-center">
                    <input type="hidden" name="can_sell" value="0">
                    <input type="checkbox" name="can_sell" value="1" class="mr-2">
                    Can Sell
                </label>
                <label class="flex items-center">
                    <input type="hidden" name="can_lease" value="0">
                    <input type="checkbox" name="can_lease" value="1" class="mr-2">
                    Can Lease
                </label>
                <label class="flex items-center">
                    <input type="hidden" name="can_rent" value="0">
                    <input type="checkbox" name="can_rent" value="1" class="mr-2">
                    Can Rent
                </label>
            </div>
        </div>


        <button type="submit" class="bg-blue-500 text-white px-4 py-2 rounded">Create</button>
    </form>
</div>
@endsection