{{-- resources/views/users/create.blade.php --}}
<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800">নতুন ইউজার/স্টাফ তৈরি করুন</h2>
    </x-slot>

    <div class="py-6 max-w-2xl mx-auto sm:px-6 lg:px-8">
        <div class="bg-white shadow rounded-lg p-6">
            <form method="POST" action="{{ route('users.store') }}" class="space-y-4" x-data="{ role: '' }">
                @csrf

                <div>
                    <label class="block text-sm font-medium">পূর্ণ নাম *</label>
                    <input type="text" name="name" value="{{ old('name') }}" class="w-full border-gray-300 rounded-md">
                    @error('name') <p class="text-red-500 text-xs">{{ $message }}</p> @enderror
                </div>

                <div>
                    <label class="block text-sm font-medium">ইমেইল *</label>
                    <input type="email" name="email" value="{{ old('email') }}" class="w-full border-gray-300 rounded-md">
                    @error('email') <p class="text-red-500 text-xs">{{ $message }}</p> @enderror
                </div>

                <div>
                    <label class="block text-sm font-medium">ফোন</label>
                    <input type="text" name="phone" value="{{ old('phone') }}" class="w-full border-gray-300 rounded-md">
                </div>

                <div class="grid grid-cols-2 gap-4">
                    <div>
                        <label class="block text-sm font-medium">পাসওয়ার্ড *</label>
                        <input type="password" name="password" class="w-full border-gray-300 rounded-md">
                        @error('password') <p class="text-red-500 text-xs">{{ $message }}</p> @enderror
                    </div>
                    <div>
                        <label class="block text-sm font-medium">পাসওয়ার্ড নিশ্চিত করুন *</label>
                        <input type="password" name="password_confirmation" class="w-full border-gray-300 rounded-md">
                    </div>
                </div>

                <div>
                    <label class="block text-sm font-medium">রোল *</label>
                    <select name="role" x-model="role" class="w-full border-gray-300 rounded-md">
                        <option value="">নির্বাচন করুন</option>
                        @foreach ($roles as $r)
                        <option value="{{ $r->name }}">{{ ucfirst($r->name) }}</option>
                        @endforeach
                    </select>
                    @error('role') <p class="text-red-500 text-xs">{{ $message }}</p> @enderror
                </div>

                {{-- resources/views/users/create.blade.php — doctor সেকশন অংশ রিপ্লেস করুন --}}

                <div x-show="role === 'doctor'" class="space-y-4 border-t pt-4">
                    <div class="grid grid-cols-2 gap-4">
                        <div>
                            <label class="block text-sm font-medium">স্পেশালাইজেশন *</label>
                            <input type="text" name="specialization" value="{{ old('specialization') }}"
                                placeholder="যেমন: Cardiologist" class="w-full border-gray-300 rounded-md">
                            @error('specialization') <p class="text-red-500 text-xs">{{ $message }}</p> @enderror
                        </div>
                        <div>
                            <label class="block text-sm font-medium">যোগ্যতা (Qualification)</label>
                            <input type="text" name="qualification" value="{{ old('qualification') }}"
                                placeholder="যেমন: MBBS, FCPS" class="w-full border-gray-300 rounded-md">
                        </div>
                    </div>

                    <div>
                        <label class="block text-sm font-medium">কনসালটেশন ফি (৳)</label>
                        <input type="number" step="0.01" name="consultation_fee" value="{{ old('consultation_fee') }}"
                            class="w-full border-gray-300 rounded-md">
                    </div>

                    <div>
                        <label class="block text-sm font-medium mb-2">সপ্তাহে কোন কোন দিন বসবেন</label>
                        <div class="flex flex-wrap gap-3 text-sm">
                            @foreach (['sat'=>'শনি','sun'=>'রবি','mon'=>'সোম','tue'=>'মঙ্গল','wed'=>'বুধ','thu'=>'বৃহঃ','fri'=>'শুক্র'] as $val=>$label)
                            <label class="flex items-center gap-1">
                                <input type="checkbox" name="available_days[]" value="{{ $val }}"
                                    @checked(in_array($val, old('available_days', [])))>
                                {{ $label }}
                            </label>
                            @endforeach
                        </div>
                    </div>

                    <div class="grid grid-cols-2 gap-4">
                        <div>
                            <label class="block text-sm font-medium">চেম্বার শুরুর সময়</label>
                            <input type="time" name="start_time" value="{{ old('start_time') }}" class="w-full border-gray-300 rounded-md">
                        </div>
                        <div>
                            <label class="block text-sm font-medium">চেম্বার শেষের সময়</label>
                            <input type="time" name="end_time" value="{{ old('end_time') }}" class="w-full border-gray-300 rounded-md">
                            @error('end_time') <p class="text-red-500 text-xs">{{ $message }}</p> @enderror
                        </div>
                    </div>
                </div>

                <button class="bg-blue-600 text-white px-5 py-2 rounded-lg">তৈরি করুন</button>
            </form>
        </div>
    </div>
</x-app-layout>