@extends('backEnd.layouts.master')
@section('title', 'Edit Staff')

@section('content')
<div class="container-fluid py-3">
    <div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
        <div>
            <h4 class="mb-0 fw-bold">Staff Details</h4>
            <small class="text-muted">{{ $admin->email }} · {{ $admin->phone }}</small>
        </div>
        <a href="{{ route('admin.admins.index') }}" class="btn btn-outline-secondary btn-sm">
            <i class="fas fa-arrow-left me-1"></i> Back to Staff
        </a>
    </div>

    <div class="row g-3">
        <div class="col-lg-8">
            <div class="card shadow-sm border-0">
                <div class="card-header bg-white">
                    <h6 class="mb-0 fw-bold"><i class="fas fa-user-edit text-success me-2"></i>Account</h6>
                </div>
                <div class="card-body">
                    <form action="{{ route('admin.admins.update', $admin->id) }}" method="POST">
                        @csrf
                        @method('PUT')

                        <div class="mb-3">
                            <label class="form-label">Name <span class="text-danger">*</span></label>
                            <input type="text" name="name" class="form-control" value="{{ old('name', $admin->name) }}" required>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Email <span class="text-danger">*</span></label>
                            <input type="email" name="email" class="form-control" value="{{ old('email', $admin->email) }}" required>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Phone <span class="text-danger">*</span></label>
                            <input type="text" name="phone" class="form-control" value="{{ old('phone', $admin->phone) }}" placeholder="01XXXXXXXXX" required>
                            <small class="text-muted">Login mobile number (unique)</small>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Role <span class="text-danger">*</span></label>
                            <select name="role" class="form-select" required>
                                @foreach($roles as $role)
                                @php
                                    $meta = \App\Services\RolePermissionService::defaultRoles()[$role->name] ?? null;
                                    $label = $meta['label'] ?? ucwords(str_replace('-', ' ', $role->name));
                                    $desc = $meta['description'] ?? '';
                                @endphp
                                <option value="{{ $role->name }}" @selected(old('role', $admin->roles->first()?->name) === $role->name)>
                                    {{ $label }}@if($desc) — {{ $desc }}@endif
                                </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">New Password</label>
                            <input type="password" name="password" class="form-control" minlength="6" placeholder="Leave blank to keep current password">
                        </div>

                        <button type="submit" class="btn btn-success btn-sm px-4">
                            <i class="fas fa-save me-1"></i> Update Staff
                        </button>
                    </form>

                    @can('staff.manage')
                    <hr class="my-4">
                    <h6 class="fw-semibold mb-3">Reset Password (Admin)</h6>
                    <form action="{{ route('admin.admins.reset-password', $admin->id) }}" method="POST" class="row g-3 align-items-end">
                        @csrf
                        <div class="col-md-5">
                            <label class="form-label">New Password</label>
                            <input type="password" name="password" class="form-control" minlength="6" required>
                        </div>
                        <div class="col-md-5">
                            <label class="form-label">Confirm Password</label>
                            <input type="password" name="password_confirmation" class="form-control" minlength="6" required>
                        </div>
                        <div class="col-md-2">
                            <div class="form-check mb-2">
                                <input class="form-check-input" type="checkbox" name="notify" value="1" id="notifyReset" checked>
                                <label class="form-check-label small" for="notifyReset">Notify user</label>
                            </div>
                            <button type="submit" class="btn btn-warning btn-sm w-100">Reset</button>
                        </div>
                    </form>
                    @endcan
                </div>
            </div>

            @include('backEnd.admin.partials.sessions-panel')
        </div>

        <div class="col-lg-4">
            <div class="card shadow-sm border-0">
                <div class="card-body text-center">
                    <div class="rounded-circle d-inline-flex align-items-center justify-content-center text-white fw-bold mb-3"
                         style="width:72px;height:72px;background:linear-gradient(135deg,#22c55e,#16a34a);font-size:28px;">
                        {{ strtoupper(substr($admin->name, 0, 1)) }}
                    </div>
                    <h5 class="fw-bold mb-1">{{ $admin->name }}</h5>
                    <p class="text-muted small mb-3">{{ $admin->roles->first()?->name ? (\App\Services\RolePermissionService::defaultRoles()[$admin->roles->first()->name]['label'] ?? $admin->roles->first()->name) : 'No role' }}</p>

                    <div class="text-start small">
                        <div class="d-flex justify-content-between py-2 border-bottom">
                            <span class="text-muted">Last login</span>
                            <strong>{{ $admin->last_login_at?->diffForHumans() ?: 'Never' }}</strong>
                        </div>
                        <div class="d-flex justify-content-between py-2 border-bottom">
                            <span class="text-muted">Active devices</span>
                            <strong>{{ $activeSessions->count() }}</strong>
                        </div>
                        <div class="d-flex justify-content-between py-2">
                            <span class="text-muted">Joined</span>
                            <strong>{{ $admin->created_at?->format('d M Y') }}</strong>
                        </div>
                    </div>
                </div>
            </div>

            <div class="alert alert-light border small mt-3 mb-0">
                <i class="fas fa-shield-alt text-success me-1"></i>
                <strong>Admin only:</strong> Staff user এই login/device তথ্য দেখতে পারবে না — শুধু <code>staff.manage</code> permission থাকা admin control করবে।
            </div>
        </div>
    </div>
</div>
@endsection