@extends('layouts.app')
@section('title', isset($user) ? __('Edit') . ' ' . (app()->getLocale() === 'bn' ? 'ব্যবহারকারী' : 'User') : (app()->getLocale() === 'bn' ? 'নতুন ব্যবহারকারী' : 'Add User'))
@section('page-title', isset($user) ? __('Edit') : (app()->getLocale() === 'bn' ? 'নতুন ব্যবহারকারী' : 'Add User'))
@section('content')
<div class="mb-4">
    <a href="{{ route('admin.users.index') }}" class="text-green-600 hover:text-green-800 text-sm">&larr; {{ __('Back') }}</a>
</div>

<form method="POST" action="{{ isset($user) ? route('admin.users.update', $user) : route('admin.users.store') }}">
    @csrf
    @if(isset($user)) @method('PUT') @endif

    <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-6 mb-6">
        <div class="grid md:grid-cols-2 gap-4">
            <div>
                <label class="block text-sm font-medium mb-1">{{ __('Name') }} ({{ __('Bangla') }}) *</label>
                <input type="text" name="name_bn" value="{{ old('name_bn', $user->name_bn ?? '') }}" required
                       class="w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 text-sm">
                @error('name_bn') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">{{ __('Name') }} ({{ __('English') }})</label>
                <input type="text" name="name_en" value="{{ old('name_en', $user->name_en ?? '') }}"
                       class="w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 text-sm">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">{{ app()->getLocale() === 'bn' ? 'ইমেইল' : 'Email' }} *</label>
                <input type="email" name="email" value="{{ old('email', $user->email ?? '') }}" required
                       class="w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 text-sm">
                @error('email') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">{{ __('Phone') }}</label>
                <input type="text" name="phone" value="{{ old('phone', $user->phone ?? '') }}"
                       class="w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 text-sm">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">{{ app()->getLocale() === 'bn' ? 'পাসওয়ার্ড' : 'Password' }} {{ isset($user) ? '(' . (app()->getLocale() === 'bn' ? 'পরিবর্তন করতে চাইলে' : 'leave blank to keep') . ')' : '*' }}</label>
                <input type="password" name="password" {{ isset($user) ? '' : 'required' }}
                       class="w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 text-sm">
                @error('password') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">{{ app()->getLocale() === 'bn' ? 'ভূমিকা' : 'Role' }} *</label>
                <select name="role" required class="w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 text-sm">
                    @foreach(['super_admin','division_admin','district_admin','upazila_admin','union_operator','field_surveyor','auditor','viewer'] as $r)
                        <option value="{{ $r }}" {{ old('role', $user->role ?? '') == $r ? 'selected' : '' }}>{{ ucfirst(str_replace('_',' ',$r)) }}</option>
                    @endforeach
                </select>
            </div>
        </div>
    </div>

    {{-- Area Assignment --}}
    <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-6 mb-6" x-data="areaAssign()">
        <h3 class="font-bold text-lg mb-4">{{ app()->getLocale() === 'bn' ? 'এলাকা নির্ধারণ' : 'Area Assignment' }}</h3>
        <div class="grid md:grid-cols-2 gap-4">
            <div>
                <label class="block text-sm font-medium mb-1">{{ app()->getLocale() === 'bn' ? 'এলাকার ধরণ' : 'Area Type' }}</label>
                <select name="assigned_area_type" x-model="areaType" class="w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 text-sm">
                    <option value="">{{ app()->getLocale() === 'bn' ? 'নির্বাচন করুন' : 'Select' }}</option>
                    <option value="division">{{ __('Division') }}</option>
                    <option value="district">{{ __('District') }}</option>
                    <option value="upazila">{{ __('Upazila') }}</option>
                    <option value="union">{{ __('Union') }}</option>
                </select>
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">{{ app()->getLocale() === 'bn' ? 'এলাকা নির্বাচন' : 'Select Area' }}</label>
                <template x-if="areaType === 'division'">
                    <select name="assigned_area_id" class="w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 text-sm">
                        <option value="">{{ app()->getLocale() === 'bn' ? 'বিভাগ নির্বাচন' : 'Select Division' }}</option>
                        @foreach(\App\Models\Division::all() as $d)
                            <option value="{{ $d->id }}" {{ old('assigned_area_id', $user->assigned_area_id ?? '') == $d->id ? 'selected' : '' }}>{{ $d->name }}</option>
                        @endforeach
                    </select>
                </template>
                <template x-if="areaType === 'district'">
                    <select name="assigned_area_id" class="w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 text-sm">
                        <option value="">{{ app()->getLocale() === 'bn' ? 'জেলা নির্বাচন' : 'Select District' }}</option>
                        @foreach(\App\Models\District::all() as $d)
                            <option value="{{ $d->id }}" {{ old('assigned_area_id', $user->assigned_area_id ?? '') == $d->id ? 'selected' : '' }}>{{ $d->name }}</option>
                        @endforeach
                    </select>
                </template>
                <template x-if="areaType === 'upazila'">
                    <select name="assigned_area_id" class="w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 text-sm">
                        <option value="">{{ __('Select Upazila') }}</option>
                        @foreach(\App\Models\Upazila::all() as $u)
                            <option value="{{ $u->id }}" {{ old('assigned_area_id', $user->assigned_area_id ?? '') == $u->id ? 'selected' : '' }}>{{ $u->name }}</option>
                        @endforeach
                    </select>
                </template>
                <template x-if="areaType === 'union'">
                    <select name="assigned_area_id" class="w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 text-sm">
                        <option value="">{{ __('Select Union') }}</option>
                        @foreach(\App\Models\Union::all() as $u)
                            <option value="{{ $u->id }}" {{ old('assigned_area_id', $user->assigned_area_id ?? '') == $u->id ? 'selected' : '' }}>{{ $u->name }}</option>
                        @endforeach
                    </select>
                </template>
                <template x-if="!areaType">
                    <p class="text-sm text-gray-400 py-2">{{ app()->getLocale() === 'bn' ? 'প্রথমে এলাকার ধরণ নির্বাচন করুন' : 'Select area type first' }}</p>
                </template>
            </div>
            @if(isset($user))
                <div>
                    <label class="block text-sm font-medium mb-1">{{ __('Status') }}</label>
                    <label class="inline-flex items-center">
                        <input type="hidden" name="is_active" value="0">
                        <input type="checkbox" name="is_active" value="1" {{ old('is_active', $user->is_active) ? 'checked' : '' }}
                               class="rounded border-gray-300 text-green-600 focus:ring-green-500">
                        <span class="ml-2 text-sm">{{ app()->getLocale() === 'bn' ? 'সক্রিয়' : 'Active' }}</span>
                    </label>
                </div>
            @endif
        </div>
    </div>

    <div class="flex justify-end space-x-3">
        <a href="{{ route('admin.users.index') }}" class="bg-gray-200 dark:bg-gray-700 hover:bg-gray-300 px-6 py-2 rounded-lg text-sm font-semibold transition">{{ __('Cancel') }}</a>
        <button type="submit" class="bg-green-600 hover:bg-green-700 text-white px-6 py-2 rounded-lg text-sm font-semibold transition">{{ __('Save') }}</button>
    </div>
</form>

@push('scripts')
<script>
function areaAssign() {
    return { areaType: '{{ old('assigned_area_type', $user->assigned_area_type ?? '') }}' };
}
</script>
@endpush
@endsection