<?php
include_once "global.php";

$pageTitle = "Add a Client - ";
include_once 'header.php';
?>

<!--breadcrumb-->
<div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
    <div class="breadcrumb-title pe-3">Client/Lead Management</div>
    <div class="ps-3">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0 p-0">
                <li class="breadcrumb-item"><a href="javascript:;"></a>
                </li>
                <li class="breadcrumb-item active" aria-current="page">Add Client</li>
            </ol>
        </nav>
    </div>
</div>
<!--end breadcrumb-->
<div class="card">
    <div class="card-body p-4">
        <h5 class="mb-4">Add Client</h5>
        <form id="userAddForm" class="row g-3" method="post" enctype="multipart/form-data">
            <input type="hidden" name="type" value="4">
            <div class="col-md-6">
                <label for="name" class="form-label">Full Name <span>*</span></label>
                <input type="text" class="form-control" id="name" name="name" required>
            </div>
            <div class="col-md-6">
                <label for="status" class="form-label">Status</label>
                <select id="status" name="signUp[clientStatus]" class="form-select">
                    <option selected="" value="">Select...</option>
                    <option value="Cold Lead">Cold Lead</option>
                    <option value="Hot Lead">Hot Lead</option>
                    <option value="Work Assigned">Work Assigned</option>
                    <option value="Client Left">Client Left</option>
                </select>
            </div>
            <div class="col-md-6">
                <label for="email" class="form-label">Email <span>*</span></label>
                <input type="email" class="form-control" id="email" name="email" required>
                <div id="extraEmails"></div>
                <button type="button" class="btn btn-sm btn-success mt-2" onclick="addEmailField()">Add More
                    Email</button>
            </div>
            <div class="col-md-6">
                <label for="phone" class="form-label">Phone <span>*</span></label>
                <input type="tel" class="form-control intl-tel-input" id="phone" name="phone" required>
                <div id="extraPhones"></div>
                <button type="button" class="btn btn-sm btn-success mt-2" onclick="addPhoneField()">Add More
                    Phone</button>
            </div>
            <div class="col-md-6">
                <label for="password" class="form-label">Password <span>*</span></label>
                <div class="input-group" id="show_hide_password">
                    <input type="password" class="form-control border-end-0" id="password" name="password" required>
                    <a href="javascript:;" class="input-group-text bg-transparent"><i
                            class="bi bi-eye-slash-fill"></i></a>
                </div>
            </div>
            <div class="col-md-6">
                <label for="con-password" class="form-label">Re-enter Password <span>*</span></label>
                <div class="input-group" id="show_hide_password2">
                    <input type="password" class="form-control border-end-0" id="con-password" name="con-password"
                        required>
                    <a href="javascript:;" class="input-group-text bg-transparent"><i
                            class="bi bi-eye-slash-fill"></i></a>
                </div>
            </div>
            <div class="col-md-6">
                <label for="country" class="form-label">Country <span>*</span></label>
                <select id="country" name="signUp[country]" class="single-select-field"
                    data-placeholder="Select a country" required>
                    <option selected="" value="">Select...</option>
                    <?php echo $functions->countrySelectOption(); ?>
                </select>
            </div>
            <div class="col-md-6">
                <label for="image" class="form-label">Photo</label>
                <input type="file" class="form-control" id="image" name="image">
            </div>
            <div class="col-md-12">
                <button type="submit" class="btn btn-grd-primary px-4">Submit</button>
            </div>
        </form>
    </div>
</div>

<?php
include_once 'footer.php';
?>