@extends('layouts.app')
@section('title', '編輯使用者 - 閱讀卡管理平台')
@section('content')
<div class="card">
    <div class="card-header"><h5 class="mb-0"><i class="bi bi-person-gear me-1"></i>編輯使用者 - {{ $user->user_uid }}</h5></div>
    <div class="card-body">
        <form method="POST" action="{{ route('admin.user.update', $user->user_id) }}">
            @csrf
            @method('PUT')
            <div class="row g-3">
                <div class="col-md-4">
                    <label class="form-label">帳號</label>
                    <input type="text" class="form-control" value="{{ $user->user_uid }}" disabled>
                </div>
                <div class="col-md-4">
                    <label class="form-label">新密碼 <small class="text-muted">(留空不修改)</small></label>
                    <div class="input-group">
                        <input type="password" class="form-control" name="user_password" id="pw1">
                        <button type="button" class="btn btn-outline-secondary" onclick="togglePw('pw1', 'pwIcon1')" tabindex="-1"><i class="bi bi-eye" id="pwIcon1"></i></button>
                    </div>
                    <div class="form-text" style="font-size:.78rem;">至少12碼，含大小寫英文、數字及特殊字元</div>
                </div>
                <div class="col-md-4">
                    <label class="form-label">確認新密碼</label>
                    <div class="input-group">
                        <input type="password" class="form-control" name="user_password_confirmation" id="pw2">
                        <button type="button" class="btn btn-outline-secondary" onclick="togglePw('pw2', 'pwIcon2')" tabindex="-1"><i class="bi bi-eye" id="pwIcon2"></i></button>
                    </div>
                </div>
                <div class="col-md-4">
                    <label class="form-label">姓名</label>
                    <input type="text" class="form-control" name="user_name" value="{{ $user->user_name }}" required>
                </div>
                <div class="col-md-4">
                    <label class="form-label">Email</label>
                    <input type="email" class="form-control" name="user_email" value="{{ $user->user_email }}">
                </div>
                <div class="col-md-4">
                    <label class="form-label">學校代碼</label>
                    <input type="text" class="form-control" name="user_school_code" value="{{ $user->user_school_code }}">
                </div>
                <div class="col-md-4">
                    <label class="form-label">學校名稱</label>
                    <input type="text" class="form-control" name="user_school" value="{{ $user->user_school }}">
                </div>
                <div class="col-md-3">
                    <label class="form-label">角色</label>
                    <select name="user_role" class="form-select" required>
                        @foreach($roles as $key => $name)
                        <option value="{{ $key }}" {{ $user->user_role == $key ? 'selected' : '' }}>{{ $name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="form-label">狀態</label>
                    <select name="is_active" class="form-select">
                        <option value="1" {{ $user->is_active ? 'selected' : '' }}>啟用</option>
                        <option value="0" {{ !$user->is_active ? 'selected' : '' }}>停用</option>
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="form-label">帳號到期日</label>
                    <input type="date" class="form-control" name="expires_at" value="{{ $user->expires_at?->format('Y-m-d') }}">
                    <div class="form-text" style="font-size:.78rem;">留空表示永久有效</div>
                </div>
                <div class="col-md-3">
                    <label class="form-label">權限等級</label>
                    <input type="number" class="form-control" name="user_type" value="{{ $user->user_type }}">
                </div>
            </div>

            @if($user->last_login_at)
            <div class="mt-3 text-muted" style="font-size:.85rem;">
                <i class="bi bi-clock me-1"></i>上次登入：{{ $user->last_login_at->format('Y-m-d H:i:s') }}
            </div>
            @endif

            <div class="mt-4 d-flex gap-2">
                <button type="submit" class="btn btn-primary"><i class="bi bi-check-lg me-1"></i>更新</button>
                <a href="{{ route('admin.user.index') }}" class="btn btn-secondary">返回</a>
            </div>
        </form>
    </div>
</div>
@push('scripts')
<script>
function togglePw(inputId, iconId) {
    var input = document.getElementById(inputId);
    var icon = document.getElementById(iconId);
    if (input.type === 'password') { input.type = 'text'; icon.classList.replace('bi-eye', 'bi-eye-slash'); }
    else { input.type = 'password'; icon.classList.replace('bi-eye-slash', 'bi-eye'); }
}
document.querySelector('form').addEventListener('submit', function(e) {
    var pw1 = document.getElementById('pw1').value;
    var pw2 = document.getElementById('pw2').value;
    if (pw1 && pw1 !== pw2) {
        e.preventDefault(); alert('兩次密碼輸入不一致！');
    }
});
</script>
@endpush
@endsection