function statMarNom() {
    $.ajax({
        type: "POST",
        url: 'form.php',
        data: 'fonction=statsNomMar',
        success: function(results) {
            results = JSON.parse(results);
            if (results && results.length) {
                results = splitMaleFemale(results);

                var optionsM = {
                    chart: {
                        type: 'bar',
                    },
                    plotOptions: {
                        bar: {
                            dataLabels: {
                                position: 'top', // top, center, bottom
                            },
                        }
                    },
                    colors: ['#27AAC8'],
                    dataLabels: {
                        enabled: true,
                        formatter: function(val, opt) {
                            return customFormatter(val, opt,
                                results[2]);
                        },
                        offsetY: -20,
                        style: {
                            fontSize: '12px',
                            colors: ["#304758"]
                        }
                    },
                    series: [{
                        name: "Nombre d'époux",
                        data: results[0][1]
                    }],
                    xaxis: {
                        categories: results[0][0],
                        position: 'bottom',
                        labels: {
                            offsetY: 0,
                        },
                        axisBorder: {
                            show: false
                        },
                        axisTicks: {
                            show: false
                        }
                    },
                    title: {
                        text: 'Occurrences des noms de familles des époux',
                        align: 'center',
                        floating: false,
                        style: {
                            color: '#444'
                        }
                    },
                }

                var chartM = new ApexCharts(
                    document.querySelector("#mar_noms_m"),
                    optionsM
                );

                chartM.render();

                var optionsF = {
                    chart: {
                        type: 'bar',
                    },
                    plotOptions: {
                        bar: {
                            dataLabels: {
                                position: 'top', // top, center, bottom
                            },
                        }
                    },
                    colors: ['#FFB6C1'],
                    dataLabels: {
                        enabled: true,
                        formatter: function(val, opt) {
                            return customFormatter(val, opt,
                                results[3]);
                        },
                        offsetY: -20,
                        style: {
                            fontSize: '12px',
                            colors: ["#304758"]
                        }
                    },
                    series: [{
                        name: "Nombre d'épouses",
                        data: results[1][1]
                    }],
                    xaxis: {
                        categories: results[1][0],
                        position: 'bottom',
                        labels: {
                            offsetY: 0,
                        },
                        axisBorder: {
                            show: false
                        },
                        axisTicks: {
                            show: false
                        }
                    },
                    title: {
                        text: 'Occurrences des noms de familles des épouses',
                        align: 'center',
                        floating: false,
                        style: {
                            color: '#444'
                        }
                    },
                }

                var chartF = new ApexCharts(
                    document.querySelector("#mar_noms_f"),
                    optionsF
                );

                chartF.render();
            }
        }
    });
}

function statMarPrenom() {
    $.ajax({
        type: "POST",
        url: 'form.php',
        data: 'fonction=statsPreMar',
        success: function(results) {
            results = JSON.parse(results);
            if (results && results.length) {
                results = splitMaleFemale(results);

                var optionsM = {
                    chart: {
                        type: 'bar',
                    },
                    plotOptions: {
                        bar: {
                            dataLabels: {
                                position: 'top', // top, center, bottom
                            },
                        }
                    },
                    colors: ['#27AAC8'],
                    dataLabels: {
                        enabled: true,
                        formatter: function(val, opt) {
                            return customFormatter(val, opt,
                                results[2]);
                        },
                        offsetY: -20,
                        style: {
                            fontSize: '12px',
                            colors: ["#304758"]
                        }
                    },
                    series: [{
                        name: "Nombre d'époux",
                        data: results[0][1]
                    }],
                    xaxis: {
                        categories: results[0][0],
                        position: 'bottom',
                        labels: {
                            offsetY: 0,
                        },
                        axisBorder: {
                            show: false
                        },
                        axisTicks: {
                            show: false
                        }
                    },
                    title: {
                        text: 'Occurrences des prénoms des époux (composés ou non)',
                        align: 'center',
                        floating: false,
                        style: {
                            color: '#444'
                        }
                    },
                }

                var chartM = new ApexCharts(
                    document.querySelector("#mar_prenoms_m"),
                    optionsM
                );

                chartM.render();

                var optionsF = {
                    chart: {
                        type: 'bar',
                    },
                    plotOptions: {
                        bar: {
                            dataLabels: {
                                position: 'top', // top, center, bottom
                            },
                        }
                    },
                    colors: ['#FFB6C1'],
                    dataLabels: {
                        enabled: true,
                        formatter: function(val, opt) {
                            return customFormatter(val, opt,
                                results[3]);
                        },
                        offsetY: -20,
                        style: {
                            fontSize: '12px',
                            colors: ["#304758"]
                        }
                    },
                    series: [{
                        name: "Nombre d'épouses",
                        data: results[1][1]
                    }],
                    xaxis: {
                        categories: results[1][0],
                        position: 'bottom',
                        labels: {
                            offsetY: 0,
                        },
                        axisBorder: {
                            show: false
                        },
                        axisTicks: {
                            show: false
                        }
                    },
                    title: {
                        text: 'Occurrences des prénoms des épouses (composés ou non)',
                        align: 'center',
                        floating: false,
                        style: {
                            color: '#444'
                        }
                    },
                }

                var chartF = new ApexCharts(
                    document.querySelector("#mar_prenoms_f"),
                    optionsF
                );

                chartF.render();
            }
        }
    });
}

function statMarYear() {
    $.ajax({
        type: "POST",
        url: 'form.php',
        data: 'fonction=statsYearMar',
        success: function(results) {
            results = JSON.parse(results);
            if (results && results.length) {
                var arrYear = [];
                var arrNmbr = [];
                for (var i = 0; i < results.length; i++) {
                    if (parseInt(results[i][0]) >= 1772) {
                        arrYear.push(results[i][0]);
                        arrNmbr.push(results[i][1]);
                    }
                }

                var r = [];
                r.push(arrYear);
                r.push(arrNmbr);

                var options = {
                    chart: {
                        height: 350,
                        type: 'line',
                        zoom: {
                            enabled: false
                        }
                    },
                    colors: ['#A9A9A9'],
                    dataLabels: {
                        enabled: false
                    },
                    stroke: {
                        curve: 'straight'
                    },
                    series: [{
                        name: "Nombre de mariages",
                        data: r[1]
                    }],
                    title: {
                        text: 'Nombre de mariages par années',
                        align: 'center'
                    },
                    grid: {
                        row: {
                            colors: ['#f3f3f3',
                                'transparent'
                            ], // takes an array which will be repeated on columns
                            opacity: 0.5
                        },
                    },
                    xaxis: {
                        categories: r[0],
                        type: 'datetime'
                    },
                    tooltip: {
                        x: {
                            format: 'yyyy'
                        }
                    }
                }

                var chart = new ApexCharts(
                    document.querySelector("#mar_years"),
                    options
                );

                chart.render();


            }
        }
    });
}