@extends('layouts.frontend.frontend_main')

@section('title')
    @lang('frontend_lang.checkout')
@endsection

@section('content')

    <div class="gambo-Breadcrumb">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('frontend.home.index') }}">@lang('frontend_lang.home')</a></li>
                            <li class="breadcrumb-item active" aria-current="page">@lang('frontend_lang.checkout')</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    
    @if(session('cart'))
        <div class="all-product-grid">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12" id="list">

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

@section('js')
    <script>
        let orderSummery = function(){
            let scroll = $('#list').scrollTop();
            $.post('{{ route('frontend.checkout.list-new') }}', function (response) {
                $('#list').html(response.html).scrollTop(scroll);
            })
        }
        orderSummery();
        $(document).on('change','#agree', function () {
            if($(this).is(":checked"))
            {
                $(document).find('.form-submit').removeAttr('disabled').removeClass('btn-secondary');
                $(document).find('#pay_now').removeAttr('disabled').removeClass('btn-secondary');
            }else{
                $(document).find('#pay_now').prop('disabled', false).addClass('btn-secondary');
                $(document).find('.form-submit').prop('disabled', false).addClass('btn-secondary');
            }
        });

        $(document).on('click','#pay_now', function(){
            if($("#confirmed_by").val() == '') {
                $("#confirmed_by").css('border-color','red');
                $(".confirmed_by_error").show();
                return false;
            }
            showLoading();
            let url = '{{ route('frontend.payment.order-store') }}';
            let formData = {
                'order_notes': $(this).parents('form').find('input[name="order_notes"]').val(),
                'agree' : $(this).parents('form').find('input[name="agree"]').val(),
                'orderno': $("#po_number").val(),
                'orderby': $("#confirmed_by").val(),
            }
            $.ajax({
                url:url,
                method:'post',
                data:formData,
                success:function(response){
                    hideLoading();
                    if(response.response.status === 1)
                    {
                        location.href = response.redirect;
                        return false;
                    }
                }
            })
        });
    </script>
@endsection