{config_load file=$language_path section="general"}
<style>
    .add_wl{
        margin-top: 40px;
        width: fit-content;
    }
    .add_wl div{
        padding: 5px;
    }
    .add_wp{
        display: none;
    }
    .wishlist_products a:hover{
        text-decoration: line-through;
    }
    .wishlist_products{
        display: grid; 
        grid-template-columns: 3fr 1fr 1fr;
        gap: 10px 0;
    }
    .wishlist_product_memo{
        font-style: italic;
        margin-left: 80px;
    }
    table#wishlist_customers input[type="button"]{
        width: 150px;
    }
</style>
<script>
    var really_delete = '{#item_really_delete#}';
    var really_delete_wishlist_product = '{$REALLY_DELETE_WISHLIST_PRODUCT}';
function really_delete_wc(link){
    if(confirm(really_delete)){
        window.location.href = link;
    }
}
function wishlist_product_add(wid){
    $('.add_wp input[name="wID"]').val(wid);
    $('.add_wp').dialog({
        title: $(this).attr('title'),
        modal: true,
        width: 'auto',
        height: 'auto'
    });
}
function wishlist_delete_product(link){
    if(confirm(really_delete_wishlist_product)){
        window.location.href = link;
    }
}
</script>
{yes_admin_page_menu main_title=$HEADING_TITLE buttons=$PAGE_HEADING_MENU_BUTTONS}

{$TABLE}

<div class="add_wl ui-widget">
{$FORM}
        <div class="ui-widget-header">{#item_add#}</div>
        <div class="ui-widget-content">
            <label for="customers_id">{#customers_id#}</label>
            <input id="customers_id" value="" name="customers_id" type="number" size="8" maxlength="8" />
            {$SUBMIT}
        </div>
</form>
</div>

<div class="add_wp" title="{$WISHLIST_ADD_PRODUCT}">
    {$FORM_ADD_WP}
    <input type="hidden" name="wID" value="0" />
    pID: <input type="number" value="" size="8" maxlength="8" name="pID" />
    {$SUBMIT}
    </form>
</div>