@extends('frontend.layouts.frontend_app')
@push('style')
    <style>
        .quantity-btn {
            height: 30px;
            width: 30px;
            border: 0;
            border-radius: 5px;
            background: #fff;
            font-weight: 700;
        }

        .increment {
            background: #4CAF50;
            color: #fff;
        }

        .decreament {
            background: #F44336;
            color: #fff;
        }

        .quantity-input {
            border: 0;
            border-radius: 5px;
            height: 30px;
            width: 30px;
            text-align: center;
        }

        .btn.btn-remove {
            height: 30px;
            width: 30px;
            border: 0;
            border-radius: 5px;
            background: #F44336;
            color: #fff;
            padding: 6px;
        }
    </style>
@endpush
@section('content')
    <section class="pt-1">
        <div class="container cart_container">
            <form action="{{ route('front.checkout') }}" method="post">
                @csrf
                <div class="row">
                    <div class="col-sm-12 col-md-12 col-lg-7">
                        <div class="delivery_address">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <h5 class="mb-0">{{__('pages.Delivery Address')}}</h5>
                                        <a href="{{ route('customer.address.create') }}" class="btn btn-default">{{__('pages.Add New Address')}}</a>
                                    </div>
                                    <hr class="my-2">
                                </div>

                                @forelse($addresses as $address)
                                    <div class="col-lg-4 h-100 mb-3">
                                        <div class="custom-control custom-radio d-flex gap-2 align-content-start">
                                            <input @if(request('address') == $address->id) checked @endif type="radio"
                                                   id="address{{$address->id}}" value="{{$address->id}}"
                                                   name="delivery_address_id" class="custom-control-input">
                                            <label class="custom-control-label"
                                                   for="address{{$address->id}}"> {{ $address->address }}</label>
                                        </div>
                                    </div>
                                @empty
                                    <div class="col-lg-12">
                                        <h5 class="text-center my-5">{{__('pages.Address not available')}}!</h5>
                                    </div>
                                @endforelse
                                <div class="col-lg-12">
                                    @error('delivery_address_id')
                                    <span class="text-danger">
                                        {{ $message }}
                                        </span>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        <div class="payment_method mt-2">
                            <h5 class="mb-3">{{__('pages.Payment Method')}}</h5>
                            <hr>
                            <div class="custom-control custom-radio mb-2">
                                <input @if(request('payment-method') == 'cod') checked @endif
                                type="radio" id="pmehtod_cash"
                                       value="cod"
                                       name="payment_method"
                                       class="custom-control-input">
                                <label class="custom-control-label" for="pmehtod_cash">
                                    <img src="{{ asset('storage/images/cards/cash-on-delivery.png') }}" height="25"
                                         alt=""> {{__('pages.Cash On Delivery')}}
                                </label>
                            </div>
                            <div class="custom-control custom-radio mb-2">
                                <input @if(request('payment-method') == 'paypal') checked @endif
                                type="radio"
                                       id="pmehtod_paypal"
                                       value="paypal" name="payment_method"
                                       class="custom-control-input">
                                <label class="custom-control-label" for="pmehtod_paypal">
                                    <img src="{{ asset('storage/images/cards/paypal.png') }}" height="25" alt=""> {{__('pages.Paypal')}}
                                </label>
                            </div>
                            <div class="custom-control custom-radio mb-2">
                                <input @if(request('payment-method') == 'stripe') checked @endif
                                type="radio" id="pmehtod_stripe"
                                       value="stripe"
                                       name="payment_method"
                                       class="custom-control-input"
                                >
                                <label class="custom-control-label" for="pmehtod_stripe">
                                    <img src="{{ asset('storage/images/cards/stripe.png') }}" height="30" alt="">
                                    {{__('pages.Sripe')}}
                                </label>
                            </div>
                            <div class="custom-control custom-radio mb-2">
                                <input @if(request('payment-method') == 'sslcommerz') checked @endif
                                type="radio"
                                       id="pmehtod_sslcommerz"
                                       value="sslcommerz"
                                       name="payment_method"
                                       class="custom-control-input">
                                <label class="custom-control-label" for="pmehtod_sslcommerz">
                                    <img src="{{ asset('storage/images/cards/sslcommerz.png') }}" height="20" alt="">
                                    {{__('pages.Sslcommerz')}}
                                </label>
                            </div>

                            @error('payment_method')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                            @enderror
                        </div>
                        <div class="delivery_method mt-4">
                            <h5 class="mb-3">{{__('pages.Delivery Method')}}</h5>
                            <hr>
                            <div class="custom-control custom-radio mb-2">
                                <input @if(request('deliver-method') == 'method_one') checked @endif type="radio"
                                       id="delivery_method_one" data-method="method_one"
                                       data-fee="{{ setting('dm_one_shipping_cost') }}"
                                       value="{{ setting('dm_one_title') }}"
                                       name="delivery_method"
                                       class="custom-control-input">
                                <label class="custom-control-label" for="delivery_method_one">
                                    <strong>{{ setting('dm_one_title') }}</strong><br>
                                    <small> {{__('pages.Estimated delivery time')}} {{ setting('dm_one_delivery_time') }} {{__('pages.after accepted the order')}}</small>
                                </label>
                            </div>
                            <div class="custom-control custom-radio mb-2">
                                <input @if(request('deliver-method') == 'method_two') checked @endif type="radio"
                                       id="delivery_method_two" data-fee="{{ setting('dm_two_shipping_cost') }}"
                                       data-method="method_two" value="{{ setting('dm_two_title') }}"
                                       name="delivery_method"
                                       class="custom-control-input">
                                <label class="custom-control-label" for="delivery_method_two">
                                    <strong>{{ setting('dm_two_title') }}</strong><br>
                                    <small>{{__('pages.Estimated delivery time')}} {{  setting('dm_two_delivery_time') }} {{__('pages.after accepted the order')}}</small>
                                </label>
                            </div>
                            @error('delivery_method')
                            <span class="text-danger">
                                {{ $message }}
                            </span>
                            @enderror
                        </div>
                    </div>
                    @php
                        $sub_total = 0;
                        $total_discount = 0;
                        $total_amount = 0;
                        $delivery_fee = request('fees') ? request('fees') : 0;
                    @endphp
                    <div class="col-sm-12 col-md-12 col-lg-5 cart_details">
                        <div class=" d-flex justify-content-between align-items-center">
                            <h4>{{__('pages.Your Order')}}</h4>
                            <div>
                                ( <span class="font-weight-bold cart_item_count">
                               @if(session('front_cart'))   {{ count(session('front_cart')) }} @else  0 @endif
                            </span>
                                {{__('pages.items in your cart')}} )
                            </div>
                        </div>
                        <table class="table">
                            <thead>
                            <tr>
                                <th scope="col">{{__('pages.Medicine')}}</th>
                                <th scope="col">{{__('pages.Price')}}</th>
                                <th scope="col">{{__('pages.Quantity')}}</th>
                                <th scope="col">{{__('pages.Total Amount')}}</th>
                                <th scope="col" class="text-center"></th>
                            </tr>
                            </thead>
                            <tbody>

                            @if (session()->has('front_cart'))
                                @if(count(session('front_cart')) > 0)
                                    @foreach(session('front_cart') as $cart)
                                        <tr>
                                            <td>
                                                {{ $cart['name'] }}
                                            </td>
                                            <td>{{ number_format($cart['price'], 2) }}</td>
                                            <td>
                                                <div class="">
                                                    <input type="button" onclick="decrementQuantity('{{$cart['id']}}')"
                                                           class="quantity-btn decreament"
                                                           value="-"/>
                                                    <input type="text" id="quantity"
                                                           value="{{$cart['quantity']}}" readonly min="1"
                                                           class="quantity-input"/>
                                                    <input type="button" onclick="incrementQuantity('{{$cart['id']}}')"
                                                           class="quantity-btn increment"
                                                           value="+"/>
                                                </div>
                                            </td>
                                            <td>{{ number_format($cart['price']*$cart['quantity'],2) }}</td>
                                            <td class="text-center px-0">
                                                <a href="javascript:" onclick="REMOVE_FROM_CART('{{$cart['id']}}')"
                                                   class="btn btn-remove btn-sm"><i class="fa fa-trash"></i></a>
                                            </td>
                                        </tr>
                                        @php
                                            $discount_price = !empty($cart['discount']) ? $cart['discount'] : 0;
                                            $discount = $cart['price']* $discount_price / 100;
                                            $total_discount += $discount*$cart['quantity'];
                                            $sub_total += $cart['price']*$cart['quantity'];
                                            $total_amount = ($sub_total - $total_discount) + $delivery_fee;
                                        @endphp
                                    @endforeach
                                @else
                                    <tr>
                                        <td colspan="6" class="text-center">
                                            <h4 class="mt-5">{{__('pages.Your Cart is empty')}}!</h4>
                                            <a class="btn btn-default px-5 py-2" href="{{ route('front.index') }}">{{__('pages.Go to buy')}}</a>
                                        </td>
                                    </tr>
                                @endif
                            @endif
                            </tbody>
                        </table>
                        <input type="hidden" value="{{ $sub_total }}" name="sub_total">
                        <input type="hidden" value="{{ $total_amount }}" name="total_amount">
                        <input type="hidden" value="{{ $total_discount }}" name="total_discount">
                        <input type="hidden" value="{{ request('fees') }}" name="delivery_fee" id="delivery_fee">
                        <hr class="my-2">
                        @if (session()->has('front_cart'))
                            @if(count(session('front_cart')) > 0)
                                <table class="table table-borderless mb-0">
                                    <tr>
                                        <th class="fw-bold py-1"><b>{{__('pages.Sub Total')}}</b></th>
                                        <td class="text-right py-1"><b>{{ number_format($sub_total,2) }}</b></td>
                                    </tr>
                                    <tr>
                                        <th class="py-1"><b>{{__('pages.Delivery Fee')}}</b></th>
                                        <td class="text-right py-1"><b>{{ number_format($delivery_fee,2) }}</b></td>
                                    </tr>
                                    <tr>
                                        <th class="py-1"><b>{{__('pages.Discount')}}</b></th>
                                        <td class="text-right py-1"><b>{{ number_format($total_discount,2) }}</b></td>
                                    </tr>
                                </table>
                                <hr class="my-2">
                                <table class="table table-borderless mb-0">
                                    <tr>
                                        <th class="py-1"><b>{{__('pages.Total Price')}}</b></th>
                                        <td class="text-right py-1"><b>{{ number_format($total_amount,2) }}</b></td>
                                    </tr>
                                </table>
                                <hr class="my-2">
                            @endif
                        @endif
                        <div class="col-lg-12">
                            @if ($total_amount > setting('minimum_order_amount'))
                                <button type="submit" class="btn btn-default w-100 d-block">
                                    {{__('pages.Checkout')}} {{ number_format($total_amount,2) }}</button>
                            @else
                                <div class="alert alert-danger">
                                  <i class="fa fa-warning"></i>  <span class="t">{{__('pages.Minimum order amount is')}} {{setting('minimum_order_amount')}}</span>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="row mt-4 d-flex align-items-center">
                    <div class="col-sm-6 mb-3 mb-m-1 order-md-1 text-md-left">
                        <a href="{{ route('front.index') }}"><i class="fa fa-arrow-left-long"></i> {{__('pages.Continue Shopping')}}</a>
                    </div>
                </div>
            </form>

        </div>
    </section>
@endsection
@push('script')
    <script>
        function incrementQuantity(id) {
            var quantityField = document.getElementById("quantity");
            var quantityValue = parseInt(quantityField.value);

            if (!isNaN(quantityValue)) {
                $.post({
                    url: '{{ route('front.increment') }}',
                    data: {product_id: id},
                    success: function (data) {
                        if (data.success) {
                            location.href = '{{route('front.cart')}}';
                        }
                    },
                });
            }
        }

        function decrementQuantity(id) {
            var quantityField = document.getElementById("quantity");
            var quantityValue = parseInt(quantityField.value);

            if (!isNaN(quantityValue) && quantityValue > 1) {
                $.post({
                    url: '{{ route('front.decrement') }}',
                    data: {product_id: id},
                    success: function (data) {
                        if (data.success) {
                            location.href = '{{route('front.cart')}}';
                        }
                    },
                });
            }
        }

        function REMOVE_FROM_CART(productId) {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                }
            });
            // Get product by id
            $.post({
                url: '{{route('front.remove_product')}}',
                data: {product_id: productId},
                success: function (data) {
                    location.href = '{{route('front.cart')}}';
                },

            });
        }


        $('input[name="delivery_address_id"]').on('change', function () {
            var address = $(this).val();
            var nurl = new URL('{!!url()->full()!!}');
            nurl.searchParams.set('address', address);
            location.href = nurl;
        });
        $('input[name="payment_method"]').on('change', function () {
            var method = $(this).val();
            var nurl = new URL('{!!url()->full()!!}');
            nurl.searchParams.set('payment-method', method);
            location.href = nurl;
        });
        $('input[name="delivery_method"]').on('change', function () {
            var fees = $(this).data('fee');
            var method = $(this).data('method');
            var nurl = new URL('{!!url()->full()!!}');
            nurl.searchParams.set('deliver-method', method);
            nurl.searchParams.set('fees', fees);
            location.href = nurl;
        });

    </script>
@endpush