@extends('web.include.master')
@section('content')
<div class="breadcrmb">
    <div class="container">
      <ul>
        <li><a href="{{ url('/') }}"><i class="fa fa-home"></i></a></li>
        <li>@lang('arsh.cart_txt1')
            @if(count($cartItems) > 0)
            @php
                $protype = $cartItems->first();
            @endphp
            ({{ $protype->attributes->product_type }})
            @endif
          </li>
      </ul>
    </div>
  </div>
  <div class="itemList"></div>
  <div class="cart_wrp">
  <div class="container">
    <div class="cart_innr_pg">
        <div class="cart_titles_txt">
        <h1>@lang('arsh.cart_txt1')
          @if(count($cartItems) > 0)
            @php
                $protype = $cartItems->first();
            @endphp
            ({{ $protype->attributes->product_type }})
          @endif
        </h1>
        @if($lg=='en')
        <a href="{{ url('en/shop') }}" class="btn btn-gold-fill pull-right">@lang('arsh.cart_txt2')</a>
        @else
        <a href="{{ url($lg.'/shop') }}" class="btn btn-gold-fill pull-right">@lang('arsh.cart_txt2')</a>
        @endif
      </div>
      <div class="cart_tbl">
        <div class="crt_borderbtm">
        @if(count($cartItems) > 0)
        <table class="table align-middle table-borderless">
          <thead>
            <tr class="table-active">
              <th scope="col"></th>
              <th scope="col">@lang('arsh.cart_txt3')</th>
              <th scope="col">@lang('arsh.cart_txt4')</th>
              <th scope="col">@lang('arsh.cart_txt5')</th>
              <th scope="col">@lang('arsh.cart_txt6')</th>
              <th scope="col">@lang('arsh.cart_txt7')</th>
              <th scope="col">@lang('arsh.cart_txt8')</th>
              <th></th>
            </tr>
          </thead>
          <tbody>
            {{-- {{ dd($cartItems) }} --}}
            @php
                $BasePrice = 0;
                $vatprice = 0;
            @endphp
            @foreach ($cartItems as $item)
            <tr id="row_{{ $item->id }}">
              <td>
                <div class="prodct_imgs_cart">
                  @if($item->attributes->image)
                  
                  @if(!empty(Auth::guard('customer')->user()) && Auth::guard('customer')->user()->is_business==2 && $lg=='en')
                    <!--<img src="{{ URL::to('uploads/business_product/'.$item->attributes->image) }}" alt="{{ $item->name }}">-->
                    @else
                    <img src="{{ URL::to('uploads/product/'.$item->attributes->image) }}" alt="{{ $item->name }}">
                    @endif
                  @endif
                </div>
              </td>
              <td>
                <div class="gold_cart_incrse">
                    <div class="quantity-field" >
                    <button data-list="{{ $item->id }}"
                      class="value-button decrease-button qty "
                      onclick="decreaseValue(this)"
                      title="Azalt">-</button>
                      <div class="number" id="number_{{ $item->id }}">{{ $item->quantity }}</div>
                    <button data-list="{{ $item->id }}"
                      class="value-button increase-button qty "
                      onclick="increaseValue(this, 1000000)"
                      title="Arrtır">+
                    </button>
                  </div>
                  </div>
              </td>
              <td>{{ $item->name }}
              @if($item->attributes->weight) <small><br>Gewicht: {{ $item->attributes->weight }}</small> @endif
              </td>
              <td>
                    @php
                        $BasePrice+=$item->price*$item->quantity;
                        if($item->attributes->vat_rate)
                        {
                           $vatprice = round($item->price*$item->attributes->vat_rate/100,2);
                            $vatprice  = $vatprice*$item->quantity;
                        }
                    @endphp
                  <br>{{  number_format((float)$item->price, 2, '.', '') }} {{ config('app.symbol')}} <br>
              </td>
              <td>@if($item->attributes->vat_rate) {{ $item->attributes->vat_rate }}% @else 0% @endif</td>
              <td>{{ number_format((float)$item->getPriceWithConditions(), 2, '.', '') }} {{ config('app.symbol')}}</td>
              <td id="good_{{ $item->id }}">{{ number_format((float)$item->getPriceSumWithConditions(), 2, '.', '') }} {{ config('app.symbol')}}</td>
                <td>
                    <button id="remove_{{ $item->id }}" onClick="remove_pro('{{ $item->id }}')" class=""><span class="remove_prodcts"><i class="fa-solid fa-trash-can"></i></span></button>
                </td>
            </tr>
            @endforeach

          </tbody>
        </table>
        @else
        <div class="alert alert-warning mt-3" role="alert"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
            </font><font style="vertical-align: inherit;">Cart Page Empty !.
          </font></font>
        </div>
        @endif
        </div>

        @if(count($cartItems) > 0)
        <div class="totl_bl_inf">

            <div class="coupn_cod_wrp">
              <label for="" class="coupnlble">@lang('arsh.cart_txt9')</label>
              <form action="" method="post" id="couponreset">
                @csrf
                <div class="frm_copn_wrp">
                    <div class="form-floating mb-3">
                        <input type="text" class="form-control" id="floatingInput" placeholder="@lang('arsh.cart_txt10')" required>
                            <label for="floatingInput">@lang('arsh.cart_txt10')</label>
                        </div>
                        <button type="submit" id="coupon_apply" type="submit" class="btn btn-gold">@lang('arsh.cart_txt11')</button>
                </div>
              </form>
              <p id="couponName">
                @foreach($couponName as $items)
                Gutscheinname: <span class="coupontext">{{ $items->getName() }} <a href="{{ url($lg.'/remove-coupon') }}">Entfernen</a></span>
                    <p>Totaler Rabatt: {{ $items->getValue() }} </p>
                @endforeach
            </p>
            <p id="getValue"></p>
            </div>
            <div class="bil_infrigt">
              <div class="total_amnt_crat">
                <table class="table">
                  <thead>
                    <tr>
                      <th scope="col"></th>
                      <th scope="col">@lang('arsh.cart_txt12')</th>
                      <th scope="col">@lang('arsh.cart_txt6')</th>
                      <th scope="col">@lang('arsh.cart_txt13')</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <th scope="row">@lang('arsh.cart_txt14') </th>
                      <td> {{ config('app.symbol')}} <span class="subTotalBase">{{ number_format((float)$BasePrice, 2, '.', '') }}</span></td>
                      <td> @if($vatprice){{ config('app.symbol')}} <span class="vatprice">{{ $vatprice }} </span>@endif </td>
                      <td> {{ config('app.symbol')}} <span class="subTotal">{{ number_format((float)\Cart::getSubTotal(), 2, '.', '') }}</span> </td>
                    </tr>
                    <tr>
                      <th scope="row">@lang('arsh.cart_txt15') </th>
                      <td> {{ config('app.symbol')}} <span class="subTotalBase">{{ number_format((float)$BasePrice, 2, '.', '') }}</span></td>
                      <td> @if($vatprice){{ config('app.symbol')}} <span class="vatprice">{{ $vatprice }}</span> @endif </td>
                      <td> {{ config('app.symbol')}} <span id="total">{{ number_format((float)\Cart::getTotal(), 2, '.', '') }}</span> </td>
                    </tr>
                    @if(!empty(Auth::guard('customer')->user()) && Auth::guard('customer')->user()->is_business==2 && $lg=='en')
                    
                    @else
                    <tr>
                      <td colspan="4">@lang('arsh.cart_txt16')</td>
                    </tr>
                    @endif
                  </tbody>
                </table>

                <div class="contn_xrt">
                    
                     @if($lg=='de')
                        <a href="{{ URL::to($lg.'/checkout') }}" class="btn btn-gold-fill pull-right">@lang('arsh.cart_txt17')</a>
                     @else
                        <a href="{{ URL::to($lg.'/checkout') }}" class="btn btn-gold-fill pull-right">@lang('arsh.cart_txt17')</a>
                     @endif            
                </div>
              </div>
            </div>
          </div>

        @endif
      </div>
    </div>
  </div>
</div>

<script>
    $(document).on('click', '.qty', function(e) {
        e.preventDefault();
        var pro_id = $(this).attr("data-list");
        var qty = $('#number_'+pro_id).text();

        $.ajax({
             @if($lg=='en')
            url:"{{url('en/update-cart')}}",
            @else
            url:"{{url('/update-cart')}}",
            @endif
            method:"POST",
            dataType: 'JSON',
            data:{
                _token: "{{ csrf_token() }}",
                pro_id : pro_id,
                qty: qty
            },
            beforeSend:function(){
                $('.itemList').attr('id', 'itemListLoad')
                $(".itemList").html("<img src='https://media.tenor.com/-n8JvVIqBXkAAAAM/dddd.gif' >").show();
            },
            complete: function(){
                $(".itemList").hide();
            },
            success: function( data ) {
                if(data.success == '200')
                {
                    $('#number_'+pro_id).text(data.quantity);
                    $('#good_'+pro_id).text(data.price_two+' {{ config('app.symbol')}}');
                    $("span#total").text(data.total+' {{ config('app.symbol')}}');
                    $(".subTotalBase").text(data.subTotalBase+' {{ config('app.symbol')}}');
                    $(" span.subTotal").text(data.Subtotal+' {{ config('app.symbol')}}');
                    $(".vatprice").text(data.vatprice+' {{ config('app.symbol')}}');

                    toastr.success('Warenkorb erfolgreich aktualisiert !');
                }
                if(data.success == '400')
                {
                  toastr.success(data.message);
                }
                if(data.success == '500')
                {
                    $('#row_'+pro_id).remove();
                    if(data.empty == true)
                    {
                        location.reload();
                    }
                    toastr.error('Artikel aus dem Einkaufswagen erfolgreich entfernen!');
                }
            },
            error: function(e) {
                console.log(e.responseText);
            }
        });
    });

    // Remove Cart
    function remove_pro(id) {
        var pro_id = id;
        $.ajax({
             @if($lg=='en')
            url:"{{ url('en/remove') }}",
            @else
            url:"{{ url($lg.'/remove') }}",
            @endif
            method:"POST",
            dataType: 'JSON',
            data:{
                _token: "{{ csrf_token() }}",
                pro_id : pro_id,
            },
            beforeSend:function(){
                $('.itemList').attr('id', 'itemListLoad')
                $(".itemList").html("<img src='https://media.tenor.com/-n8JvVIqBXkAAAAM/dddd.gif' >").show();
            },
            complete: function(){
                $(".itemList").hide();
            },
            success: function( data ) {
                if(data.success == '500')
                {
                    $('#row_'+pro_id).remove();
                    if(data.empty == true)
                    {
                        location.reload();
                    }
                    toastr.success('Artikel aus dem Einkaufswagen erfolgreich entfernen !');
                }
            },
            error: function(e) {
                console.log(e.responseText);
            }
        });
    }

// Apply Coupon
$(document).on('click', '#coupon_apply', function(e) {
        e.preventDefault();
        var coupon_code = $('#floatingInput').val();
        if(coupon_code == '')
        {
            toastr.error('Bitte geben Sie den Gutscheincode ein !');
            return false;
        }
        $.ajax({
            url:"{{url('apply-coupon')}}",
            method:"POST",
            dataType: 'JSON',
            data:{
                _token: "{{ csrf_token() }}",
                coupon_code : coupon_code,
            },
            beforeSend:function(){
                $('.itemList').attr('id', 'itemListLoad')
                $(".itemList").html("<img src='https://media.tenor.com/-n8JvVIqBXkAAAAM/dddd.gif' >").show();
            },
            complete: function(){
                $(".itemList").hide();
            },
            success: function( data ) {
                if(data.success == '200')
                {
                    $('#couponreset').trigger("reset");
                    // location.reload();
                    $(" span#total").text(data.total+' {{ config('app.symbol')}}');
                    $('#couponName').html('Gutscheinname: '+data.couponName+ ' <a href="{{ url($lg.'/remove-coupon') }}">Entfernen</a>');
                    $('#getValue').html('Totaler Rabatt: '+data.message);
                    // $('span#total').text(data.total);
                    toastr.success('Gutschein erfolgreich anwenden !');
                }
                if(data.success == '400')
                {
                    toastr.error(data.message);
                }
                if(data.success == '500')
                {
                    toastr.error('Bitte geben Sie den korrekten Gutscheincode ein !');
                }
            },
            error: function(e) {
                console.log(e.responseText);
            }
        });
    });
</script>
@endsection