@extends('layouts.app')

@section('title', 'ব্যবহারকারী এডিট')

@php
    $isManagerEdit = $isSuperAdmin && ($member['role'] ?? 'member') === 'manager';
    $editLabel = $isManagerEdit ? 'ম্যানেজার এডিট' : 'সদস্য এডিট';
@endphp

@section('content')
<div class="page-controls">
    <a href="{{ url('/admin/members') }}" class="btn btn-outline btn-sm"><i class="fas fa-arrow-left"></i> ফিরে যান</a>
</div>

<div class="card narrow">
    <div class="card-head">
        <div class="card-title"><i class="fas fa-user-edit icon-primary"></i> {{ $editLabel }}: {{ $member['company_id'] }}</div>
    </div>
    <div class="card-body">
        <!-- Card No API Search -->
        <div class="emp-search">
            <div class="field">
                <label><i class="fas fa-id-card"></i> API থেকে আপডেট করুন</label>
                <div class="input-wrap search-input-row">
                    <i class="fas fa-search"></i>
                    <input type="text" id="editCardSearch" placeholder="কার্ড নং (যেমন: {{ $member['company_id'] }})" value="{{ $member['company_id'] }}">
                    <button type="button" class="btn btn-primary btn-sm" id="btnEditCardSearch"><i class="fas fa-search"></i> খুঁজুন</button>
                </div>
                <div id="editCardStatus" class="search-status"></div>
                <div id="editCardPreview" class="emp-preview" style="display:none;"></div>
            </div>
        </div>

        <div class="divider"><span>তথ্য সম্পাদনা</span></div>

        <form method="POST" action="{{ url('/admin/members/' . $member['id'] . '/update') }}">
            @csrf
            @if ($isSuperAdmin)
                <div class="field">
                    <label>ইউজার টাইপ *</label>
                    <div class="input-wrap"><i class="fas fa-user-tag"></i>
                        <select name="user_type" id="e_user_type">
                            <option value="member" {{ ($member['role'] ?? 'member') === 'member' ? 'selected' : '' }}>সদস্য (Member)</option>
                            <option value="manager" {{ ($member['role'] ?? '') === 'manager' ? 'selected' : '' }}>ম্যানেজার (Manager)</option>
                        </select>
                    </div>
                </div>
            @else
                <input type="hidden" name="user_type" value="member">
            @endif

            <div class="field">
                <label>কার্ড নং / ইউজার ID * <span class="text-muted small">(এইটি দিয়ে লগইন হবে)</span></label>
                <div class="input-wrap"><i class="fas fa-id-badge"></i><input type="text" name="company_id" id="e_company_id" value="{{ $member['company_id'] }}" required></div>
            </div>

            <!-- Hidden API fields -->
            <input type="hidden" name="emp_id" id="e_emp_id" value="{{ $member['emp_id'] ?? '' }}">
            <input type="hidden" name="erp_code" id="e_erp_code" value="{{ $member['erp_code'] ?? '' }}">
            <input type="hidden" name="designation" id="e_designation" value="{{ $member['designation'] ?? '' }}">
            <input type="hidden" name="unit" id="e_unit" value="{{ $member['unit'] ?? '' }}">
            <input type="hidden" name="sub_unit" id="e_sub_unit" value="{{ $member['sub_unit'] ?? '' }}">
            <input type="hidden" name="date_of_join" id="e_date_of_join" value="{{ $member['date_of_join'] ?? '' }}">
            <input type="hidden" name="emp_category" id="e_emp_category" value="{{ $member['emp_category'] ?? '' }}">
            <input type="hidden" name="shift_in_time" id="e_shift_in_time" value="{{ $member['shift_in_time'] ?? '' }}">

            <div class="field">
                <label>নাম *</label>
                <div class="input-wrap"><i class="fas fa-user"></i><input type="text" name="name" id="e_name" value="{{ $member['name'] }}" required></div>
            </div>
            <div class="field">
                <label>ডিপার্টমেন্ট</label>
                <div class="input-wrap"><i class="fas fa-building"></i><input type="text" name="department" id="e_department" value="{{ $member['department'] }}"></div>
            </div>
            <div class="field">
                <label>পদবি / ডিজাইনেশন</label>
                <div class="input-wrap"><i class="fas fa-briefcase"></i><input type="text" id="e_designation_display" value="{{ $member['designation'] ?? '' }}" placeholder="Designation (API থেকে)"></div>
            </div>
            <div class="field">
                <label>মোবাইল নং</label>
                <div class="input-wrap"><i class="fas fa-mobile-alt"></i><input type="text" name="mobile" id="e_mobile" value="{{ $member['mobile'] }}"></div>
            </div>
            <div class="field">
                <label>খাওয়ার স্থান</label>
                <div class="input-wrap"><i class="fas fa-map-marker-alt"></i>
                    <select name="room" id="e_room">
                        <option value="" {{ ($member['room'] ?? '') === '' ? 'selected' : '' }}>খাওয়ার স্থান নির্বাচন করুন</option>
                        @foreach (\App\Models\DailyMeal::locations() as $loc)
                            <option value="{{ $loc }}" {{ ($member['room'] ?? '') === $loc ? 'selected' : '' }}>{{ \App\Models\DailyMeal::locationLabel($loc) }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="field">
                <label>পাসওয়ার্ড পরিবর্তন (ফাঁকা রাখলে অপরিবর্তিত)</label>
                <div class="input-wrap"><i class="fas fa-key"></i><input type="password" name="password" placeholder="নতুন পাসওয়ার্ড"></div>
            </div>
            <div class="field">
                <label>স্ট্যাটাস</label>
                <div class="input-wrap">
                    <i class="fas fa-toggle-on"></i>
                    <select name="status">
                        <option value="active" {{ $member['status'] === 'active' ? 'selected' : '' }}>সক্রিয়</option>
                        <option value="inactive" {{ $member['status'] === 'inactive' ? 'selected' : '' }}>নিষ্ক্রিয়</option>
                    </select>
                </div>
            </div>
            <button type="submit" class="btn btn-primary btn-block"><i class="fas fa-save"></i> আপডেট করুন</button>
        </form>
    </div>
</div>
@endsection