<?php $__env->startSection('title'); ?>
    <?php echo e(__('defaultTheme.checkout')); ?>

<?php $__env->stopSection(); ?>
<?php $__env->startPush('styles'); ?>
    <style>
        .shipping_delivery_div {
            display: flex;
            grid-gap: 150px;
        }
        .primary_bulet_checkbox{
            top: 4px;
        }
    </style>
<?php $__env->stopPush(); ?>
<?php $__env->startSection('content'); ?>
    <!-- checkout_v3_area::start  -->
    <?php
        $postalCodeRequired = false;
        if(isModuleActive('ShipRocket')){
            $postalCodeRequired = true;
        }
    ?>
    <div id="mainDiv">
        <?php echo $__env->make('frontend.amazy.partials._checkout_details', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    </div>
<!-- checkout_v3_area::end  -->
<?php $__env->stopSection(); ?>
<?php $__env->startPush('scripts'); ?>
    <script>
        (function($) {
            "use strict";
            $(document).ready(function() {

                $(document).on('click', '.link_btn_design', function(event){
                    shippingAddressDiv();
                });

                function shippingAddressDiv(){
                    let shipping_address_div = $('.shipping_address_div');
                    let shipping_address_edit_div = $('.shipping_address_edit_div');
                    shipping_address_div.toggleClass('d-none');
                    shipping_address_edit_div.toggleClass('d-none');
                }
                $(document).on('change', 'input[name=delivery_type]', function(){
                    $('.pick_location_list_div').toggleClass('d-none');
                    var delivery_type = $(this).val();
                    if(delivery_type == 'pickup_location'){
                        $('#next_step_btn_div').html(
                            `
                            <input type="hidden" name="step" value="select_payment">
                            <input type="hidden" name="shipping_method" value="<?php echo e(encrypt($free_shipping_for_pickup_location->id)); ?>">
                            <button type="submit" class="amaz_primary_btn style2  min_200 text-center text-uppercase "><?php echo e(__('defaultTheme.continue_to_payment')); ?></button>
                            `
                        );
                        $('.address_title').text("<?php echo e(__('common.billing_address')); ?>");

                    }else if(delivery_type == 'home_delivery'){
                        $('#next_step_btn_div').html(
                            `
                            <input type="hidden" name="step" value="select_shipping">
                            <button type="submit" class="amaz_primary_btn style2  min_200 text-center text-uppercase "><?php echo e(__('defaultTheme.continue_to_shipping')); ?></button>
                            `
                        );
                        $('.address_title').text("<?php echo e(__('shipping.shipping_address')); ?>");
                    }
                });

                $(document).on('click', '#shipping_methods', function(event){
                    let id = $(this).data('target');
                    $('#'+id).modal('show');
                });

                $(document).on('change', '.shipping_method_select', function(event){
                    $('#pre-loader').show();
                    let id = $(this).data('package');
                    let shipping_method = $(this).val();
                    let url = "<?php echo e(route('frontend.change_shipping_method')); ?>";
                    let data = {
                        _token:"<?php echo e(csrf_token()); ?>",
                        seller:id,
                        shipping_method:shipping_method,
                    }
                    $('#shipping_methods_'+id).modal('hide');
                    $.post(url,data, function(res){
                        $('#mainDiv').html(res);
                        $('select').niceSelect();
                        $('#pre-loader').hide();
                    });
                });

                $(document).on('submit', '#mainOrderForm', function(event){

                    let is_submit = 0;
                    let postalCodeRequired = "<?php echo e($postalCodeRequired); ?>"
                    $('#error_term_check').text('');
                    $('#error_name').text('');
                    $('#error_address').text('');
                    $('#error_email').text('');
                    $('#error_phone').text('');
                    $('#error_country').text('');
                    $('#error_state').text('');
                    $('#error_city').text('');
                    $('#error_postal_code').text('');
                    $('#error_pickup_location').text('');
                    if(!$('#term_check').is(":checked")){
                        is_submit = 1;
                        $('#error_term_check').text('Please Agree With Terms');
                    }
                    if($('#name').val() == ''){
                        is_submit = 1;
                        $('#error_name').text('This Field Is Required');
                    }
                    if(postalCodeRequired == 1 && $('#postal_code').val() == ''){
                        is_submit = 1;
                        $('#error_postal_code').text('This Field Is Required');
                    }
                    if($('#address').val() == ''){
                        is_submit = 1;
                        $('#error_address').text('This Field Is Required');
                    }
                    if($('#email').val() == ''){
                        is_submit = 1;
                        $('#error_email').text('This Field Is Required');
                    }
                    if($('#phone').val() == ''){
                        is_submit = 1;
                        $('#error_phone').text('This Field Is Required');
                    }
                    if($('#country').val() == ''){
                        is_submit = 1;
                        $('#error_country').text('This Field Is Required');
                    }
                    if($('#state').val() == ''){
                        is_submit = 1;
                        $('#error_state').text('This Field Is Required');
                    }
                    if($('#city').val() == ''){
                        is_submit = 1;
                        $('#error_city').text('This Field Is Required');
                    }
                    if($('input[name=delivery_type]').length && $('input[name=delivery_type]:checked').val() == 'pickup_location' && $('#pickup_location').val() == ''){
                        is_submit = 1;
                        $('#error_pickup_location').text('This Field Is Required');
                    }
                    if(is_submit === 1){
                        event.preventDefault();
                    }else{

                    }
                });

                $(document).on('change', '#address_id', function(event) {
                    let data = {
                        _token:"<?php echo e(csrf_token()); ?>",
                        id: $(this).val()
                    }
                    $('#pre-loader').show();
                    $.post("<?php echo e(route('frontend.checkout.address.shipping')); ?>",data, function(res){
                        $('#mainDiv').html(res.MainCheckout);
                        $('select').niceSelect();
                        $('#pre-loader').hide();
                    });
                });

                $(document).on('click', '.coupon_apply_btn', function(event){
                    event.preventDefault();
                    let total = $(this).data('total');
                    couponApply(total);
                });

                function couponApply(total){
                    let coupon_code = $('#coupon_code').val();
                    if(coupon_code){
                        $('#pre-loader').show();

                        let formData = new FormData();
                        formData.append('_token', "<?php echo e(csrf_token()); ?>");
                        formData.append('coupon_code', coupon_code);
                        formData.append('shopping_amount', total);
                        $.ajax({
                            url: '<?php echo e(route('frontend.checkout.coupon-apply')); ?>',
                            type: "POST",
                            cache: false,
                            contentType: false,
                            processData: false,
                            data: formData,
                            success: function (response) {
                                if(response.error){
                                    toastr.error(response.error,'Error');
                                    $('#pre-loader').hide();
                                }else{
                                    $('#mainDiv').html(response.MainCheckout);
                                    toastr.success("<?php echo e(__('defaultTheme.coupon_applied_successfully')); ?>","<?php echo e(__('common.success')); ?>");
                                    $('#pre-loader').hide();
                                }
                            },
                            error: function (response) {
                                toastr.error(response.responseJSON.errors.coupon_code)
                                $('#pre-loader').hide();
                            }
                        });
                    }else{
                        toastr.error("<?php echo e(__('defaultTheme.coupon_field_is_required')); ?>","<?php echo e(__('common.error')); ?>");
                    }
                }
                $(document).on('click', '#coupon_delete', function(event){
                    event.preventDefault();
                    couponDelete();
                });

                function couponDelete(){
                    $('#pre-loader').show();
                    let base_url = $('#url').val();
                    let url = base_url + '/checkout/coupon-delete';
                    $.get(url, function(response) {
                        $('#mainDiv').html(response.MainCheckout);
                        $('#pre-loader').hide();
                        toastr.success("<?php echo e(__('defaultTheme.coupon_deleted_successfully')); ?>","<?php echo e(__('common.success')); ?>");
                    });
                }

                $(document).on('change', '#country', function(event) {
                    let country = $('#country').val();
                    $('#pre-loader').show();
                    if (country) {
                        let base_url = $('#url').val();
                        let url = base_url + '/seller/profile/get-state?country_id=' + country;

                        $('#state').empty();

                        $('#state').append(
                            `<option value="">Select from options</option>`
                        );
                        $('#state').niceSelect('update');
                        $('#city').empty();
                        $('#city').append(
                            `<option value="">Select from options</option>`
                        );
                        $('#city').niceSelect('update');
                        $.get(url, function(data) {

                            $.each(data, function(index, stateObj) {
                                $('#state').append('<option value="' + stateObj
                                    .id + '">' + stateObj.name + '</option>');
                            });

                            $('#state').niceSelect('update');
                            $('#pre-loader').hide();
                        });
                    }
                });

                $(document).on('change', '#state', function(event){
                    let state = $('#state').val();
                    $('#pre-loader').show();
                    if(state){
                        let base_url = $('#url').val();
                        let url = base_url + '/seller/profile/get-city?state_id=' +state;


                        $('#city').empty();
                        $('#city').append(
                            `<option value="">Select from options</option>`
                        );
                        $.get(url, function(data){

                            $.each(data, function(index, cityObj) {
                                $('#city').append('<option value="'+ cityObj.id +'">'+ cityObj.name +'</option>');
                            });

                            $('#city').niceSelect('update');
                            $('#pre-loader').hide();
                        });
                    }
                });

            });
        })(jQuery);
    </script>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('frontend.amazy.layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /www/wwwroot/www.shooperm.com/resources/views/frontend/amazy/pages/checkout.blade.php ENDPATH**/ ?>