@extends('layout.main')
@section('content')

<style>
.previewImage{
    height: 150px;
    width: 95%;
    overflow:hidden;
    object-fit: contain;
}
</style>

<div class="row">
    <div class="col-md-12">
        <ol class="breadcrumb">
            @if(isset($store_array[0]->StoreUrl))
                <li><a href="{{ url('teamstore') . '/' . $store_array[0]->StoreUrl }}">{{ $store_array[0]->StoreName }}</a></li>
            @else
                <li><a href="{{ url('/') }}">Home</a></li>
            @endif
            <li class="active">My Cart</li>
        </ol>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
            <h2 style="font-size: 20px; font-weight: bold;">MY CART</h2>
        <hr>
    </div>
</div>

@if(count($row) > 0)

<div class="row">
    <div class="col-md-4 col-md-push-8 order-summary" >
        <div style="border: 1px solid #e2e2e2; padding: 10px; border-bottom: none;">
            @if(Session::has('msg'))
                <div class="alert alert-warning alert-dismissible">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                        <h4><i class="fa fa-exclamation-triangle"></i> Warning:</h4>
                        {!! Session::get('msg') !!}
                </div>
            @endif
            <h3>Order Summary</h3>
        </div>
        
        <div style="border: 1px solid #e2e2e2; padding: 10px; border-bottom: none;">
            <h3>Subtotal: <span id="my_subtotal">{{  round($getSubtotal, 2)  }}</span> <small>{{ $store_array[0]->StoreCurrency }}</small></h3>
            <hr>
            <div class="form-group" id="voucher_list">
                @foreach($row as $item)
                    @if($item->VoucherId != null)
                        <div class="btn-group">
                            @if($item->VoucherType == "Percentage")
                                <button type="button" class="btn btn-default btn-xs">{{ $item->VoucherCode . ' ' . $item->VoucherValue . '%' }}   OFF</button>
                            @else
                                <button type="button" class="btn btn-default btn-xs">{{ $item->VoucherCode . ' ' . $item->VoucherValue . ' ' . $store_array[0]->StoreCurrency }} OFF</button>
                            @endif
                            <button type="button" class="btn btn-default dropdown-toggle btn-xs" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <span class="caret"></span>
                                <span class="sr-only"></span>
                            </button>
                            <ul class="dropdown-menu">
                                <li><a href="{{ url('removeitem') . '/' . $item->Id }}"><i class="fa fa-times"></i> Remove</a></li>
                            </ul>
                        </div>
                    @endif
                @endforeach

            </div>
            <form id="frm_voucher">
                <div class="input-group">
                    <input type="text" class="form-control" name="voucher" data-error="#error_voucher" placeholder="Enter Voucher Code">
                    <span class="input-group-btn">
                        <button class="btn btn-default" id="btn_apply_voucher" type="submit" >Apply</button>
                    </span>
                </div>
                <span id="error_voucher" style="color: #dd4b39"></span>
            </form>
            <div class="clearfix"></div>
        </div>
        
        <div style="border: 1px solid #e2e2e2; padding: 10px;">
            <a @if($getSubtotal <= 0 ) disabled  @endif href="{{ url('getCheckout') }}" class="btn btn-primary btn-block" style="background-color: #ffc300; border-color: #e2ad00; text-align: -webkit-center;" ><img src="{{asset('/public/images/paypal1.png')}}" class="img img-responsive" style="height:30px;"></a><br>
            <a href="{{ url('teamstore') . '/' . $store_array[0]->StoreUrl }}" class="btn btn-default btn-block" type="submit">Continue Shopping</a>
        </div>
    </div>
    <div class="col-md-8 col-md-pull-4">
        <div style="border: 1px solid #e2e2e2; padding: 10px;">
            <h4><img height="30px" class="store-logo" src="{{ config('site_config.uploads') . 'teamstore/'. $store_array[0]->ImageFolder . '/' . $store_array[0]->StoreLogo  }}"> {{ $store_array[0]->StoreName }}</h4>
        </div>
        @foreach($item_group as $item)
            @if($item->VoucherId == null)
            <div style="border: 1px solid #e2e2e2; padding: 10px; border-top: none;">
                <div class="row">
                    <div class="col-md-3">
                        <div class="text-center">
                            @foreach($img_thumb as $img)
                                @if($img->ProductId  == $item->ProductId)
                                    <img class="previewImage" src="{{ config('site_config.prod_private_server_ip')  }}/images/{{  $img->Image }}">
                                @endif
                            @endforeach
                        </div>
                    </div>
                    <div class="col-md-9">
                        <h4>
                            <a href="{{ url('teamstore') . '/' . $item->StoreURL . '/' . 'product/' .  $item->ProductURL }}">{{ $item->ProductName }}</a>
                        </h4>
                        <p>Total Price: {{ $item->total_price . ' ' . $store_array[0]->StoreCurrency  }} &bull; Row(s): {{ $item->qty }} </p>
                        <div class="table-responsive">  
                            <table class="table table-striped table-condensed">

                                    @if($item->FormUsed=="jersey-and-shorts-form")
                                        <tr>
                                            <th>Name</th>
                                            <th>Number</th>
                                            <th>Jersey Size</th>
                                            <th>Shorts Size</th>
                                            <th>Price</th>
                                            <th>Quantity</th>
                                            <th></th>
                                        </tr>
                                    @elseif($item->FormUsed=="tshirt-form")
                                        <tr>
                                            <th>Size</th>
                                            <th>Price</th>
                                            <th>Quantity</th>
                                            <th></th>
                                        </tr>

                                    @elseif($item->FormUsed=="quantity-form")
                                        <tr>
                                            <th>Price</th>
                                            <th>Quantity</th>
                                            <th></th>
                                        </tr>

                                    
                                    @elseif($item->FormUsed=="name-number-form")
                                        <tr>
                                            <th>Name</th>
                                            <th>Number</th>
                                            <th>Price</th>
                                            <th>Quantity</th>
                                            <th></th>
                                        </tr>
                                    
                                    @elseif($item->FormUsed=="name-number-size-form")
                                        <tr>
                                            <th>Name</th>
                                            <th>Number</th>
                                            <th>Size</th>
                                            <th>Price</th>
                                            <th>Quantity</th>
                                            <th></th>
                                        </tr>
                                    
                                    @elseif($item->FormUsed=="number-form")
                                        <tr>
                                            <th>Number</th>
                                            <th>Price</th>
                                            <th>Quantity</th>
                                            <th></th>
                                        </tr>
                                    @elseif($item->FormUsed=="name-name2-size-form")
                                        <tr>
                                            <th>Gamer Tag</th>
                                            <th>Name</th>
                                            <th>Size</th>
                                            <th>Price</th>
                                            <th>Quantity</th>
                                            <th></th>
                                        </tr>

                                    @else

                                    @endif
                                    

                                    @foreach($row as $sub_item)
                                        @if($sub_item->ProductId == $item->ProductId)

                                            @if($item->FormUsed=="jersey-and-shorts-form")
                                                <tr>
                                                    <td> @if($sub_item->Name != '') {{ $sub_item->Name }} @else -- @endif </td>
                                                    <td>{{ $sub_item->Number }}</td>
                                                    <td>{{ $sub_item->JerseySize }}</td>
                                                    <td>{{ $sub_item->ShortsSize }}</td>
                                                    <td>{{ $sub_item->Price . ' ' . $store_array[0]->StoreCurrency }}</td>
                                                    <td>{{ $sub_item->Quantity }}</td>
                                                    <td><a class="btn btn-xs btn-link pull-right" href="{{ url('removeitem') }}/{{ $sub_item->Id }}"><span class="glyphicon glyphicon-remove"></span></a></td>
                                                </tr>
                                            @elseif($item->FormUsed=="tshirt-form")
                                                <tr>
                                                    <td>{{ $sub_item->Size }}</td>
                                                    <td>{{ $sub_item->Price . ' ' . $store_array[0]->StoreCurrency }}</td>
                                                    <td>{{ $sub_item->Quantity }}</td>
                                                    <td><a class="btn btn-xs btn-link pull-right" href="{{ url('removeitem') }}/{{ $sub_item->Id }}"><span class="glyphicon glyphicon-remove"></span></a></td>
                                                </tr>
                                            @elseif($item->FormUsed=="quantity-form")
                                                <tr>
                                                    <td>{{ $sub_item->Price . ' ' . $store_array[0]->StoreCurrency }}</td>
                                                    <td>{{ $sub_item->Quantity }}</td>
                                                    <td><a class="btn btn-xs btn-link pull-right" href="{{ url('removeitem') }}/{{ $sub_item->Id }}"><span class="glyphicon glyphicon-remove"></span></a></td>
                                                </tr>
                                            @elseif($item->FormUsed=="name-number-form")
                                                <tr>
                                                    <td>{{ $sub_item->Name }}</td>
                                                    <td>{{ $sub_item->Number }}</td>
                                                    <td>{{ $sub_item->Price . ' ' . $store_array[0]->StoreCurrency }}</td>
                                                    <td>{{ $sub_item->Quantity }}</td>
                                                    <td><a class="btn btn-xs btn-link pull-right" href="{{ url('removeitem') }}/{{ $sub_item->Id }}"><span class="glyphicon glyphicon-remove"></span></a></td>
                                                </tr>
                                             @elseif($item->FormUsed=="name-number-size-form")
                                                <tr>
                                                    <td>{{ $sub_item->Name }}</td>
                                                    <td>{{ $sub_item->Number }}</td>
                                                    <td>{{ $sub_item->Size }}</td>
                                                    <td>{{ $sub_item->Price . ' ' . $store_array[0]->StoreCurrency }}</td>
                                                    <td>{{ $sub_item->Quantity }}</td>
                                                    <td><a class="btn btn-xs btn-link pull-right" href="{{ url('removeitem') }}/{{ $sub_item->Id }}"><span class="glyphicon glyphicon-remove"></span></a></td>
                                                </tr>
                                            @elseif($item->FormUsed=="number-form")
                                                <tr>
                                                    <td>{{ $sub_item->Number }}</td>
                                                    <td>{{ $sub_item->Price . ' ' . $store_array[0]->StoreCurrency }}</td>
                                                    <td>{{ $sub_item->Quantity }}</td>
                                                    <td><a class="btn btn-xs btn-link pull-right" href="{{ url('removeitem') }}/{{ $sub_item->Id }}"><span class="glyphicon glyphicon-remove"></span></a></td>
                                                </tr>
                                            @elseif($item->FormUsed=="name-name2-size-form")
                                                <tr>
                                                    <td>{{ $sub_item->Name }}</td>
                                                    <td>{{ $sub_item->Name2 }}</td>
                                                    <td>{{ $sub_item->Size }}</td>
                                                    <td>{{ $sub_item->Price . ' ' . $store_array[0]->StoreCurrency }}</td>
                                                    <td>{{ $sub_item->Quantity }}</td>
                                                    <td><a class="btn btn-xs btn-link pull-right" href="{{ url('removeitem') }}/{{ $sub_item->Id }}"><span class="glyphicon glyphicon-remove"></span></a></td>
                                                </tr>
                                            @else

                                            @endif
                                           
                                        @endif
                                    @endforeach
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            @endif
        @endforeach
    </div>

</div>
@else
<div class="row">
    <div class="col-md-12">
        <h3 style="color:#d2d2d2;">Your cart is currently empty.</h3>
    </div>
</div>

@endif
@endsection