@extends('frontend.layouts.template')
@section('stylesheet')
<style type="text/css">
    #event-code-response{
        display: block;
        text-align: left;
    }
</style>

@endsection
@section('content')
<!-- START SECTION BREADCRUMB -->
<div class="breadcrumb_section bg_gray page-title-mini">
    <div class="container"><!-- STRART CONTAINER -->
        <div class="row align-items-center">
        	<div class="col-md-6">
                <div class="page-title">
            		<h1>{{ trans('label.shopping_cart') }}</h1>
                </div>
            </div>
            <div class="col-md-6">
                <ol class="breadcrumb justify-content-md-end">
                    <li class="breadcrumb-item"><a href="{{ url('/') }}">{{ trans('label.home') }}</a></li>
                    <li class="breadcrumb-item active">{{ trans('label.shopping_cart') }}</li>
                </ol>
            </div>
        </div>
    </div><!-- END CONTAINER-->
</div>
<!-- END SECTION BREADCRUMB -->

<!-- START MAIN CONTENT -->
<div class="main_content">

    <!-- START SECTION SHOP -->
    <div class="section">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="table-responsive shop_cart_table">
                        <form method="post" action="cart/update">
                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th class="product-thumbnail">&nbsp;</th>
                                        <th class="product-name">{{ trans('label.product') }}</th>
                                        <th class="product-price">{{ trans('label.price') }}</th>
                                        <th class="product-quantity">{{ trans('label.quantity') }}</th>
                                        <th class="">{{ trans('label.total') }}</th>
                                        <th class="product-remove">{{ trans('label.remove') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if( $carts )
                                    @foreach( $carts as $cart )
                                    @php
                                        $total += $cart->price * $cart->quantity;
                                        $shipping_price += $cart->shipping_price;
                                        $product_weight = $cart->product->weight * $cart->quantity;
                                    @endphp
                                    <tr>
                                        <td class="product-thumbnail"><a href="#"><img src="{{ asset( $cart->product_image ) }}" alt="{{ $cart->product_name }}"></a></td>
                                        <td class="product-name" data-title="Product"><a href="#">{{ $cart->product_name }}</a></td>
                                        <td class="product-price" data-title="Price" data-weight="{{ $cart->product->weight }}">฿{{ nb( $cart->price ,2 )}}</td>
                                        <td class="product-quantity" data-title="Quantity"><div class="quantity">
                                            <input type="button" value="-" class="minus">
                                            <input type="text" data-cart_id="{{$cart->id}}" name="quantity[{{$cart->id}}]" value="{{ $cart->quantity }}" title="Qty" class="qty" size="4">
                                            <input type="button" value="+" class="plus">
                                        </div></td>
                                        <td class="product-subtotal" data-title="Total" data-weight="{{ $product_weight }}">฿{{ nb( $cart->price * $cart->quantity, 2 )}}</td>
                                        <td class="product-remove" data-title="Remove"><a href="{{ url('cart/remove/'.$cart->id) }}" class="remove-cart"><i class="ti-close"></i></a></td>
                                    </tr>
                                    @endforeach
                                    @endif
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td colspan="6" class="px-0">
                                            <div class="row no-gutters align-items-center">

                                                <div class="col-lg-4 col-md-6 mb-3 mb-md-0">
                                                    {{--
                                                    @if(auth()->check() && auth()->user()->level == 'staff')
                                                    <div class="coupon field_form input-group">
                                                        <input type="text" value="{{ $cartHead ? $cartHead->event_code : '' }}" class="form-control form-control-sm" id="event-code" placeholder="Code team event..">
                                                        @if( $cartHead && !$cartHead->event_code )
                                                        <div class="input-group-append">
                                                            <button class="btn btn-fill-out btn-sm " id="btn-event_code" type="button">Apply</button>
                                                        </div>
                                                        @endif
                                                    </div>
                                                    <small class="w-100" id="event-code-response"></small>
                                                    @endif
                                                     --}}
                                                </div>
                                                <div class="col-lg-8 col-md-6 text-left text-md-right">
                                                    @if (count($carts) > 0 )
                                                        <button class="btn btn-line-fill btn-sm" type="submit">{{ trans('label.update_cart') }}</button>
                                                    @endif
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                </tfoot>
                            </table>
                        </form>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="medium_divider"></div>
                    <div class="divider center_icon"><i class="ti-shopping-cart-full"></i></div>
                    <div class="medium_divider"></div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="border p-3 p-md-4">
                        <div class="heading_s1 mb-3">
                            <h6>{{ trans('label.cart_totals') }}</h6>
                        </div>
                        <div class="table-responsive">
                            @php
                                if( $total == 0 )
                                    $shipping_price = 0;
                            @endphp

                            <table class="table">
                                <tbody>
                                    @if ( auth()->check() && auth()->user()->level == 'staff' && auth()->user()->login_type != 'staff-event' )
                                        @php
                                            
                                            $discount = $total * 10 / 100;
                                            $total = $total - $discount;
                                        @endphp
                                            <tr>
                                                <td class="cart_total_label">{{ trans('label.staff_discount') }}</td>
                                                <td class="cart_total_label">{{ nb( $discount,2) }}</td>
                                            </tr>
                                    @endif
                                        <input type="hidden" name="discount" value="{{ $discount }}" />
                                        <input type="hidden" name="shipping_price" value="{{ $shipping_price }}" />

                                    <tr>
                                        <td class="cart_total_label">{{ trans('label.cart_subtotal') }}</td>
                                        <td class="cart_total_amount">฿{{ nb($total,2) }}</td>
                                    </tr>
                                    <tr>
                                        <td class="cart_total_label">{{ trans('label.shipping') }}</td>
                                        <td class="cart_shipping_amount">฿{{ nb( $shipping_price, 2 ) }}</td>
                                    </tr>
                                    <tr>
                                        <td class="cart_total_label">{{ trans('label.total_price') }}</td>
                                        <td class="cart_net"><strong>฿{{ nb( $total + $shipping_price ,2 ) }}</strong></td>
                                    </tr>
                                </tbody>
                            </table>
                            <div class="clearfix text-danger mb-3">{{ trans('label.shipping_remark') }}</div>
                        </div>
                        @if (count($carts) > 0 )
                            <a href="{{ url('cart/checkout') }}" class="btn btn-fill-out">{{ trans('label.proceed_to_checkout') }}</a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END SECTION SHOP -->
</div>
<!-- END MAIN CONTENT -->

@endsection
@section('javascript')
    <script type="text/javascript">
    (function($){
        console.log('base url : ', base_url ,' token : ', _token);
        $('#btn-event_code').on('click',function(e){
            e.preventDefault();
            let _this = $(this);
            let response = $('#event-code-response');
            let event_code = $('#event-code').val();
            if( !event_code ){
                alert('Please enter code team event');
                $('#event-code').focus();
                return false;
            }
            response.html('');
            $.ajax({
                url : `${base_url}/set-event-code`,
                data : {event_code : event_code ,_token : _token },
                type : 'post',
                success : function(obj){
                    console.log('response event code : ', obj );
                    response.html(`<span class="${obj.code == 200 ? 'text-success' : 'text-danger'}">${obj.message}</span>`);
                    if( obj.code == 200 )
                        _this.hide();
                }
            })

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