@extends('layouts.app')

@section('content')
@include('Partials.sidebar')

 <section class="main_content dashboard_part large_header_bg">

        @include('Partials.header')

<div class="container-fluid">

    <div class="d-flex justify-content-between align-items-center mb-4">
        <h4 class="mb-0">✏️ Edit — {{ $adminProfile->name }}</h4>
        <a href="/admin/admins" class="btn btn-secondary btn-sm">← Back to Admins</a>
    </div>

    @if($errors->any())
        <div class="alert alert-danger">
            @foreach($errors->all() as $error)
                <p class="mb-0">{{ $error }}</p>
            @endforeach
        </div>
    @endif

    <div class="row">
        {{-- ── Edit Profile Form ── --}}
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">Profile Information</h5>
                </div>
                <div class="card-body">
                    <form action="/admin/admins/{{ $adminProfile->id }}/update"
                          method="POST" enctype="multipart/form-data">
                        @csrf @method('PUT')

                        {{-- Profile Photo --}}
                        <div class="form-group text-center mb-4">
                            @if($adminProfile->profile_photo)
                                <img src="{{ asset('storage/' . $adminProfile->profile_photo) }}"
                                     class="rounded-circle mb-2"
                                     style="width:80px;height:80px;object-fit:cover;"
                                     id="photo-preview">
                            @else
                                <div class="rounded-circle bg-secondary d-flex align-items-center
                                            justify-content-center mx-auto mb-2"
                                     style="width:80px;height:80px;" id="photo-placeholder">
                                    <span style="font-size:32px;color:white;">
                                        {{ strtoupper(substr($adminProfile->name, 0, 1)) }}
                                    </span>
                                </div>
                                <img src="" class="rounded-circle mb-2 d-none"
                                     style="width:80px;height:80px;object-fit:cover;"
                                     id="photo-preview">
                            @endif
                            <div>
                                <label class="btn btn-outline-secondary btn-sm">
                                    <i class="fas fa-camera"></i> Change Photo
                                    <input type="file" name="profile_photo"
                                           accept="image/*" style="display:none;"
                                           id="photo-input">
                                </label>
                            </div>
                        </div>

                        <div class="form-group">
                            <label>Name <span class="text-danger">*</span></label>
                            <input type="text" name="name"
                                   class="form-control @error('name') is-invalid @enderror"
                                   value="{{ old('name', $adminProfile->name) }}" required>
                            @error('name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group">
                            <label>Email <span class="text-danger">*</span></label>
                            <input type="email" name="email"
                                   class="form-control @error('email') is-invalid @enderror"
                                   value="{{ old('email', $adminProfile->email) }}" required>
                            @error('email')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group">
                            <label>Phone</label>
                            <input type="text" name="phone"
                                   class="form-control @error('phone') is-invalid @enderror"
                                   value="{{ old('phone', $adminProfile->phone) }}">
                            @error('phone')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        {{-- Role — super admin can change --}}
                        <div class="form-group">
                            <label>Role <span class="text-danger">*</span></label>
                            <select name="role"
                                    class="form-control @error('role') is-invalid @enderror">
                                <option value="sales"
                                    {{ old('role', $adminProfile->role) === 'sales' ? 'selected' : '' }}>
                                    Sales
                                </option>
                                <option value="broker"
                                    {{ old('role', $adminProfile->role) === 'broker' ? 'selected' : '' }}>
                                    Broker
                                </option>
                                <option value="super_admin"
                                    {{ old('role', $adminProfile->role) === 'super_admin' ? 'selected' : '' }}>
                                    Super Admin
                                </option>
                            </select>
                            @error('role')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        {{-- Status --}}
                        <div class="form-group">
                            <label>Status <span class="text-danger">*</span></label>
                            <select name="status"
                                    class="form-control @error('status') is-invalid @enderror">
                                <option value="active"
                                    {{ old('status', $adminProfile->status) === 'active' ? 'selected' : '' }}>
                                    Active
                                </option>
                                <option value="inactive"
                                    {{ old('status', $adminProfile->status) === 'inactive' ? 'selected' : '' }}>
                                    Inactive
                                </option>
                            </select>
                            @error('status')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="flex-center gap-2 mt-4">
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-save"></i> Save Changes
                            </button>
                            <a href="/admin/admins" class="btn btn-secondary">Cancel</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        {{-- ── Reset Password ── --}}
        <div class="col-md-4">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">Reset Password</h5>
                </div>
                <div class="card-body">
                    <form action="/admin/admins/{{ $adminProfile->id }}/reset-password"
                          method="POST">
                        @csrf @method('PUT')
                        <div class="form-group">
                            <label>New Password</label>
                            <input type="password" name="password"
                                   class="form-control" required minlength="8">
                        </div>
                        <div class="form-group">
                            <label>Confirm Password</label>
                            <input type="password" name="password_confirmation"
                                   class="form-control" required minlength="8">
                        </div>
                        <button type="submit" class="btn btn-warning btn-block"
                                onclick="return confirm('Reset this admin\'s password?')">
                            <i class="fas fa-key"></i> Reset Password
                        </button>
                    </form>
                </div>
            </div>

            {{-- Quick Info --}}
            <div class="card mt-3">
                <div class="card-header">
                    <h5 class="mb-0">Info</h5>
                </div>
                <div class="card-body">
                    <p class="mb-1"><strong>Created:</strong>
                        {{ $adminProfile->created_at?->format('d M Y') }}</p>
                    <p class="mb-1"><strong>Last Updated:</strong>
                        {{ $adminProfile->updated_at?->format('d M Y') }}</p>
                    <p class="mb-0"><strong>Current Status:</strong>
                        @if($adminProfile->status === 'active')
                            <span class="badge badge-success">Active</span>
                        @else
                            <span class="badge badge-secondary">Inactive</span>
                        @endif
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
</section>

@include('Partials.footer')
@endsection

@push('scripts')
<script>
document.getElementById('photo-input').addEventListener('change', function(e) {
    const file = e.target.files[0];
    if (!file) return;
    const reader = new FileReader();
    reader.onload = function(ev) {
        const preview = document.getElementById('photo-preview');
        const placeholder = document.getElementById('photo-placeholder');
        preview.src = ev.target.result;
        preview.classList.remove('d-none');
        if (placeholder) placeholder.style.display = 'none';
    };
    reader.readAsDataURL(file);
});
</script>
@endpush