@extends('frontend.main')

@section('content')
    <style>
        .plans-section .plans-outer .plans-table .table{
            margin-bottom: 10px !important;
        }
        .plans-section h2{
            margin-bottom: 1px !important;
        }
    </style>
    <!--Page Title-->
    <section class="page-title">
        <div class="auto-container">
            <h2>My Cart</h2>
        </div>
    </section>
    <!--End Page Title-->
{{--<link href="{{asset('css/cart.css')}}" rel="stylesheet">--}}

    <!--Plans Section-->
    <section class="plans-section">
        <div class="auto-container">
            <h2>Cart Item(s)</h2>
            <!--Plans Outer-->
            @if($checkcount != 0)
                <div class="plans-outer">
                    <div class="plans-table">
                        <table class="table">
                            <thead class="plans-header">
                            <tr>
                                <th class="plan-title">Name</th>
                                <th>Price</th>
                                <th>Quantity</th>
                            </tr>
                            </thead>
                            <tbody>
                                @foreach($cartItems as $cartItem)
                                <tr>
                                    <td class="title">{{ $cartItem->name}}</td>
                                    <td>{{ get_local_currency_prefix() }} {{ get_local_currency($cartItem->price) }}</td>
                                    <td>{{ $cartItem->qty }}</td>
                                    <td>

                                        
                                        {{-- {!! Form::close() !!}   --}}

                                        <form action="{{route('cart.destroy',$cartItem->rowId)}}"  method="POST">
                                            {{csrf_field()}}
                                            {{method_field('DELETE')}}
                                            <input class="theme-btn btn-style-two float-sm-left float-xs-left" type="submit" value="Delete">
                                        </form>
                                    </td>
                                </tr>
                                @endforeach
                                <tr>
                                    <td></td>
                                    @if(country()->currency_code =='NPR')
                                        <td>Tax: {{ get_local_currency_prefix() }}{{get_local_currency(Cart::tax())}}  </td>
                                        <td>Sub Total: {{ get_local_currency_prefix() }}{{get_local_currency(Cart::subtotal())}}</td>
                                    @else
                                        <td>Tax: {{ get_local_currency_prefix() }}{{get_local_currency(str_replace(',', '',Cart::tax()))}}  </td>
                                        <td>Sub Total: {{ get_local_currency_prefix() }}{{get_local_currency(str_replace(',', '',Cart::subtotal()))}}</td>
                                    @endif
                                    <td></td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td :id="total">Total: {{ get_local_currency_prefix() }}{{get_local_currency(str_replace(',', '',Cart::total()))}}</td>
                                    <td>Items: {{Cart::count()}}</td>
                                    <td></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                @if(Auth::guest())

                    <a href="{{ route('login') }}" style="cursor: default;" class="theme-btn btn-style-two">Send Query<span class="arrow fa fa-angle-right"></span></a>
                @else
                    <a href="{{ route('senddomainquery',str_replace(',', '', Cart::total())) }}" type="button" class="btn btn-default">Send Query</a>
                    {{--<a data-toggle="modal" data-target="#paymentModal" style="cursor: default; color: black" class="theme-btn btn-style-two">Checkout<span class="arrow fa fa-angle-right"></span></a>--}}
                @endif

                <div class="modal fade" id="paymentModal" tabindex="-1" role="dialog" aria-labelledby="paymentModalLabel" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h2 class="modal-title" id="paymentModalLabel">Payment Options</h2>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <p>Please select a payment option before proceeding to checkout.</p>
                                {{--<form style="padding: 1em;">--}}
                                {{--<div class="cc-selector-2">--}}
                                {{--<input @click="clicked = true" id="esewa2" v-model="esewa" type="radio" name="creditcard" value="esewa" style="visibility:hidden;" />--}}
                                {{--<label class="drinkcard-cc esewa" for="esewa2"></label>--}}
                                {{--<input id="connectips2" @click="clicked = true" v-model="connectips" type="radio" name="creditcard" value="connectips" style="visibility:hidden;"/>--}}
                                {{--<label class="drinkcard-cc connectips" for="connectips2"></label>--}}
                                {{--</div>--}}
                                {{--</form>--}}
                                <a href="{{route('checkout.epay')}}"><img src="{{url('img/esewa.png')}}" alt="E-sewa"></a>
                                <a href="{{route('checkout.ipspay')}}"><img src="{{url('img/connectIPS.png')}}" alt="ConnectIPS"></a>
                            </div>
                            {{--<div class="modal-footer">--}}
                            {{--<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>--}}
                            {{--<a type="button" @click="proceedPayment" class="btn btn-primary">Proceed To Checkout</a>--}}
                            {{--</div>--}}
                        </div>
                    </div>
                </div>
            @else
                <h2>No items in Cart.</h2>
            @endif
            <!--End Plans Outer-->
        </div>
    </section>
    <!--End Plans Section-->
@endsection

@push('scripts')
{{--<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>--}}
{{--<script>--}}
    {{--var app = new Vue({--}}
        {{--el: '#app',--}}
        {{--data: {--}}
            {{--clicked: false,--}}
            {{--clickedconnips: false--}}
        {{--},--}}
        {{--methods: {--}}
            {{--proceedPayment: function () {--}}
                {{--if(this.clicked){--}}
                    {{--window.location.href = "{{ route('cart.checkout', str_replace(',', '', Cart::total())) }}";--}}
                {{--} else {--}}
                    {{--alert("please select one payment method.")--}}
                {{--}--}}
            {{--},--}}
            {{--clickEvent: function() {--}}
                {{--window.alert('Hello world');--}}
            {{--}--}}
        {{--}--}}
    {{--})--}}
{{--</script>--}}

@endpush