<?php

// Default Column Sortby Filter
$sort = "vendor_name";
$order = "ASC";

// If client_id is in URI then show client Side Bar and client header
if (isset($_GET['client_id'])) {
    require_once "includes/inc_all_client.php";
    $client_query = "AND vendor_client_id = $client_id";
    $client_url = "client_id=$client_id&";
} else {
    require_once "includes/inc_all.php";
    $client_query = "AND vendor_client_id = 0";
    $client_url = '';
}

$sql = mysqli_query(
    $mysqli,
    "SELECT SQL_CALC_FOUND_ROWS vendor_account_number, vendor_archived_at, vendor_code, vendor_contact_name,
        vendor_created_at, vendor_description, vendor_email, vendor_extension, vendor_hours,
        vendor_id, vendor_name, vendor_notes, vendor_phone, vendor_phone_country_code, vendor_sla,
        vendor_templates.vendor_template_id, vendor_template_name, vendor_website FROM vendors
    LEFT JOIN clients ON client_id = vendor_client_id
    LEFT JOIN vendor_templates ON vendors.vendor_template_id = vendor_templates.vendor_template_id
    WHERE vendor_$archive_query
    AND (vendor_name LIKE '%$q%' OR vendor_description LIKE '%$q%' OR vendor_account_number LIKE '%$q%' OR vendor_website LIKE '%$q%' OR vendor_contact_name LIKE '%$q%' OR vendor_email LIKE '%$q%' OR vendor_phone LIKE '%$phone_query%')
    $client_query
    " . clientScopeSql('vendor_client_id') . "
    ORDER BY $sort $order LIMIT $record_from, $record_to"
);

$num_rows = mysqli_fetch_row(mysqli_query($mysqli, "SELECT FOUND_ROWS()"));

?>

<div class="card">
    <div class="card-header bg-dark py-2">
        <h3 class="card-title mt-2">
            <i class="fas fa-fw fa-building me-2"></i>Vendors
        </h3>
        <div class="card-tools">
            <div class="btn-group">
                <button type="button" class="btn btn-primary ajax-modal" data-modal-url="modals/vendor/vendor_add.php?<?= $client_url ?>">
                    <i class="fas fa-plus me-2"></i>New Vendor
                </button>
                <button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown"></button>
                <div class="dropdown-menu">
                    <a class="dropdown-item text-dark ajax-modal" href="#"
                        data-modal-url="modals/vendor/vendor_add_from_template.php?<?= $client_url ?>">
                        <i class="fa fa-fw fa-puzzle-piece me-2"></i>Create from Template
                    </a>
                    <?php if ($num_rows[0] > 0) { ?>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item text-dark ajax-modal" href="#"
                            data-modal-url="<?= buildExportModalUrl('modals/vendor/vendor_export.php', ['client_id', 'archived', 'q']) ?>">
                            <i class="fa fa-fw fa-download me-2"></i>Export
                        </a>
                    <?php } ?>
                </div>
            </div>
        </div>
    </div>
    <div class="card-header py-3">
        <form autocomplete="off">
            <?php if ($client_url) { ?>
                <input type="hidden" name="client_id" value="<?= $client_id ?>">
            <?php } ?>
            <input type="hidden" name="archived" value="<?= $archived ?>">
            <div class="row g-2 align-items-center">

                <div class="col-md-4">
                    <div class="input-group">
                        <input type="search" class="form-control" name="q" value="<?php if (isset($q)) { echo stripslashes(escapeHtml($q)); } ?>" placeholder="Search Vendors">
                            <button class="btn btn-dark"><i class="fa fa-search"></i></button>
                    </div>
                </div>

                <div class="col-md-8">
                    <div class="btn-group float-end">
                        <a href="?<?= "$client_url" ?>archived=<?php if($archived == 1){ echo 0; } else { echo 1; } ?>"
                            class="btn btn-<?php if($archived == 1){ echo "primary"; } else { echo "default"; } ?>">
                            <i class="fa fa-fw fa-archive me-2"></i>Archived
                        </a>
                        <div class="dropdown ms-2" id="bulkActionButton" hidden>
                            <button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown">
                                <i class="fas fa-fw fa-layer-group me-2"></i>Bulk Action (<span id="selectedCount">0</span>)
                            </button>
                            <div class="dropdown-menu">
                                <?php if ($archived) { ?>
                                <button class="dropdown-item text-info"
                                    type="submit" form="bulkActions" name="bulk_restore_vendors">
                                    <i class="fas fa-fw fa-redo me-2"></i>Restore
                                </button>
                                <div class="dropdown-divider"></div>
                                <button class="dropdown-item text-danger text-bold"
                                    type="submit" form="bulkActions" name="bulk_delete_vendors">
                                    <i class="fas fa-fw fa-trash me-2"></i>Delete
                                </button>
                                <?php } else { ?>
                                <button class="dropdown-item text-danger confirm-link"
                                    type="submit" form="bulkActions" name="bulk_archive_vendors">
                                    <i class="fas fa-fw fa-archive me-2"></i>Archive
                                </button>
                                <?php } ?>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </form>
    </div>

    <form id="bulkActions" action="post.php" method="post">
        <input type="hidden" name="csrf_token" value="<?= $_SESSION['csrf_token'] ?>">

        <div class="table-responsive">
            <table class="table table-striped table-borderless table-hover mb-0">
                <thead class="text-dark <?php if ($num_rows[0] == 0) { echo "d-none"; } ?> text-nowrap">
                <tr>
                    <td class="bg-light checkbox-column">
                        <div class="form-check">
                            <input class="form-check-input" id="selectAllCheckbox" type="checkbox" onclick="checkAll(this)">
                        </div>
                    </td>
                    <th>
                        <a class="text-secondary" href="?<?= $url_query_strings_sort ?>&sort=vendor_name&order=<?= $disp ?>">
                            Vendor <?php if ($sort == 'vendor_name') { echo $order_icon; } ?>
                        </a>
                    </th>
                    <th>
                        <a class="text-secondary" href="?<?= $url_query_strings_sort ?>&sort=vendor_description&order=<?= $disp ?>">
                            Description <?php if ($sort == 'vendor_description') { echo $order_icon; } ?>
                        </a>
                    </th>
                    <th>
                        <a class="text-secondary" href="?<?= $url_query_strings_sort ?>&sort=vendor_contact_name&order=<?= $disp ?>">
                            Contact <?php if ($sort == 'vendor_contact_name') { echo $order_icon; } ?>
                        </a>
                    </th>
                    <th>
                        <a class="text-secondary" href="?<?= $url_query_strings_sort ?>&sort=vendor_website&order=<?= $disp ?>">
                            Website <?php if ($sort == 'vendor_website') { echo $order_icon; } ?>
                        </a>
                    </th>
                    <th></th>
                    <th class="text-center">Action</th>
                </tr>
                </thead>
                <tbody>
                <?php

                while ($row = mysqli_fetch_assoc($sql)) {
                    $vendor_id = intval($row['vendor_id']);
                    $vendor_name = escapeHtml($row['vendor_name']);
                    $vendor_description = escapeHtml($row['vendor_description']);
                    if ($vendor_description) {
                        $vendor_description_display = $vendor_description;
                    } else {
                        $vendor_description_display = "-";
                    }
                    $vendor_account_number = escapeHtml($row['vendor_account_number']);
                    if ($vendor_account_number) {
                        $vendor_account_number_display = "<div class='text-secondary'>Account #: <span class='font-monospace'>$vendor_account_number</span></div>";
                    } else {
                        $vendor_account_number_display = '';
                    }
                    $vendor_contact_name = escapeHtml($row['vendor_contact_name']);
                    if ($vendor_contact_name) {
                        $vendor_contact_name_display = $vendor_contact_name;
                    } else {
                        $vendor_contact_name_display = "-";
                    }
                    $vendor_phone_country_code = escapeHtml($row['vendor_phone_country_code']);
                    $vendor_phone = escapeHtml(formatPhoneNumber($row['vendor_phone'], $vendor_phone_country_code));
                    $vendor_extension = escapeHtml($row['vendor_extension']);
                    $vendor_email = escapeHtml($row['vendor_email']);
                    $vendor_website = escapeHtml($row['vendor_website']);
                    if ($vendor_website) {
                         $vendor_website_display = "<a href='https://$vendor_website' target='_blank'>$vendor_website <i class='fa fa-external-link-alt'></i></a><button type='button' class='btn btn-sm clipboardjs' data-clipboard-text='$vendor_website'><i class='far fa-copy text-secondary'></i></button>";
                    } else {
                        $vendor_website_display = "-";
                    }
                    $vendor_hours = escapeHtml($row['vendor_hours']);
                    $vendor_sla = escapeHtml($row['vendor_sla']);
                    $vendor_code = escapeHtml($row['vendor_code']);
                    $vendor_notes = escapeHtml($row['vendor_notes']);
                    $vendor_created_at = escapeHtml($row['vendor_created_at']);
                    $vendor_archived_at = escapeHtml($row['vendor_archived_at']);
                    $vendor_template_id = intval($row['vendor_template_id']);
                    $vendor_template_name = escapeHtml($row['vendor_template_name']);
                    if ($vendor_template_id) {
                        $vendor_template_display = "<div class='text-secondary' title='Base Vendor Template'><i class='fas fa-puzzle-piece me-1'></i>$vendor_template_name</div>";
                    } else {
                        $vendor_template_display = "";
                    }

                    ?>
                    <tr>
                        <td class="bg-light checkbox-column">
                            <div class="form-check">
                                <input class="form-check-input bulk-select" type="checkbox" name="vendor_ids[]" value="<?= $vendor_id ?>">
                            </div>
                        </td>
                        <td>
                            <a class="ajax-modal" href="#" data-modal-url="modals/vendor/vendor_edit.php?id=<?= $vendor_id ?>">
                                <div class="d-flex">
                                    <i class="fas fa-fw fa-2x fa-building text-dark me-2"></i>
                                    <div class="flex-grow-1">
                                        <div><?= $vendor_name ?></div>
                                        <div><small><?= $vendor_account_number_display ?><small></div>
                                    </div>
                                </div>
                            </a>
                        </td>
                        <td>
                            <?= $vendor_description_display ?>
                        </td>
                        <td>
                            <?php
                            if (!empty($vendor_contact_name)) { ?>
                                <i class="fa fa-fw fa-user text-secondary me-2 mb-2"></i><?= $vendor_contact_name_display ?>
                                <br>
                            <?php } else {
                                echo $vendor_contact_name_display;
                            }

                            if (!empty($vendor_phone)) { ?>
                                <i class="fa fa-fw fa-phone text-secondary me-2 mb-2"></i><?= $vendor_phone ?>
                                <br>
                            <?php }

                            if (!empty($vendor_email)) { ?>
                                <i class="fa fa-fw fa-envelope text-secondary me-2 mb-2"></i><?= $vendor_email ?>
                                <br>
                            <?php } ?>
                        </td>
                         <td><?= $vendor_website_display ?></td>
                         <td><?= $vendor_template_display ?></td>
                        <td>
                            <div class="dropdown dropstart text-center">
                                <button class="btn btn-secondary btn-sm" type="button" data-bs-toggle="dropdown">
                                    <i class="fas fa-ellipsis-h"></i>
                                </button>
                                <div class="dropdown-menu">
                                    <a class="dropdown-item ajax-modal" href="#" data-modal-url="modals/vendor/vendor_edit.php?id=<?= $vendor_id ?>">
                                        <i class="fas fa-fw fa-edit me-2"></i>Edit
                                    </a>
                                    <?php if ($session_user_role == 3) { ?>
                                        <?php if ($vendor_archived_at) { ?>
                                        <div class="dropdown-divider"></div>
                                        <a class="dropdown-item text-info confirm-link" href="post.php?restore_vendor=<?= $vendor_id ?>&csrf_token=<?= $_SESSION['csrf_token'] ?>">
                                            <i class="fas fa-fw fa-redo me-2"></i>Restore
                                        </a>
                                        <?php if ($config_destructive_deletes_enable) { ?>
                                        <div class="dropdown-divider"></div>
                                        <a class="dropdown-item text-danger text-bold confirm-link" href="post.php?delete_vendor=<?= $vendor_id ?>&csrf_token=<?= $_SESSION['csrf_token'] ?>">
                                            <i class="fas fa-fw fa-trash me-2"></i>Delete
                                        </a>
                                        <?php } ?>
                                        <?php } else { ?>
                                        <div class="dropdown-divider"></div>
                                        <a class="dropdown-item text-danger confirm-link" href="post.php?archive_vendor=<?= $vendor_id ?>&csrf_token=<?= $_SESSION['csrf_token'] ?>">
                                            <i class="fas fa-fw fa-archive me-2"></i>Archive
                                        </a>
                                        <?php } ?>
                                    <?php } ?>
                                </div>
                            </div>
                        </td>
                    </tr>

                    <?php
                }

                ?>

                </tbody>
            </table>
        </div>
    </form>
    <?php require_once "../includes/filter_footer.php";
?>
</div>

<script src="../js/bulk_actions.js"></script>

<?php
require_once "../includes/footer.php";
