<?php header('Access-Control-Allow-Origin: *');
// use static url
$dir = 'https://preview.keenthemes.com/metronic/theme/html/demo1/dist/assets/media/' ?>

<div class="quick-search-result">
    <!--begin::Message-->
    <div class="text-muted d-none">
        No record found
    </div>
    <!--end::Message-->

    <!--begin::Section-->
    <div class="font-size-sm text-primary font-weight-bolder text-uppercase mb-2">
        Documents
    </div>
    <div class="mb-10">
        <div class="d-flex align-items-center flex-grow-1 mb-2">
            <div class="symbol symbol-30 bg-transparent flex-shrink-0">
                <img src="<?php echo $dir . "svg/files/doc.svg"?>" alt=""/>
            </div>
            <div class="d-flex flex-column ml-3 mt-2 mb-2">
                <a href="#" class="font-weight-bold text-dark text-hover-primary">
                AirPlus Requirements
                </a>
                <span class="font-size-sm font-weight-bold text-muted">
                by Grog John
                </span>
            </div>
        </div>
        <div class="d-flex align-items-center flex-grow-1 mb-2">
            <div class="symbol symbol-30 bg-transparent flex-shrink-0">
                <img src="<?php echo $dir . "svg/files/pdf.svg"?>" alt=""/>
            </div>
            <div class="d-flex flex-column ml-3 mt-2 mb-2">
                <a href="#" class="font-weight-bold text-dark text-hover-primary">
                TechNav Documentation
                </a>
                <span class="font-size-sm font-weight-bold text-muted">
                by Mary Broun
                </span>
            </div>
        </div>
        <div class="d-flex align-items-center flex-grow-1 mb-2">
            <div class="symbol symbol-30 bg-transparent flex-shrink-0">
                <img src="<?php echo $dir . "svg/files/xml.svg"?>" alt=""/>
            </div>
            <div class="d-flex flex-column ml-3 mt-2 mb-2">
                <a href="#" class="font-weight-bold text-dark text-hover-primary">
                All Framework Docs
                </a>
                <span class="font-size-sm font-weight-bold text-muted">
                by Nick Stone
                </span>
            </div>
        </div>
        <div class="d-flex align-items-center flex-grow-1 mb-2">
            <div class="symbol symbol-30 bg-transparent flex-shrink-0">
                <img src="<?php echo $dir . "svg/files/pdf.svg"?>" alt=""/>
            </div>
            <div class="d-flex flex-column ml-3 mt-2 mb-2">
                <a href="#" class="font-weight-bold text-dark text-hover-primary">
                Finance & Accounting Reports
                </a>
                <span class="font-size-sm font-weight-bold text-muted">
                by Jhon Larson
                </span>
            </div>
        </div>
    </div>
    <!--end::Section-->
    
    <!--begin::Section-->
    <div class="font-size-sm text-primary font-weight-bolder text-uppercase mb-2">
        Members
    </div>
    <div class="mb-10">
        <div class="d-flex align-items-center flex-grow-1 mb-2">
            <div class="symbol symbol-30  flex-shrink-0">
                <div class="symbol-label" style="background-image:url('<?php echo $dir . "users/300_20.jpg"?>')"></div>
            </div>
            <div class="d-flex flex-column ml-3 mt-2 mb-2">
                <a href="#" class="font-weight-bold text-dark text-hover-primary">
                Milena Gibson
                </a>
                <span class="font-size-sm font-weight-bold text-muted">
                UI Designer
                </span>
            </div>
        </div>
        <div class="d-flex align-items-center flex-grow-1 mb-2">
            <div class="symbol symbol-30  flex-shrink-0">
                <div class="symbol-label" style="background-image:url('<?php echo $dir . "users/300_15.jpg"?>')"></div>
            </div>
            <div class="d-flex flex-column ml-3 mt-2 mb-2">
                <a href="#" class="font-weight-bold text-dark text-hover-primary">
                Stefan JohnStefan
                </a>
                <span class="font-size-sm font-weight-bold text-muted">
                Marketing Manager
                </span>
            </div>
        </div>
        <div class="d-flex align-items-center flex-grow-1 mb-2">
            <div class="symbol symbol-30  flex-shrink-0" >
                <div class="symbol-label" style="background-image:url('<?php echo $dir . "users/300_12.jpg"?>')"></div>
            </div>
            <div class="d-flex flex-column ml-3 mt-2 mb-2">
                <a href="#" class="font-weight-bold text-dark text-hover-primary">
                Anna Strong
                </a>
                <span class="font-size-sm font-weight-bold text-muted">
                Software Developer
                </span>
            </div>
        </div>
        <div class="d-flex align-items-center flex-grow-1 mb-2">
            <div class="symbol symbol-30  flex-shrink-0" >
                <div class="symbol-label" style="background-image:url('<?php echo $dir . "users/300_16.jpg"?>')"></div>
            </div>
            <div class="d-flex flex-column ml-3 mt-2 mb-2">
                <a href="#" class="font-weight-bold text-dark text-hover-primary">
                Nick Bold
                </a>
                <span class="font-size-sm font-weight-bold text-muted">
                Project Coordinator
                </span>
            </div>
        </div>
    </div>
    <!--end::Section-->

    <!--begin::Section-->
    <div class="font-size-sm text-primary font-weight-bolder text-uppercase mb-2">
        Files
    </div>
    <div class="mb-10">
        <div class="d-flex align-items-center flex-grow-1 mb-2">
            <div class="symbol symbol-30  flex-shrink-0">
                <div class="symbol-label">
                    <i class="flaticon-psd text-primary"></i>
                </div>
            </div>
            <div class="d-flex flex-column ml-3 mt-2 mb-2">
                <a href="#" class="font-weight-bold text-dark text-hover-primary">
                79 PSD files generated
                </a>
                <span class="font-size-sm font-weight-bold text-muted">
                by Grog John
                </span>
            </div>
        </div>
        <div class="d-flex align-items-center flex-grow-1 mb-2">
            <div class="symbol symbol-30  flex-shrink-0">
                <div class="symbol-label">
                    <i class="flaticon2-supermarket text-warning"></i>
                </div>
            </div>
            <div class="d-flex flex-column ml-3 mt-2 mb-2">
                <a href="#" class="font-weight-bold text-dark text-hover-primary">
                $2900 worth products sold
                </a>
                <span class="font-size-sm font-weight-bold text-muted">
                Total 234 items
                </span>
            </div>
        </div>
        <div class="d-flex align-items-center flex-grow-1 mb-2">
            <div class="symbol symbol-30  flex-shrink-0">
                <div class="symbol-label">
                    <i class="flaticon-safe-shield-protection text-info"></i>
                </div>
            </div>
            <div class="d-flex flex-column ml-3 mt-2 mb-2">
                <a href="#" class="font-weight-bold text-dark text-hover-primary">
                4 New items submitted
                </a>
                <span class="font-size-sm font-weight-bold text-muted">
                Marketing Manager
                </span>
            </div>
        </div>
        <div class="d-flex align-items-center flex-grow-1 mb-2">
            <div class="symbol symbol-30  flex-shrink-0">
                <div class="symbol-label">
                    <i class="flaticon-safe-shield-protection text-warning"></i>
                </div>
            </div>
            <div class="d-flex flex-column ml-3 mt-2 mb-2">
                <a href="#" class="font-weight-bold text-dark text-hover-primary">
                4 New items submitted
                </a>
                <span class="font-size-sm font-weight-bold text-muted">
                Marketing Manager
                </span>
            </div>
        </div>
    </div>
    <!--end::Section-->
</div>
