<?php
require_once 'config.php';
requireLogin();

$page_title = 'Add New Client';
$page_description = 'Register a new client account with documents';

$success = '';
$error = '';

$industries = [
    'Technology', 'Healthcare', 'Finance', 'Retail', 'Manufacturing',
    'Education', 'Real Estate', 'Hospitality', 'Consulting',
    'Marketing', 'Construction', 'Transportation', 'Other'
];

$countries = [
    'India', 'United States', 'United Kingdom', 'Canada', 'Australia',
    'Germany', 'France', 'Japan', 'China', 'Singapore',
    'United Arab Emirates', 'Saudi Arabia', 'Malaysia', 'Thailand', 'Indonesia',
    'Philippines', 'Vietnam', 'South Korea', 'Hong Kong', 'Taiwan',
    'Bangladesh', 'Pakistan', 'Sri Lanka', 'Nepal', 'Bhutan',
    'Afghanistan', 'Maldives', 'Myanmar', 'Cambodia', 'Laos',
    'Other'
];

$indian_states = [
    'Andhra Pradesh', 'Arunachal Pradesh', 'Assam', 'Bihar', 'Chhattisgarh', 'Goa', 'Gujarat',
    'Haryana', 'Himachal Pradesh', 'Jharkhand', 'Karnataka', 'Kerala', 'Madhya Pradesh',
    'Maharashtra', 'Manipur', 'Meghalaya', 'Mizoram', 'Nagaland', 'Odisha', 'Punjab',
    'Rajasthan', 'Sikkim', 'Tamil Nadu', 'Telangana', 'Tripura', 'Uttar Pradesh',
    'Uttarakhand', 'West Bengal', 'Delhi', 'Chandigarh', 'Puducherry'
];

if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['action']) && $_POST['action'] === 'create_client') {
    $company_name = trim($_POST['company_name'] ?? '');
    $industry = $_POST['industry'] ?? '';
    $contact_person = trim($_POST['contact_person'] ?? '');
    $email = trim($_POST['email'] ?? '');
    $phone = trim($_POST['phone'] ?? '');
    $address = trim($_POST['address'] ?? '');
    $city = trim($_POST['city'] ?? '');
    $country = $_POST['country'] ?? '';
    $postal_code = trim($_POST['postal_code'] ?? '');
    $website = trim($_POST['website'] ?? '');
    $notes = trim($_POST['notes'] ?? '');
    
    if (empty($company_name) || empty($contact_person) || empty($email) || empty($phone)) {
        $error = 'All required fields must be filled';
    } elseif (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
        $error = 'Invalid email address';
    } else {
        try {
            $pdo = getDBConnection();
            
            // Generate unique client code
            do {
                $client_code = strtoupper(substr(md5(uniqid(rand(), true)), 0, 8));
                $stmt = $pdo->prepare("SELECT COUNT(*) FROM clients WHERE client_code = ?");
                $stmt->execute([$client_code]);
            } while ($stmt->fetchColumn() > 0);
            
            $stmt = $pdo->prepare("
                INSERT INTO clients 
                (client_code, company_name, industry, contact_person, email, phone, 
                 address, city, country, postal_code, website, notes, created_by, created_at)
                VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, NOW())
            ");
            
            $stmt->execute([
                $client_code, $company_name, $industry, $contact_person, $email, $phone,
                $address, $city, $country, $postal_code, $website, $notes, $_SESSION['admin_id']
            ]);
            
            $client_id = $pdo->lastInsertId();
            
            // Handle file uploads
            if (!empty($_FILES['attachments']['name'][0])) {
                $upload_dir = 'uploads/clients/';
                if (!file_exists($upload_dir)) {
                    mkdir($upload_dir, 0755, true);
                }
                
                $allowed_types = ['application/pdf', 'image/jpeg', 'image/jpg', 'image/png', 'image/gif'];
                $max_files = 10;
                $max_size = 5 * 1024 * 1024; // 5MB
                
                for ($i = 0; $i < min(count($_FILES['attachments']['name']), $max_files); $i++) {
                    if ($_FILES['attachments']['error'][$i] === UPLOAD_ERR_OK) {
                        $file_type = $_FILES['attachments']['type'][$i];
                        $file_size = $_FILES['attachments']['size'][$i];
                        
                        if (in_array($file_type, $allowed_types) && $file_size <= $max_size) {
                            $file_name = $_FILES['attachments']['name'][$i];
                            $file_tmp = $_FILES['attachments']['tmp_name'][$i];
                            
                            $extension = pathinfo($file_name, PATHINFO_EXTENSION);
                            $unique_name = $client_code . '_' . time() . '_' . $i . '.' . $extension;
                            $file_path = $upload_dir . $unique_name;
                            
                            if (move_uploaded_file($file_tmp, $file_path)) {
                                $attachStmt = $pdo->prepare("
                                    INSERT INTO client_attachments 
                                    (client_id, file_name, file_path, file_type, file_size, uploaded_at)
                                    VALUES (?, ?, ?, ?, ?, NOW())
                                ");
                                $attachStmt->execute([
                                    $client_id, $file_name, $file_path, $file_type, $file_size
                                ]);
                            }
                        }
                    }
                }
            }
            
            logActivity($_SESSION['admin_id'], 'create_client', "Created client: $client_code", 'client', $client_id);
            
            header('Location: clients.php?success=created&code=' . $client_code);
            exit;
        } catch (Exception $e) {
            $error = 'An error occurred. Please try again.';
            error_log("Create client error: " . $e->getMessage());
        }
    }
}

include 'includes/header.php';
?>

<style>
.create-container {
    padding: 24px;
    max-width: 900px;
    margin: 0 auto;
}

.create-form {
    background: white;
    border-radius: 12px;
    padding: 32px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.form-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 20px;
}

.form-group {
    display: flex;
    flex-direction: column;
}

.form-group label {
    font-weight: 600;
    color: #374151;
    margin-bottom: 8px;
    font-size: 14px;
}

.form-group input,
.form-group select,
.form-group textarea {
    padding: 12px 16px;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    font-size: 14px;
    transition: all 0.2s;
    font-family: inherit;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    outline: none;
    border-color: #0066cc;
    box-shadow: 0 0 0 3px rgba(0,102,204,0.1);
}

.form-group textarea {
    min-height: 100px;
    resize: vertical;
}

.file-upload-area {
    border: 2px dashed #d1d5db;
    border-radius: 12px;
    padding: 32px;
    text-align: center;
    background: #f9fafb;
    cursor: pointer;
    transition: all 0.2s;
}

.file-upload-area:hover {
    border-color: #0066cc;
    background: #eff6ff;
}

.file-upload-area.dragover {
    border-color: #0066cc;
    background: #dbeafe;
}

.file-list {
    margin-top: 16px;
}

.file-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: #f9fafb;
    border-radius: 8px;
    margin-bottom: 8px;
    border: 1px solid #e5e7eb;
}

.file-item span {
    font-size: 14px;
    color: #374151;
    font-weight: 500;
}

.file-remove {
    padding: 6px 12px;
    background: #fee2e2;
    color: #991b1b;
    border: none;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.file-remove:hover {
    background: #dc2626;
    color: white;
}

.form-actions {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 32px;
    padding-top: 24px;
    border-top: 2px solid #e5e7eb;
}

.notification {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 16px 24px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 10000;
    animation: slideIn 0.3s ease;
}

@keyframes slideIn {
    from { transform: translateX(400px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

.notification-error {
    background: #fee2e2;
    color: #991b1b;
    border-left: 4px solid #dc2626;
}

@media (max-width: 768px) {
    .form-row {
        grid-template-columns: 1fr;
    }
}
</style>

<div class="create-container">
    <?php if ($error): ?>
    <div class="notification notification-error">
        ⚠️ <?php echo htmlspecialchars($error); ?>
    </div>
    <?php endif; ?>

    <div class="page-header">
        <div>
            <h1>✨ Add New Client</h1>
            <p class="page-subtitle">Register a new client with document uploads</p>
        </div>
        <div class="header-actions">
            <a href="clients.php" class="btn btn-secondary">
                ← Back to List
            </a>
        </div>
    </div>

    <div class="create-form">
        <form method="POST" enctype="multipart/form-data" id="clientForm">
            <input type="hidden" name="action" value="create_client">
            
            <div class="form-row">
                <div class="form-group">
                    <label for="company_name">Company Name <span style="color:#dc2626;">*</span></label>
                    <input type="text" id="company_name" name="company_name" required placeholder="ABC Corporation">
                </div>
                
                <div class="form-group">
                    <label for="industry">Industry <span style="color:#dc2626;">*</span></label>
                    <select id="industry" name="industry" required>
                        <option value="">Select Industry</option>
                        <?php foreach ($industries as $ind): ?>
                            <option value="<?php echo $ind; ?>"><?php echo $ind; ?></option>
                        <?php endforeach; ?>
                    </select>
                </div>
            </div>
            
            <div class="form-row">
                <div class="form-group">
                    <label for="contact_person">Contact Person <span style="color:#dc2626;">*</span></label>
                    <input type="text" id="contact_person" name="contact_person" required placeholder="John Doe">
                </div>
                
                <div class="form-group">
                    <label for="email">Email Address <span style="color:#dc2626;">*</span></label>
                    <input type="email" id="email" name="email" required placeholder="contact@example.com">
                </div>
            </div>
            
            <div class="form-row">
                <div class="form-group">
                    <label for="phone">Phone Number (with country code) <span style="color:#dc2626;">*</span></label>
                    <input type="tel" id="phone" name="phone" required placeholder="+91 9876543210 or +1 2025551234">
                    <small style="color:#6b7280;font-size:12px;margin-top:4px;display:block;">Include country code (e.g., +91 for India, +1 for USA)</small>
                </div>
                
                <div class="form-group">
                    <label for="website">Website</label>
                    <input type="url" id="website" name="website" placeholder="https://example.com">
                </div>
            </div>
            
            <div class="form-row">
                <div class="form-group" style="grid-column: 1 / -1;">
                    <label for="address">Address</label>
                    <textarea id="address" name="address" placeholder="Full company address"></textarea>
                </div>
            </div>
            
            <div class="form-row">
                <div class="form-group">
                    <label for="city">City</label>
                    <input type="text" id="city" name="city" placeholder="Enter city name">
                </div>
                
                <div class="form-group">
                    <label for="country">Country</label>
                    <select id="country" name="country">
                        <option value="">Select Country</option>
                        <?php foreach ($countries as $ctry): ?>
                            <option value="<?php echo $ctry; ?>"><?php echo $ctry; ?></option>
                        <?php endforeach; ?>
                    </select>
                </div>
            </div>
            
            <div class="form-row">
                <div class="form-group">
                    <label for="postal_code">Postal/ZIP Code</label>
                    <input type="text" id="postal_code" name="postal_code" placeholder="Postal or ZIP code">
                </div>
                
                <div class="form-group">
                    <!-- Empty for grid alignment -->
                </div>
            </div>
            
            <div class="form-row">
                <div class="form-group" style="grid-column: 1 / -1;">
                    <label for="notes">Notes</label>
                    <textarea id="notes" name="notes" placeholder="Additional client information"></textarea>
                </div>
            </div>
            
            <div style="margin: 24px 0;">
                <label style="font-weight: 600; color: #374151; margin-bottom: 12px; display: block;">
                    📎 Upload Documents (Max 10 files - PDF or Images)
                </label>
                <div class="file-upload-area" id="fileUploadArea">
                    <p style="margin: 0 0 8px 0; color: #374151; font-weight: 500; font-size: 16px;">
                        📁 Click to upload or drag and drop files here
                    </p>
                    <small style="color: #6b7280;">PDF, JPG, PNG, GIF (Max 10 files, 5MB each)</small>
                    <small style="display: block; margin-top: 8px; color: #9ca3af; font-size: 12px;">
                        Upload contracts, agreements, proposals, GST certificate, etc.
                    </small>
                    <input type="file" id="attachments" name="attachments[]" 
                           multiple accept=".pdf,.jpg,.jpeg,.png,.gif" 
                           style="display: none;">
                </div>
                <div class="file-list" id="fileList"></div>
            </div>
            
            <div class="form-actions">
                <a href="clients.php" class="btn btn-secondary">Cancel</a>
                <button type="submit" class="btn btn-primary">✨ Create Client</button>
            </div>
        </form>
    </div>
</div>

<script>
setTimeout(() => {
    const notification = document.querySelector('.notification');
    if (notification) {
        notification.style.animation = 'slideIn 0.3s ease reverse';
        setTimeout(() => notification.remove(), 300);
    }
}, 5000);

const fileUploadArea = document.getElementById('fileUploadArea');
const fileInput = document.getElementById('attachments');
const fileList = document.getElementById('fileList');
let selectedFiles = [];

fileUploadArea.addEventListener('click', () => fileInput.click());

fileUploadArea.addEventListener('dragover', (e) => {
    e.preventDefault();
    fileUploadArea.classList.add('dragover');
});

fileUploadArea.addEventListener('dragleave', () => {
    fileUploadArea.classList.remove('dragover');
});

fileUploadArea.addEventListener('drop', (e) => {
    e.preventDefault();
    fileUploadArea.classList.remove('dragover');
    handleFiles(e.dataTransfer.files);
});

fileInput.addEventListener('change', (e) => {
    handleFiles(e.target.files);
});

function handleFiles(files) {
    const maxFiles = 10;
    const maxSize = 5 * 1024 * 1024;
    const allowedTypes = ['application/pdf', 'image/jpeg', 'image/jpg', 'image/png', 'image/gif'];
    
    for (let file of files) {
        if (selectedFiles.length >= maxFiles) {
            alert(`Maximum ${maxFiles} files allowed`);
            break;
        }
        
        if (!allowedTypes.includes(file.type)) {
            alert(`File type not allowed: ${file.name}\nAllowed: PDF, JPG, PNG, GIF`);
            continue;
        }
        
        if (file.size > maxSize) {
            alert(`File too large: ${file.name}\nMax size: 5MB`);
            continue;
        }
        
        selectedFiles.push(file);
    }
    
    updateFileList();
}

function updateFileList() {
    fileList.innerHTML = '';
    
    selectedFiles.forEach((file, index) => {
        const fileItem = document.createElement('div');
        fileItem.className = 'file-item';
        fileItem.innerHTML = `
            <span>📄 ${file.name} (${(file.size / 1024).toFixed(2)} KB)</span>
            <button type="button" class="file-remove" onclick="removeFile(${index})">Remove</button>
        `;
        fileList.appendChild(fileItem);
    });
    
    const dataTransfer = new DataTransfer();
    selectedFiles.forEach(file => dataTransfer.items.add(file));
    fileInput.files = dataTransfer.files;
}

function removeFile(index) {
    selectedFiles.splice(index, 1);
    updateFileList();
}
</script>

<?php include 'includes/footer.php'; ?>