$(document).ready(function () {

    $.validator.addClassRules('no-spinner-time', {
        required: true,
        min: 1
    });

    $.validator.messages.min = "Nilai tidak boleh 0";

    $('#show-tarif').validate({
        errorClass: 'text-danger',

        highlight: function(element) {
            $(element).addClass('is-invalid');
        },

        unhighlight: function(element) {
            $(element).removeClass('is-invalid');
        },

        errorPlacement: function(error, element) {
            error.insertAfter(element);
        }
    });

    $(document).on('click', '.vehicle-price', function () {


        let id = $(this).data('id');
        let nama = $(this).data('nama');
        console.log(id);
        
        let url = "{{ route('vehicle-price.show',':id') }}";
        url = url.replace(':id', id);

        $.ajax({
            url: '/setup/master/price/' + id,
            type: 'GET',
            success: function (r) {
                console.log(r);
                $('#id_mobil').val(r.id_mobil);
                $('.title').text('Ubah Tarif Kendaraan ' + nama);
                $('#waktu_gratis').val(r.waktu_gratis);  // waktu kurang dari n pertama
                $('#tarif_period').val(r.tarif_period); // adalah
                $('#frek_interval').val(r.frek_interval); // 1
                $('#interval').val(r.interval); // X n menit pertama
                $('#tarif_interval').val(r.tarif_interval); // adalah Rp. 
                $('#bayar_dimuka').val(r.bayar_dimuka).trigger('change');
                $('#asuransi_incl').val(r.asuransi_incl);
                $('#frek_waktu2').val(r.frek_waktu2); // waktu 1
                $('#waktu2').val(r.waktu2); // xn menit berikutnya 
                $('#tarif2').val(r.tarif2); // adalah Rp.
                $('#tarif').val(r.tarif);  // tarif berikut nya
                $('#waktu_tarif').val(r.waktu_tarif); //  per n menit
                $('#maksimum').val(r.maksimum);
                if(r.time_base == 1) {
                    $('#maks_cond').val(r.time_base_maks).show();
                    $('#maksimum-cond').val(0).trigger('change');
                    $('.maks_cond_day').hide();
                    $('#maks_cond_day').hide();
                } else {        
                    $('#maks_cond').hide();
                    $('#maksimum-cond').val(1).trigger('change');
                    $('.maks_cond_day').show();
                    $('#maks_cond_day').val(r.min_per_hari).show();
                }
                $('#denda').val(r.denda); 
                $('#denda_member').val(r.denda_member); 
            }
        });
    });

    $('#maksimum-cond').on('change', function() {
        let selectMaxCond = $(this).val();
        if (selectMaxCond == 0 ) {
            $('#maks_cond').show().val(24);
            $('.maks_cond_day').hide();
            $('#maks_cond_day').val(1).hide();
        } else if (selectMaxCond == 1) {
            $('#maks_cond').hide();
            $('.maks_cond_day').show();
            $('#maks_cond_day').show().val(60);
        } else {

        }
    });

    $('.simpan').on('click', function () {

        if (!$('#show-tarif').valid()) {
            return false;
        }

        let vehicleRate = $('#show-tarif').serialize();

        let id = $('#id_mobil').val();
        let url = $(this).data('url');
        url = url.replace(':id', id);
        console.log(url);

        $.ajax({
            url: url,
            type: 'PUT',
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            data: vehicleRate,
            success: function(r) {
                console.log(r);

                $('#modal-vehicle').modal('hide');
            } 
        });
    });

});