@extends('layout.master')
@section('content')
    <section class="content pb-5">
        <div class="container-fluid">

            <!-- <div id="success"></div> -->

            <div class="row pt-4">
                <div class="col-md-12">
                    <div class="title-section">
                        <p>Settings</span></p>
                    </div>
                </div>

                <div class="col-md-12 pt-0 pt-sm-4">
                    <div class="title-section">
                        <p>COD Payments <span>Postpaid</span></p>
                    </div>
                </div>
            </div>

            <div class="row pt-0 pt-sm-4">
                        <div class="col-md-12">
                            <div class="zone-box">
                                <h5 class="mb-4 font-weight-bold">      
                                    Seller Remittance Settings
                                </h5>
                                <div class="seller-remit">
                                    <div class="row">
                                        <div class="col-md-6 col-9">
                                            <h5>You have opted for the Postpaid Plan</h5>
                                        </div>

                                        <div class="col-md-6 col-3">
                                            <div class="toogleSwitch" id="addClassPointerEventsNone">
                                                <label class="switch" for="cod_enabled">
                                                    <input class="filled-in fill-check" name="quality_check" type="checkbox" id="cod_enabled" value="{{old('cod_enabled')}}" {{$is_postpaid_data_check == 'yes' ? 'checked' : ''}}>
                                                    <span class="slider round"></span>
                                                </label>
                                            </div>
                                        </div>
                             
                                        <div class="col-md-12">
                                            <p class="mb-1">
                                                Benefits of using Postpaid Plan:
                                            </p>
                                            <ul class="list-unstyled mb-2">
                                                <li>
                                                    1. Dynamic Shipping Limit based on your risk profile at SPOC.
                                                </li>
                                                <li>
                                                    2. Your shipping limit will change everyday at midnight to provide you with uninterrupted shipping.
                                                </li>
                                                <li>
                                                    3. Faster COD remittance every Monday, Wednesday and Friday ( will not be processed on Bank Holidays ).
                                                </li>
                                            </ul>
                                            <span id="pending-approval">Request for postpaid and pending for approval</span>
                                        </div>
                                        <div class="col-md-12 my-4" id="submit">
                                  <!-- <button class="btn btn-primary" onclick="submit()">Submit</button> -->
                              </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
        </div>
    </section>
    <style type="text/css">
        .pointersNone{
            pointer-events: none;
        }
    </style>
    <script type="text/javascript">

        let isPostpaid = "{{ $is_postpaid_data_check == 'yes' ? "true" : "false" }}";

        let postPaidByAdmin = "{{ !empty($postpaid_by_admin) ? "true" : "false"}}";

        if(isPostpaid == 'true'&& postPaidByAdmin == 'false') {
            $('#addClassPointerEventsNone').addClass('pointersNone');
            $('#pending-approval').show();

        }else if(isPostpaid == 'true' && postPaidByAdmin == 'true') {
            
            $('#addClassPointerEventsNone').addClass('pointersNone');
            $('#pending-approval').hide();

        }else {
             $('#addClassPointerEventsNone').removeClass('pointersNone');
             $('#pending-approval').hide();

        }


    function submit() {

        var cod = $('#cod_enabled').is(":checked") ? 'yes' : 'no';
        var data = {
            '_token': "{{csrf_token()}}",
            'cod':cod
        };
        $.ajax({
            url : "{{route('enable/early/cod')}}",
            type: 'POST',
            data: data,
            success:function(data) {
                // console.log(data); return false;
                if(data == 'success'){
                    
                swal({
                            icon: 'success',
                            title: "Success",
                            text: 'Post paid request submitted to admin.',
                            type: "success",

                            closeOnConfirm: false,
                            showLoaderOnConfirm: true,
                        });

                         window.location.href='{{url("/view/postpaid")}}';

                        return;
                    
                }
            }
        });
    }


        $(document).ready(function(){
            
            $("#cod_enabled").click(function(e){
                var qualityChecked = $('#cod_enabled').is(":checked") ? 'yes' : 'no';
                console.log(qualityChecked);
                // $('#cod_enabled').val(qualityChecked);

                if(qualityChecked === 'yes'){
                    console.log('hi');
                    var html = '';
                    var html = '<div class="col-md-12 my-4" id="submit"><button class="btn btn-primary" onclick="submit()">Submit</button></div>';
                    $('#submit').html(html);
                }
                else{
                var html = '';
                var html = '<div class="col-md-12 my-4" id="submit" hidden></div>';
                $('#submit').html(html);   
                }
            });
        })
    </script>
@endsection