{{-- Get Current Location jQuery --}}
@guest
    <script type="text/javascript">
        const loggedIn = 0;
    </script>
@else
    <script type="text/javascript">
        const loggedIn = 1;
    </script>
@endguest
<script type="text/javascript">
    $(document).ready(function(){
        $('#changeStatus0').on('click', function(){
            changeStatus(0);
        });
        $('#changeStatus1').on('click', function(){
            changeStatus(1);
        });

        function changeStatus(status){
            var status = status;
            let url = "{{ route('profile.onlineStatus') }}";
            $.post(url,{_token:'{{ csrf_token() }}',status:status},function(val){
                if(status == 1){
                    swal({
                        icon: "success",
                        title: val.success,
                    }).then(function(){
                        window.location.reload(true);
                    });
                }else if(status == 0){
                    swal({
                        icon: "warning",
                        title: val.success,
                    }).then(function(){
                        window.location.reload(true);
                    });
                }
            });

        }
    });
</script>
<script type="text/javascript">
    $(document).ready(function(){
        $('#deleteAccount').on('click', function(){
            deleteAccount();
        });

        function deleteAccount(){
            swal({
                icon:"info",
                title:"Request Account Deletion?",
                text:"Send us an Request and we'll delete your Account...",
                closeOnClickOutside:false,
                dangerMode:true,
                buttons:{
                    cancel: {
                        text: "Cancel",
                        value: null,
                        visible: true,
                        className: "",
                        closeModal: true,
                    },
                    confirm:{
                        text: "Delete Account",
                        value: true,
                        visible: true,
                        className: "",
                        closeModal: true,
                    }
                }
            }).then(function(isConfirm){
                if(isConfirm){
                    let url = "{{ route('profile.deleteRequest') }}";
                    $.post(url,{_token:'{{ csrf_token() }}'},function(val){
                        swal({
                            icon: "success",
                            title: val.success,
                        }).then(function(){
                            window.location.reload(true);
                        });
                    });
                }
            });
        }
    });
</script>

{{-- Vehicle Brand by Vehicle Type --}}
@if(Request::is('profile/owner/*'))
    <script type="text/javascript">
        $('#vehicle_type').on('change', function() {
            getVehicleCapacityByType(); // get vehicle capacity by vehicle type
            get_brand_by_type(); // get vehicle brand by vehicle type
        });
        $('#vehicle_brand').on('change', function() {
            get_model_by_brand(); // get vehicle model by vehicle brand and vehicle type
        });

        function getVehicleCapacityByType(){
            var vehicleTypeId = $('#vehicle_type').val();
            $.post('{{route('getvehiclecapacity')}}',{_token:'{{ csrf_token() }}', type_id:vehicleTypeId}, function(data){
                $('#vehicle_capacity').html(null);
                $('#vehicle_capacity').append($('<option value="">Select Vehicle Capacity</option>', {
                }));
                for (var i = 0; i < data.length; i++) {
                    $('#vehicle_capacity').append($('<option>', {
                        value: data[i].id,
                        text: data[i].name
                    }));
                }
            });
        }

        function get_brand_by_type(){
            var type_id = $('#vehicle_type').val();
            $.post('{{route('getbrand')}}',{_token:'{{ csrf_token() }}', type_id:type_id}, function(data){
                $('#vehicle_brand').html(null);
                $('#vehicle_brand').append($('<option value="">Select Vehicle Brand</option>', {
                }));
                for (var i = 0; i < data.length; i++) {
                    $('#vehicle_brand').append($('<option>', {
                        value: data[i].id,
                        text: data[i].name
                    }));
                }
            });
        }

        function get_model_by_brand(){
            var type_id = $('#vehicle_type').val();
            var brand_id = $('#vehicle_brand').val();
            $.post('{{route('getmodel')}}',{_token:'{{ csrf_token() }}', type_id:type_id, brand_id:brand_id}, function(data){
                $('#vehicle_model').html(null);
                $('#vehicle_model').append($('<option value="">Select Vehicle Model</option>', {
                }));
                for (var i = 0; i < data.length; i++) {
                    $('#vehicle_model').append($('<option>', {
                        value: data[i].id,
                        text: data[i].name
                    }));
                }
            });
        }
    </script>
@endif

@if (Route::currentRouteName()=="admin.appUser.create")
    <script type="text/javascript">
        $('#comType').addClass('hidden');
        $('#user_type').on('change', function(e){
            var userType = this.value;
            // console.log("User Type : "+userType);
            if(userType == 2){
                // need to show company types
                $('#comType').removeClass('hidden');
            }else{
                // need to hide company types
                $('#comType').addClass('hidden');
            }
        });
        $('#appUserCreate').on('click', function(e){
            e.preventDefault();
            var fd = new FormData();
            // append data
            fd.append('_token',$('meta[name="csrf-token"]').attr('content'));
            fd.append('name',$("#name").val());
            fd.append('whatsapp_no',$('#whatsapp_no').val());
            fd.append('city',$('#city').val());
            fd.append('user_type',$('#user_type').val());
            fd.append('company_type',$('#company_type').val());
            $.ajax({
                url: "{{ route('admin.appUser.insert') }}",
                method: 'post',
                data: fd,
                contentType: false,
                processData: false,
                beforeSend: function(){
                    $('#spinnerIcon').removeClass("hidden");
                },
                success: function(data){
                    if(data.errors){ // errors found
                        swal({
                            icon:"warning",
                            title:"Oops!",
                            text:"Form Data has some issues...",
                            buttons:{
                                cancel:{
                                    text:"Close",
                                    value:null,
                                    visible:true,
                                    className:"",
                                    closeModal:true,
                                }
                            }
                        });
                        $('.alert-danger').empty();
                        $.each(data.errors, function(key, value){
                            $('.alert-danger').show();
                            $('.alert-danger').append('<p>'+value+'</p>');
                        });
                    }else if(data.success){ // no errors found
                        swal({
                            icon:"success",
                            title:data.success,
                            buttons:{
                                confirm:{
                                    text:"Close",
                                    value:true,
                                    visible:true,
                                    className:"",
                                    closeModal:true,
                                }
                            }
                        }).then(function(){
                            window.location.reload();
                            // window.location.href="{{ route('home') }}";
                        });
                    }else if(data.log){
                        console.log(data.log);
                    }
                },
                complete: function(){
                    $('#spinnerIcon').addClass("hidden");
                }
            });
        });
    </script> 
@endif

@auth
<script type="text/javascript">
    // form submission
    $('#uploadDP').on('click', function(e){
        e.preventDefault();
        var image = $('#display-image')[0].files;
        var formdata = new FormData();
        formdata.append('_token',$('meta[name="csrf-token"]').attr('content'));
        // append data
        formdata.append('dp',image[0]);
        $.ajax({
            url: "{{ route('profile.DP') }}",
            method: 'post',
            data: formdata,
            contentType: false,
            processData: false,
            beforeSend: function(){
            $('#upload-icon').addClass("hidden");
            $('#spinner-icon').removeClass("hidden");
            },
            success: function(data){
                if(data.errors){ // errors found
                    $('.alert-danger').empty();
                    $.each(data.errors, function(key, value){
                        $('.alert-danger').show();
                        $('.alert-danger').append('<p>'+value+'</p>');
                    });
                }else if(data.success){ // no errors found
                    swal({
                        icon:"success",
                        title:data.success,
                        buttons:{
                            confirm:{
                                text:"Close",
                                value:true,
                                visible:true,
                                className:"",
                                closeModal:true,
                            }
                        }
                    }).then(function(){
                        window.location.reload(true);
                    });
                }else if(data.log){
                    console.log(data.log);
                }
            },
            complete: function(){
                $('#spinner-icon').addClass("hidden");
                $('#upload-icon').removeClass("hidden");
            }
            
        });
    });
    $('#vehicleUpdate').on('click', function(e){
        e.preventDefault();
        var formdata = new FormData();
        // append data
        formdata.append('_token',$('meta[name="csrf-token"]').attr('content'));
        formdata.append('vehicle_type_id',$('#vehicle_type').val());
        formdata.append('vehicle_capacity_id',$('#vehicle_capacity').val());
        formdata.append('vehicle_no',$('#vehicle_no').val());
        formdata.append('vehicle_brand_id',$('#vehicle_brand').val());
        formdata.append('vehicle_model_id',$('#vehicle_model').val());
        formdata.append('vehicle_colour_id',$('#vehicle_colour').val());
        // files
        if($('#address_proof_1')[0].files.length == 1){
            formdata.append('address_proof_1',$('#address_proof_1')[0].files[0]);
        }else{
            formdata.append('address_proof_1',null);
        }
        if($('#address_proof_2')[0].files.length == 1){
            formdata.append('address_proof_2',$('#address_proof_2')[0].files[0]);
        }else{
            formdata.append('address_proof_2',null);
        }
        if($('#rc_book')[0].files.length == 1){
            formdata.append('rc_book',$('#rc_book')[0].files[0]);
        }else{
            formdata.append('rc_book',null);
        }
        if($('#vehicle_photo')[0].files.length == 1){
            formdata.append('vehicle_photo',$('#vehicle_photo')[0].files[0]);
        }else{
            formdata.append('vehicle_photo',null);
        }
        $.ajax({
            url: "{{ route('profile.vehicleEdit') }}",
            method: 'post',
            data: formdata,
            contentType: false,
            processData: false,
            beforeSend: function(){
            $('#save-icon').addClass("hidden");
            $('#spinnerIcon').removeClass("hidden");
            },
            success: function(data){
                if(data.errors){ // errors found
                    swal({
                        icon:"warning",
                        title:"Oops!",
                        text:"Form Data has some issues...",
                        buttons:{
                            cancel:{
                                text:"Close",
                                value:null,
                                visible:true,
                                className:"",
                                closeModal:true,
                            }
                        }
                    });
                    $('.alert-danger').empty();
                    $.each(data.errors, function(key, value){
                        $('.alert-danger').show();
                        $('.alert-danger').append('<p>'+value+'</p>');
                    });
                }else if(data.success){ // no errors found
                    swal({
                        icon:"success",
                        title:data.success,
                        buttons:{
                            confirm:{
                                text:"Close",
                                value:true,
                                visible:true,
                                className:"",
                                closeModal:true,
                            }
                        }
                    }).then(function(){
                        window.location.reload(true);
                    });
                }else if(data.log){
                    console.log(data.log);
                }
            },
            complete: function(){
                $('#spinnerIcon').addClass("hidden");
                $('#save-icon').removeClass("hidden");
            }
            
        });
    });
</script>
@endauth

{{-- jQuery Files --}}
<script src="{{ asset('js/rish.js') }}" charset="utf-8"></script>
{{-- SweetAlert Modal --}}
@if(session()->has('msg'))
    <script type="text/javascript">
        setTimeout(function(){
            swal({
                icon:"success",
                title:"{{ session()->get('msg') }}",
            });
        },600);
    </script>
@endif
@if(session()->has('err000'))
    <script type="text/javascript">
        setTimeout(function(){
            swal({
                icon:"error",
                title:"{{ session()->get('err000') }}",
            });
        },600);
    </script>
@endif