<div class="sticky-footer sticky-content fix-bottom">
    <a href="{{url('/')}}" class="sticky-link active">
        <i class="w-icon-home"></i>
        <p>Home</p>
    </a>
    <a href="#" class="sticky-link">
        <i class="w-icon-category"></i>
        <p>Category</p>
    </a>
    @auth('member')
    <a class="sticky-link" href="{{url('dashboard')}}">
        <i class="w-icon-account"></i>
            <p>Overview</p>
    </a>
    @else 
    <a class="sticky-link" href="{{url('login')}}">
        <i class="w-icon-account"></i>
            <p>Account</p>
    </a>
    @endauth       

    <div class="cart-dropdown dir-up">
        <a href="#" style="cursor: pointer;" class="sticky-link">
            <i class="w-icon-cart">
                <span class="cart-count" style="margin-top:20px; margin-right:20px;">{{$count}}</span>
            </i>
            <p>Cart</p>
        </a>
        <div class="dropdown-box">
            <div class="shopping-cart-products-2" style="overflow: auto;">
                <table style="width: 100%;border: 1px solid #80808024;">
                    <thead style="background: #d8d8d8;text-align: left;">
                        <tr>
                            <th style="padding-left: 5px;">Image</th>
                            <th>QTY</th>
                            <th>Price</th>
                            <th>Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($cartpro as $cp)
                        <tr style="border-bottom: 1px solid #80808024;">
                            <td><img style="width:50px;" src="{{URL::to($cp->image)}}"><a style="padding: 0;margin-top: -20px;" href="{{url('cdelete/'.$cp->id)}}">x</a></td>
                            <td>{{$cp->qty}}</td>
                            <td>{{$cp->price}}</td>
                            <td>{{$cp->total}}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>

                <div class="cart-total">
                    <label>Sub-Total:</label>
                    <span class="price" style="padding:10px;margin-left:-15px;">Tk. {{$subtotal}}</span>
                </div>
                
                <a href="{{url('cart')}}" class="btn btn-primary text-center" style="width: 92px;">Checkout</a>                   
            </div>
        </div>
    </div>

    <div class="header-search hs-toggle dir-up">
        <a href="#" class="search-toggle sticky-link">
            <i class="w-icon-search"></i>
            <p>Search</p>
        </a>
        <form action="#" class="input-wrapper" method="get">@csrf
            <input type="text" class="form-control" name="search" autocomplete="off" placeholder="Search"
                required />
            <button class="btn btn-search" type="submit">
                <i class="w-icon-search"></i>
            </button>
        </form>
    </div>
</div>