@extends('layouts.posPurchageOrder.partyCatalog')
@section('maincontent')
<style>
    .qtyInput{
        width: 39px;
        height: 32px;
        color:white;
        padding-left:10px;
    }
    </style>
    <section class="global-space-section">
        <div class="container">
            <div class="checkout-index">
                <div class="row">
                    <div class="col-md-9 col-sm-9">

                        <div class="checkout-panel_001">
                            <h3>Your Shopping Cart</h3>
                            <div class="cart-item-wrapper">
                                @if (sizeof($carts) > 0)
                                                                <div class="table-responsive">
                                <table class="table table-striped table-bordered">
                                    <thead>
                                        <tr>
                                            <th>Article</th>
                                            <th>Color</th>
                                            @foreach($sizes as $size) 
                                                                                        <th>{{ $size }}</th>
                                            @endforeach
                                            
                                            <th>Total Qty</th>
                                            <th>Mrp</th>     
                                            <th></th>                                        
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($carts as $cart)
                                                                                <tr> 
                                            <td>{{ $cart->article }}</td>                                                                                    
                                            <td>{{ $cart->color }}</td>                                            
                                            @foreach($sizes as $size)
                                            @php  
                                                if(!empty($pos_id)){
                                                    $token = $pos_id;                            
                                                    $s = \App\PosPurchage::where('token', $token)->where('is_complete',0)->where('article',$cart->article)->where('color',$cart->color)->where('size',$size)->first();                                             
                                                }else{
                                                    $token = $party_id;
                                                    $s = \App\PosPurchage::where('token', $token)->where('is_complete',0)->where('article',$cart->article)->where('color',$cart->color)
                                                    ->where('party_id',$party_id)->where('size',$size)->first();                                             
                                                }
                                                $procode=$cart->color."-".$size."-".$cart->article;
                                            @endphp
                                                <td>
                                                   @if(!empty($s))
                                                                                                       <img style="width: 26px;display: inline-block;" src="{{ asset('add-purchage-order/plus.jpg') }}" onClick="QtyUpdatePluss('{{ $procode }}',{{ $pos_id }},'{{ $size }}',{{ $s->id }});">
                                                        <input type="text" class="qtyInput"  name="qty" id="qty{{ $s->id }}" value="{{ $s->qty }}" style="background:green;" readonly> 
                                                    <img style="width: 26px;display: inline-block;" src="{{ asset('add-purchage-order/minus.png') }}" onClick="QtyUpdateMinuss('{{ $procode }}',{{ $pos_id }},'{{ $size }}',{{ $s->id }});">
                                                    @else
                                                    <img style="width: 26px;display: inline-block;" src="{{ asset('add-purchage-order/plus.jpg') }}" onClick="QtyUpdatePluss('{{ $procode }}',{{ $pos_id }},'{{ $size }}',0);">
                                                        <input type="text" class="qtyInput"   name="qty" id="qty0" value="0" style="background:red;" readonly> 
                                                    
                                                   @endif
                                                   
                                                </td>
                                            @endforeach   
                                            <td>{{ $rowQty }}</td>                                                                            
                                            <td>{{ $cart->basemrp }}</td>     
                                            <td> <button class="btn btn-danger rBtn" type="button" data-cid="{{$cart->id}}">
                                                 Remove </button>
                                            </td>                                                                            
                                        
                                        </tr>  
                                        @endforeach                                       
                                    </tbody>
                                    <tfoot>                                       
                                        <tr> 
                                            
                                            <th colspan=2>TOTAl</th>
                                            @foreach($sizes as $size)
                                                <th>
                                                    @foreach($sizeTotals as $k=> $sizeTotal)                                                    
                                                        @if($k ==$size)
                                                         {{ $sizeTotal }} 
                                                        @endif
                                                        @endforeach
                                                </th>
                                            @endforeach   
                                            <th>{{ $qtyTotals }}</th>                                                                                 
                                            <th>{{-- $mrpTotals --}}</th>
                                        </tr> 
                                                                              
                                    </tfoot>
                                </table>  
                            </div>

                                   
                                @else
                                    <div class="alert alert-warning">
                                        <div class="text-center">Cart is empty!</div>
                                        <div class="text-center"><a href="{{ route('party-order-category') }}"
                                                class="btn btn-danger">Continue Shopping!</a></div>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-3">
                        <h3>Cart Summary</h3>  
                        <div class="TotalWrapper">
                            <span class="Total bold">TOTAL MRP</span>
                            <span class="float-right ex-bold TotalAmount">                               
                                ₹ {{ $totals_mrp }}
                            </span><br>  
                        </div>  
                        <div class="Buttons">
                            <input type="hidden" name="dis_per" id="dis_per" value="0">
                            @if(!empty($pos_id))                           
                            <button class="btn-pernia-primary bold mr-bottom" onclick="placeOrder({{ $pos_id }})">Place Pos Order</button>
                            @else
                            <button class="btn-pernia-primary bold mr-bottom" onclick="placeOrder({{$party_id }})">Place party Order</button>
                            @endif
                            <button class="btn-pernia-secondry bold"  onclick="window.location.href='{{ route('party-order-category') }}'">Continue Shopping</button>
                        </div>
                    </div>
                    <div class="clearfix">
                        <div class="payment-mode-option">
                            <img src="{{ asset('add-purchage-order/images/payment-icons-way.jpg') }}"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('extraJS')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>        
    function QtyUpdatePluss(pcode,pos_id,size,id) {            
        var _token   = $('meta[name="csrf-token"]').attr('content'); 
        var qty=$('#qty'+id).val();      
        var plus="plus";
        showLoader();
            $.ajax({
                method: 'POST',
                url: '{{ route('cart-article-qty-update') }}',
                data: '_token=' + document.tokenForm._token.value + '&to_pos=' + pos_id + '&pcode=' + pcode + '&size=' + size + '&qty=' + qty + '&action=' + plus + '&cid=' + id,
                success: function(result) {
                    var response = jQuery.parseJSON(result);
                    //hideLoader();
                    if(response.status == false) {
                        toastr.error(response.info);
                    } else {                                            
                        toastr.success(response.info);
                        location.reload();
                        location.reload();
                    }  
                    
                }
            });            
    }

    function QtyUpdateMinuss(pcode,pos_id,size,id) {           
        var _token   = $('meta[name="csrf-token"]').attr('content');           
        var qty=$('#qty'+id).val();
        var minus="minus";            
        showLoader();
            $.ajax({
                method: 'POST',
                url: '{{ route('cart-article-qty-update') }}',
                data: '_token=' + document.tokenForm._token.value + '&to_pos=' + pos_id + '&pcode=' + pcode + '&size=' + size + '&qty=' + qty + '&action=' + minus + '&cid=' + id,
                success: function(result) {
                    var response = jQuery.parseJSON(result);
                    //hideLoader();
                    if(response.status == false) {
                        toastr.error(response.info);
                    } else {                                            
                        toastr.success(response.info);
                        location.reload();
                        location.reload();
                    }  
                    
                }
            });            
    }

    function placeOrder() {    
        var _token   = $('meta[name="csrf-token"]').attr('content');    
        var pos_id = {{ !empty($pos_id) ?  $pos_id : 0 }};
        var party_id = {{ empty($pos_id) ? $party_id : 0 }};
        if(pos_id != '' || pos_id != 0){
            data =  'to_pos=' + pos_id ;
        }else{
            data =  'to_party=' + party_id ;
        } 
        
        showLoader();
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
            $.ajax({
                method: 'POST',
                url: '{{ route('save-party-order') }}',
                data: data ,                
                success: function(result) {
                    // console.log(result); return false;
                    var response = jQuery.parseJSON(result);
                    hideLoader();
                    if(response.status == false) {
                        toastr.error(response.info);
                    } else {                                            
                        toastr.success(response.info);
                        location.reload();
                    }                          
                }
            });            
    }   
    
$(document).ready(function(){
    
    $('.rBtn').on('click',function(){
        var _token   = $('meta[name="csrf-token"]').attr('content'); 
        var id = $(this).attr('data-cid');
        console.log(id); 
        $.ajax({
            type: "get",
            url: "{{ route('remove-product-from-cart') }}",
            data: {
            id:id,
            _token: _token
            },
            dataType: "json",
            success: function(res) { 
                console.log(res); 
                if(res.status === true)
                {
                    toastr.success(res.info);
                    location.reload();
                }else
                {
                toastr.error(res.info);
                }
            }
        });
    });
});
</script>