@php
    $is_mobile = isMobile();
@endphp
<div class="box product_suggestion_box">
    <div class="row p-3" id="featured_products_box" style="display: none;">
        @if(!empty($featured_products))
            @include('sale_pos.partials.featured_products')
        @endif
    </div>
    <div class="row p-3">
        @if(!empty($categories))
            <div class="col-md-4" id="product_category_div">
                <select class="select2" id="product_category" style="width:100% !important">

                    <option value="all">@lang('app.all_category')</option>

                    @foreach($categories as $category)
                        <option value="{{$category['id']}}">{{$category['name']}}</option>
                    @endforeach

                    @foreach($categories as $category)
                        @if(!empty($category['sub_categories']))
                            <optgroup label="{{$category['name']}}">
                                @foreach($category['sub_categories'] as $sc)
                                    <i class="fa fa-minus"></i>
                                    <option value="{{$sc['id']}}">{{$sc['name']}}</option>
                                @endforeach
                            </optgroup>
                        @endif
                    @endforeach
                </select>
            </div>
        @endif

        @if(!empty($brands))
            <div class="col-sm-4" id="product_brand_div">
                {!! Form::select('size', $brands, null, ['id' => 'product_brand', 'class' => 'select2', 'name' => null, 'style' => 'width:100% !important']) !!}
            </div>
        @endif

        <div class="col-sm-4 @if(empty($featured_products)) hide @endif" id="feature_product_div">
            <button type="button" class="btn btn-primary btn-flat"
                    id="show_featured_products">@lang('app.featured_products')</button>
        </div>
    </div>
    <div class="row p-3">
        <input type="hidden" id="suggestion_page" value="1">
        <div class="col-md-12">
            <div class="row p-3 eq-height-row slimscrollable-product-div" id="product_list_body"></div>
        </div>
        <div class="col-md-12 text-center" id="suggestion_page_loader" style="display: none;">
            <i class="fa fa-spinner fa-spin fa-2x"></i>
        </div>
    </div>
</div>
<div class="box summary-section">
    <div class="box-header bg-info">
        <h4 class="box-title">Summary</h4>
    </div>
    <div class="box-body">
        <div class="table-responsive">
            <table class="table simple mb-0">
                <tbody>
                <tr>
                    <td>@lang('sale.total')</td>
                    <td class="text-end fw-700"><span class="price_total_currency">0</span></td>
                </tr>
                <tr>
                    <td>@lang('sale.discount') @show_tooltip(__('tooltip.sale_discount'))</td>
                    <td class="text-end fw-700">@if($edit_discount)
                            <i class="fa fa-edit cursor-pointer" id="pos-edit-discount" title="@lang('sale.edit_discount')" aria-hidden="true" data-bs-toggle="modal" data-bs-target="#posEditDiscountModal"></i>
                        @endif<span class="text-danger me-15 discount-percentage">50%</span>(-) <span id="total_discount">0</span></td>
                        <input type="hidden" name="discount_type" id="discount_type" value="@if(empty($edit)){{'percentage'}}@else{{$transaction->discount_type}}@endif" data-default="percentage">
                        <input type="hidden" name="discount_amount" id="discount_amount" value="@if(empty($edit)) {{@num_format($business_details->default_sales_discount)}} @else {{@num_format($transaction->discount_amount)}} @endif" data-default="{{$business_details->default_sales_discount}}">

                        <input type="hidden" name="rp_redeemed" id="rp_redeemed" value="@if(empty($edit)){{'0'}}@else{{$transaction->rp_redeemed}}@endif">

                        <input type="hidden" name="rp_redeemed_amount" id="rp_redeemed_amount" value="@if(empty($edit)){{'0'}}@else {{$transaction->rp_redeemed_amount}} @endif">
                </tr>
                <tr>
                    <td>Tax</td>
                    <td class="text-end fw-700">0</td>
                </tr>
                <tr>
                    <th class="bt-1">@lang('sale.total_payable')</th>
                    <th class="bt-1 text-end fw-900 fs-18"><span class="total_payable">0</span></th>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="box-footer">
                <button type="button" class="btn btn-success  @if($is_mobile) col-xs-6 @endif" id="pos-finalize-payment" title="@lang('app.tooltip_checkout_payment_change')"><i class="fa fa-money" aria-hidden="true"></i> @lang('app.checkout_sale') </button>
        @if(empty($edit))
            <button type="button" class="btn btn-danger @if($is_mobile) col-xs-6 @else btn-small @endif pull-right" id="pos-cancel"> <i class="fa fa-close"></i> @lang('sale.cancel')</button>
        @else
            <button type="button" class="btn btn-danger hide @if($is_mobile) col-xs-6 @else btn-small @endif pull-right" id="pos-delete" @if(!empty($only_payment)) disabled @endif> <i class="fas fa-trash-alt"></i> @lang('messages.delete')</button>
        @endif
    </div>
</div>