{namespace v=FluidTYPO3\Vhs\ViewHelpers}
{namespace e=Medienreaktor\Energize\ViewHelpers}
<f:layout name="Cart" />

<f:section name="Main">
    <div class="row">
        <div class="col-sm-8">
            <h1><f:translate key="LLL:EXT:products/Resources/Private/Language/locallang_frontend.xlf:cart.heading" /></h1>

            <f:flashMessages />

            <f:if condition="{cart}">
                <f:then>
                    <f:render section="Cart" arguments="{_all}" />
                    <f:render section="Inquiry" arguments="{_all}" />
                </f:then>
                <f:else>
                    <h2><f:translate key="LLL:EXT:products/Resources/Private/Language/locallang_frontend.xlf:cart.empty" /></h2>
                </f:else>
            </f:if>
        </div>
    </div>
</f:section>

<f:section name="Cart">
    <div class="cart">
        <table class="table table-cart table-hover">
            <thead>
                <tr>
                    <th></th>
                    <th class="cart-qty"><f:translate key="LLL:EXT:products/Resources/Private/Language/locallang_frontend.xlf:cart.qty" /></th>
                    <th></th>
                    <th><f:translate key="LLL:EXT:products/Resources/Private/Language/locallang_frontend.xlf:cart.product" /></th>
                </tr>
            </thead>
            <tbody>
                <f:for each="{cart}" as="item">
                    <tr>
                        <td class="cart-remove">
                            <f:form class="form-inline" extensionName="Products" pluginName="Catalog" controller="Cart" action="index" pageUid="{settings.cartPid}">
                                <f:form.hidden name="cart_action" value="delete" />
                                <f:form.hidden name="id" value="{item.product.uid}" />
                                <button type="submit" class="btn btn-link"><i class="fa fa-minus-circle"></i></button>
                            </f:form>
                        </td>
                        <td class="cart-qty">
                            <f:form class="form-inline" extensionName="Products" pluginName="Catalog" controller="Cart" action="index" pageUid="{settings.cartPid}">
                                <f:form.hidden name="cart_action" value="update" />
                                <f:form.hidden name="id" value="{item.product.uid}" />
                                <f:form.textfield class="form-control" name="qty" value="{item.qty}" />
                                <button type="submit" class="btn btn-link"><i class="fa fa-refresh"></i> <f:translate key="LLL:EXT:products/Resources/Private/Language/locallang_frontend.xlf:cart.apply" /></button>
                            </f:form>
                        </td>
                        <td class="cart-image">
                            <f:if condition="{item.product.images}">
                                <f:link.action pageUid="{item.product.pid}" action="show" controller="Product" arguments="{product: item.product}">
                                    <f:image image="{item.product.images.0}" class="img-responsive" width="44c" height="44c" />
                                </f:link.action>
                            </f:if>
                        </td>
                        <td>
                            <f:link.action pageUid="{item.product.pid}" action="show" controller="Product" arguments="{product: item.product}">
                                <h2 class="h5 cart-name">{item.product.name}</h2>
                                <div class="cart-sku">{item.product.sku}</div>
                            </f:link.action>
                        </td>
                    </tr>
                </f:for>
            </tbody>
        </table>

        <f:form class="form-inline" extensionName="Products" pluginName="Catalog" controller="Cart" action="index" pageUid="{settings.cartPid}">
            <div class="form-group">
                <f:form.hidden name="cart_action" value="flush" />
            </div>
            <div class="pull-right">
                <button type="submit" class="btn btn-default"><f:translate key="LLL:EXT:products/Resources/Private/Language/locallang_frontend.xlf:cart.flush" /></button>
            </div>
        </f:form>
    </div>
</f:section>

<f:section name="Inquiry">
    <div class="inquiry">
        <h2><f:translate key="LLL:EXT:products/Resources/Private/Language/locallang_frontend.xlf:cart.inquire" /></h2>

        <formvh:render overrideConfiguration="{formDefinition}" />
    </div>
</f:section>