@extends('frontend.frontend-page-master')
@section('site-title')
    {{__('Cart')}}
@endsection
@section('page-title')
    {{__('Cart')}}
@endsection
@section('style')
    <link rel="stylesheet" href="{{asset('assets/frontend/css/toastr.css')}}">
@endsection
@section('breadcrumb')
    <li>{{__('Cart')}}</li>
@endsection
@section('content')
    <section class="product-content-area padding-top-120 padding-bottom-120">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    @include('backend.partials.message')
                    <div class="cart-wrapper">
                        <div class="cart-table-wrapper">
                            {!! render_cart_table() !!}
                        </div>
                        @if(cart_total_items() > 0)
                            @if(is_shipping_available())
                                <div class="shipping-wrap">
                                    <div class="cart-shipping-wrapper">
                                        <div class="accordion" id="cart_shipping_accordion">
                                            <div class="card">
                                                <div class="card-header" id="headingOne">
                                                    <a data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                                                        {{__('Apply Shipping')}}
                                                    </a>
                                                </div>
                                                <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#cart_shipping_accordion">
                                                    <div class="card-body">
                                                        <div class="shipping-table-wrap table-responsive">
                                                            <table class="table table-bordered">
                                                                <tbody>
                                                                @foreach($all_shipping as $data)
                                                                    <tr>
                                                                        <td>
                                                                            <input type="radio" @if($data->is_default == '1' || session()->get('shipping_charge') == $data->id) checked @endif value="{{$data->id}}" name="shipping_id">
                                                                        </td>
                                                                        <td>
                                                                            <div class="shipping-details-wrap">
                                                                                <h5 class="title">{{$data->title}}</h5>
                                                                                <p>{{$data->description}}</p>
                                                                            </div>
                                                                        </td>
                                                                        <td>
                                                                <span class="shipping-cost">
                                                                    {{site_currency_symbol().$data->cost}}
                                                                </span>
                                                                        </td>
                                                                    </tr>
                                                                @endforeach
                                                                </tbody>
                                                            </table>
                                                            <div class="btn-wrapper">
                                                                <a href="#" class="boxed-btn add_shipping">{{__('Apply Shipping')}}</a>
                                                                <div class="ajax-loading-wrap hide">
                                                                    <div class="sk-fading-circle">
                                                                        <div class="sk-circle1 sk-circle"></div>
                                                                        <div class="sk-circle2 sk-circle"></div>
                                                                        <div class="sk-circle3 sk-circle"></div>
                                                                        <div class="sk-circle4 sk-circle"></div>
                                                                        <div class="sk-circle5 sk-circle"></div>
                                                                        <div class="sk-circle6 sk-circle"></div>
                                                                        <div class="sk-circle7 sk-circle"></div>
                                                                        <div class="sk-circle8 sk-circle"></div>
                                                                        <div class="sk-circle9 sk-circle"></div>
                                                                        <div class="sk-circle10 sk-circle"></div>
                                                                        <div class="sk-circle11 sk-circle"></div>
                                                                        <div class="sk-circle12 sk-circle"></div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif
                            <div class="cart-total-wrap margin-top-30">
                                {!! render_cart_total_table() !!}
                                @endif
                            </div>
                    </div>
                </div>
            </div>
    </section>
@endsection
@section('scripts')
    <script src="{{asset('assets/frontend/js/toastr.min.js')}}"></script>
    <script>
        (function ($) {
            'use strict';
            toastr.options = {
                "closeButton": true,
                "debug": false,
                "newestOnTop": false,
                "progressBar": true,
                "positionClass": "toast-top-right",
                "preventDuplicates": false,
                "onclick": null,
                "showDuration": "300",
                "hideDuration": "1000",
                "timeOut": "2000",
                "extendedTimeOut": "1000",
                "showEasing": "swing",
                "hideEasing": "linear",
                "showMethod": "fadeIn",
                "hideMethod": "fadeOut"
            }

            @if(is_shipping_available())
            setDefaultShippingCost();

            function setDefaultShippingCost() {
                var defaultShippingValue = $('input[name="shipping_id"]:checked').val();
                var selectedShippingMethod = "{{session()->get('shipping_charge')}}";

                if(defaultShippingValue != '' && selectedShippingMethod == ''){
                    $.ajax({
                        url: "{{route('frontend.products.shipping.apply')}}",
                        type: "POST",
                        data: {
                            _token : "{{csrf_token()}}",
                            shipping_id : defaultShippingValue,
                        },
                        error: function(response){
                            var error = response.responseJSON.errors;
                            toastr.error(error.shipping_id[0]);
                        },
                        success:function (data) {
                            if(data.status == 'ok'){
                                $('.cart-total-wrap').html(data.cart_total_markup);
                                toastr.success(data.msg);
                            }else{
                                toastr.error(data.msg);
                            }
                        }
                    });
                }
            }

            $(document).on('click','.add_shipping',function (e) {
                e.preventDefault();
                var el = $(this);
                var shippingId = $('input[name="shipping_id"]:checked').val();

                $.ajax({
                    url: "{{route('frontend.products.shipping.apply')}}",
                    type: "POST",
                    data: {
                        _token : "{{csrf_token()}}",
                        shipping_id : shippingId,
                    },
                    beforeSend: function(){
                        el.next('.ajax-loading-wrap').removeClass('hide').addClass('show');
                    },
                    error: function(response){
                        el.next('.ajax-loading-wrap').removeClass('show').addClass('hide');
                        var error = response.responseJSON.errors;
                        toastr.error(error.shipping_id[0]);
                    },
                    success:function (data) {
                        el.next('.ajax-loading-wrap').removeClass('show').addClass('hide');
                        if(data.status == 'ok'){
                            $('.cart-total-wrap').html(data.cart_total_markup);
                            toastr.success(data.msg);
                        }else{
                            toastr.error(data.msg);
                        }
                    }
                });

            });

            @endif
            $(document).on('click','.add_coupon_code_btn',function (e) {
                e.preventDefault();
                var el = $(this);
                var couponCode = $('input[name="coupon_code"]').val();
                $('.cart-table-footer-wrap .coupon-wrap').children('.error_wrap').remove();
                $.ajax({
                    url: "{{route('frontend.products.coupon.code')}}",
                    type: "POST",
                    data: {
                        _token : "{{csrf_token()}}",
                        coupon_code : couponCode,
                    },
                    beforeSend: function(){
                        el.next('.ajax-loading-wrap').removeClass('hide').addClass('show');
                    },
                    error: function(response){
                        el.next('.ajax-loading-wrap').removeClass('show').addClass('hide');
                        var error = response.responseJSON.errors;
                        toastr.error(error.coupon_code[0]);
                    },
                    success:function (data) {
                        el.next('.ajax-loading-wrap').removeClass('show').addClass('hide');
                        if(data.status == 'ok'){
                            $('.cart-total-wrap').html(data.cart_total_markup);
                            toastr.success(data.msg);
                        }else{
                            toastr.error(data.msg);
                        }
                    }
                });
            });

            $(document).on('click','.update_cart_items_btn',function (e) {
                e.preventDefault();
                var el = $(this);
                var productId =  $("input[name='product_id[]']").map(function(){return $(this).val();}).get();
                var quantity =  $("input[name='product_quantity[]']").map(function(){return $(this).val();}).get();
                $.ajax({
                    url: "{{route('frontend.products.ajax.cart.update')}}",
                    type: "POST",
                    data: {
                        _token : "{{csrf_token()}}",
                        product_id : productId,
                        quantity : quantity
                    },
                    beforeSend: function(){
                        el.prev('.ajax-loading-wrap').removeClass('hide').addClass('show');
                    },
                    success:function (data) {
                        el.prev('.ajax-loading-wrap').removeClass('show').addClass('hide');
                        $('.navbar-area .nav-container .nav-right-content ul li.cart .pcount,.cart-icon-wrap .badge').text(data.total_cart_item);
                        $('.cart-total-wrap').html(data.cart_total_markup);
                        $('.cart-table-wrapper').html(data.cart_table_markup);
                        var msg = "{{__('Cart Updated')}}";
                        toastr.success(msg);
                    }
                });
            });

            $(document).on('click','.ajax_remove_cart_item',function (e) {
                e.preventDefault();
                var el = $(this);
                var productId = el.data('product_id');
                $.ajax({
                    url: "{{route('frontend.products.cart.ajax.remove')}}",
                    type: "POST",
                    data: {
                        _token : "{{csrf_token()}}",
                        product_id : productId
                    },
                    beforeSend: function(){
                        el.next('.ajax-loading-wrap').removeClass('hide').addClass('show');
                    },
                    success:function (data) {
                        el.next('.ajax-loading-wrap').removeClass('show').addClass('hide');
                        $('.navbar-area .nav-container .nav-right-content ul li.cart .pcount,.cart-icon-wrap .badge').text(data.total_cart_item);
                        $('.cart-total-wrap').html(data.cart_total_markup);
                        $('.cart-table-wrapper').html(data.cart_table_markup);
                        var msg = "{{__('Cart Item Removed')}}";
                        toastr.error(msg);

                        if (!data.shipping_charge_status || $('.cart-table-wrapper table').length < 1){
                            $('.shipping-wrap').remove();
                        }
                    }
                });
            });

        })(jQuery);
    </script>
@endsection