@extends('nexfloit.layouts.app')

@section('title', 'Edit ' . $tenant->business_name)

@section('content')
<div class="page-header">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('nexfloit.tenants.index') }}">Tenants</a></li>
            <li class="breadcrumb-item"><a href="{{ route('nexfloit.tenants.show', $tenant) }}">{{ $tenant->code }}</a></li>
            <li class="breadcrumb-item active">Edit</li>
        </ol>
    </nav>
    <h1 class="page-title">Edit Tenant</h1>
    <p class="text-muted">{{ $tenant->business_name }} ({{ $tenant->code }})</p>
</div>

<form action="{{ route('nexfloit.tenants.update', $tenant) }}" method="POST">
    @csrf
    @method('PUT')

    <div class="row">
        <!-- Business Information -->
        <div class="col-lg-8">
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="mb-0"><i class="bi bi-building me-2"></i>Business Information</h5>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label">Business Name <span class="text-danger">*</span></label>
                            <input type="text" class="form-control @error('business_name') is-invalid @enderror"
                                   name="business_name" value="{{ old('business_name', $tenant->business_name) }}" required>
                            @error('business_name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Owner Name <span class="text-danger">*</span></label>
                            <input type="text" class="form-control @error('owner_name') is-invalid @enderror"
                                   name="owner_name" value="{{ old('owner_name', $tenant->owner_name) }}" required>
                            @error('owner_name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Email <span class="text-danger">*</span></label>
                            <input type="email" class="form-control @error('email') is-invalid @enderror"
                                   name="email" value="{{ old('email', $tenant->email) }}" required>
                            @error('email')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Phone</label>
                            <input type="text" class="form-control @error('phone') is-invalid @enderror"
                                   name="phone" value="{{ old('phone', $tenant->phone) }}">
                            @error('phone')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-12">
                            <label class="form-label">Address</label>
                            <textarea class="form-control @error('address') is-invalid @enderror"
                                      name="address" rows="2">{{ old('address', $tenant->address) }}</textarea>
                            @error('address')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
            </div>

            <!-- Login Credentials -->
            @php
                $adminUser = $tenant->users()->whereIn('role', ['admin', 'super_admin'])->first();
            @endphp
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="mb-0"><i class="bi bi-key me-2"></i>Login Credentials</h5>
                </div>
                <div class="card-body">
                    @if($adminUser)
                        <input type="hidden" name="admin_user_id" value="{{ $adminUser->id }}">

                        <div class="alert alert-info mb-3">
                            <i class="bi bi-info-circle me-2"></i>
                            These are the login credentials for <strong>{{ $tenant->business_name }}</strong>'s POS system.
                        </div>

                        <div class="row g-3">
                            <div class="col-md-6">
                                <label class="form-label">Login Email <span class="text-danger">*</span></label>
                                <input type="email" class="form-control @error('admin_email') is-invalid @enderror"
                                       name="admin_email" value="{{ old('admin_email', $adminUser->email) }}" required>
                                @error('admin_email')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <small class="text-muted">Business admin uses this email to login</small>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Username</label>
                                <input type="text" class="form-control @error('admin_username') is-invalid @enderror"
                                       name="admin_username" value="{{ old('admin_username', $adminUser->username) }}">
                                @error('admin_username')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <small class="text-muted">Optional - can also login with username</small>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Admin Name</label>
                                <input type="text" class="form-control @error('admin_name') is-invalid @enderror"
                                       name="admin_name" value="{{ old('admin_name', $adminUser->name) }}" required>
                                @error('admin_name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Last Login</label>
                                <input type="text" class="form-control bg-dark" readonly
                                       value="{{ $adminUser->last_login_at ? $adminUser->last_login_at->format('M d, Y H:i') . ' (' . $adminUser->last_login_ip . ')' : 'Never logged in' }}">
                            </div>
                        </div>

                        <hr class="my-3">

                        <h6 class="mb-3"><i class="bi bi-shield-lock me-2"></i>Change Password</h6>
                        <p class="text-muted small mb-3">
                            @if($adminUser->password_changed_at)
                                <i class="bi bi-clock me-1"></i>Last changed: {{ $adminUser->password_changed_at->diffForHumans() }}
                                @if($adminUser->password_changed_by == 'nexfloit_admin')
                                    <span class="badge bg-warning ms-1">by Nexfloit</span>
                                @else
                                    <span class="badge bg-secondary ms-1">by User</span>
                                @endif
                            @else
                                <i class="bi bi-info-circle me-1"></i>Password has never been changed
                            @endif
                        </p>
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label class="form-label">New Password</label>
                                <input type="password" class="form-control" name="admin_password"
                                       id="adminPassword" placeholder="Enter new password" minlength="6">
                                <small class="text-muted">Leave empty to keep current password</small>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Confirm Password</label>
                                <input type="password" class="form-control" name="admin_password_confirmation"
                                       id="adminPasswordConfirm" placeholder="Confirm new password">
                            </div>
                            <div class="col-12">
                                <small class="text-muted">
                                    <i class="bi bi-info-circle me-1"></i>
                                    Leave empty to keep current password. Minimum 6 characters.
                                </small>
                            </div>
                        </div>

                        <hr class="my-3">

                        <div class="d-flex gap-2">
                            <button type="button" class="btn btn-outline-primary" onclick="generateRandomPassword()">
                                <i class="bi bi-shuffle me-1"></i>Generate Random Password
                            </button>
                            <button type="button" class="btn btn-outline-secondary" onclick="togglePasswordVisibility()">
                                <i class="bi bi-eye me-1" id="eyeIcon"></i>Show/Hide
                            </button>
                        </div>
                        <div id="generatedPasswordDisplay" class="alert alert-success mt-3 d-none">
                            <strong>Generated Password:</strong> <code id="generatedPasswordText"></code>
                            <button type="button" class="btn btn-sm btn-outline-success ms-2" onclick="copyPassword()">
                                <i class="bi bi-clipboard"></i> Copy
                            </button>
                        </div>
                    @else
                        <div class="alert alert-warning mb-0">
                            <i class="bi bi-exclamation-triangle me-2"></i>
                            No admin user found for this tenant. Create a store first.
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <!-- Subscription -->
        <div class="col-lg-4">
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="mb-0"><i class="bi bi-credit-card me-2"></i>Subscription</h5>
                </div>
                <div class="card-body">
                    <div class="mb-3">
                        <label class="form-label">Plan <span class="text-danger">*</span></label>
                        <select class="form-select @error('subscription_plan') is-invalid @enderror"
                                name="subscription_plan" required>
                            <option value="basic" {{ old('subscription_plan', $tenant->subscription_plan) == 'basic' ? 'selected' : '' }}>Basic</option>
                            <option value="standard" {{ old('subscription_plan', $tenant->subscription_plan) == 'standard' ? 'selected' : '' }}>Standard</option>
                            <option value="premium" {{ old('subscription_plan', $tenant->subscription_plan) == 'premium' ? 'selected' : '' }}>Premium</option>
                        </select>
                        @error('subscription_plan')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label class="form-label">Monthly Fee (Rs.) <span class="text-danger">*</span></label>
                        <input type="number" class="form-control @error('monthly_fee') is-invalid @enderror"
                               name="monthly_fee" value="{{ old('monthly_fee', $tenant->monthly_fee) }}"
                               step="0.01" min="0" required>
                        @error('monthly_fee')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" name="is_active" value="1"
                                   id="is_active" {{ old('is_active', $tenant->is_active) ? 'checked' : '' }}>
                            <label class="form-check-label" for="is_active">Active</label>
                        </div>
                    </div>
                </div>
            </div>

            <div class="d-grid gap-2">
                <button type="submit" class="btn btn-primary btn-lg">
                    <i class="bi bi-check-lg me-2"></i>Update Tenant
                </button>
                <a href="{{ route('nexfloit.tenants.show', $tenant) }}" class="btn btn-outline-secondary">
                    Cancel
                </a>
            </div>

            <!-- Danger Zone -->
            <div class="card mt-4 border-danger">
                <div class="card-header bg-danger text-white">
                    <h5 class="mb-0"><i class="bi bi-exclamation-triangle me-2"></i>Danger Zone</h5>
                </div>
                <div class="card-body">
                    <p class="text-muted mb-3">Permanently delete this tenant and all associated data.</p>
                    <button type="button" class="btn btn-outline-danger w-100" data-bs-toggle="modal" data-bs-target="#deleteModal">
                        <i class="bi bi-trash me-1"></i>Delete Tenant
                    </button>
                </div>
            </div>
        </div>
    </div>
</form>

<!-- Delete Modal -->
<div class="modal fade" id="deleteModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form action="{{ route('nexfloit.tenants.destroy', $tenant) }}" method="POST" id="deleteForm">
                @csrf
                @method('DELETE')
                <div class="modal-header bg-danger text-white">
                    <h5 class="modal-title">Delete Tenant Completely</h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <p>Are you sure you want to permanently delete <strong>{{ $tenant->business_name }}</strong>?</p>
                    <div class="alert alert-danger mb-3">
                        <i class="bi bi-exclamation-triangle me-2"></i>
                        <strong>This will permanently delete:</strong>
                        <ul class="mb-0 mt-2">
                            <li>All stores and settings</li>
                            <li>All products and categories</li>
                            <li>All orders and sales history</li>
                            <li>All customers and suppliers</li>
                            <li>All users and employees</li>
                            <li>All financial records</li>
                        </ul>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Type <strong>{{ $tenant->code }}</strong> to confirm:</label>
                        <input type="text" class="form-control" id="confirmCode" placeholder="Enter tenant code" required>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-danger" id="deleteBtn" disabled>
                        <i class="bi bi-trash me-1"></i>Delete Everything
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<script>
document.getElementById('confirmCode').addEventListener('input', function() {
    const btn = document.getElementById('deleteBtn');
    btn.disabled = this.value !== '{{ $tenant->code }}';
});

// Generate random password
function generateRandomPassword() {
    const chars = 'ABCDEFGHJKLMNPQRSTUVWXYZabcdefghjkmnpqrstuvwxyz23456789';
    let password = '';
    for (let i = 0; i < 10; i++) {
        password += chars.charAt(Math.floor(Math.random() * chars.length));
    }

    document.getElementById('adminPassword').value = password;
    document.getElementById('adminPasswordConfirm').value = password;
    document.getElementById('adminPassword').type = 'text';
    document.getElementById('adminPasswordConfirm').type = 'text';

    document.getElementById('generatedPasswordText').textContent = password;
    document.getElementById('generatedPasswordDisplay').classList.remove('d-none');
}

// Toggle password visibility
function togglePasswordVisibility() {
    const pass1 = document.getElementById('adminPassword');
    const pass2 = document.getElementById('adminPasswordConfirm');
    const icon = document.getElementById('eyeIcon');

    if (pass1.type === 'password') {
        pass1.type = 'text';
        pass2.type = 'text';
        icon.classList.replace('bi-eye', 'bi-eye-slash');
    } else {
        pass1.type = 'password';
        pass2.type = 'password';
        icon.classList.replace('bi-eye-slash', 'bi-eye');
    }
}

// Copy password to clipboard
function copyPassword() {
    const password = document.getElementById('generatedPasswordText').textContent;
    navigator.clipboard.writeText(password).then(() => {
        alert('Password copied to clipboard!');
    });
}
</script>
@endsection