@extends('layouts.index')
@section('title')
    Dashboard
@endsection
@section('css')
<link
rel="stylesheet"
href="{{asset('back')}}/libs/apexcharts/dist/apexcharts.css"
/>
@endsection
@section('content')
<div class="page-titles">
          <div class="row">
            <div class="col-lg-8 col-md-6 col-12 align-self-center">
              <h4 class="text-muted mb-0 fw-normal">Dashboard untuk</h4>
              <h1 class="mb-0 fw-bold">Pelanggan</h1>
            </div>
            
          </div>
        </div>
        <!-- ============================================================== -->
        <!-- End Bread crumb and right sidebar toggle -->
        <!-- ============================================================== -->
        <!-- ============================================================== -->
        <!-- Container fluid  -->
        <!-- ============================================================== -->
        <div class="container-fluid">
          <!-- Row -->

          <div class="row">
            <!-- Column -->
            <div class="col-sm-4">
                <div class="card
                welcome-card2
                overflow-hidden
                bg-light-primary
                border-0">
                    <div class="card-body">
                        <div class="d-flex align-items-start position-relative">
                            <div>
                                <h4 class="fw-bold">Selamat Datang</h4>
                                <h2 class="text-primary">Administrator</h2>
                            </div>
                            <div class="ms-auto">
                                <span class="
                        btn btn-lg btn-primary btn-circle
                        d-flex
                        align-items-center
                        justify-content-center
                      ">
                                    <i data-feather="award"></i>
                                </span>
                            </div>
                        </div>
                        <a href="#" class="btn btn-primary position-relative mt-2">Semangat !</a>
                    </div>
                </div>
            </div>
            <div class="col-sm-8">
                <div class="card-group">
                    <div class="card">
                        <div class="card-body text-center">
                            <span class="
                      btn btn-xl btn-light-primary
                      text-primary
                      btn-circle">
                                <i data-feather="users"></i>
                            </span>
                            <h3 class="mt-3 pt-1 mb-0">
                                {{ $total_pelanggan }}
                            </h3>
                            <h6 class="text-muted mb-0 fw-normal mt-1">Total Pelanggan</h6>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-body text-center">
                            <span class="
                      btn btn-xl btn-light-warning
                      text-warning
                      btn-circle">
                                <i data-feather="package"></i>
                            </span>
                            <h3 class="mt-3 pt-1 mb-0">
                                {{ $total_pelanggan_laki_laki }}
                            </h3>
                            <h6 class="text-muted mb-0 fw-normal mt-2">Pelanggan Laki-Laki</h6>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-body text-center">
                            <span class="
                      btn btn-xl btn-light-danger
                      text-danger
                      btn-circle">
                                <i data-feather="bar-chart"></i>
                            </span>
                            <h3 class="mt-3 pt-1 mb-0">
                                {{ $total_pelanggan_perempuan }}
                            </h3>
                            <h6 class="text-muted mb-0 fw-normal mt-2">Jumlah Pelanggan Perempuan</h6>
                        </div>
                    </div>
                </div>
            </div>

    </div>

          {{-- <div class="row">
            <!-- Column -->
            <div class="col-lg-4">
              <div
                class="card welcome-card overflow-hidden bg-light-info border-0"
              >
                <div class="card-body">
                  <h3 class="text-primary position-relative">Hallo {{Auth::user()->name}},</h3>
                  <h3 class="text-primary position-relative">
                   Semoga hari ini semangat
                  </h3>
                  <a href="#" class="btn btn-info mb-4 mt-3 position-relative"
                    >Semangat !</a
                  >
                </div>
              </div>
            </div>
            <div class="col-lg-8 d-flex align-items-stretch">
                <div class="row">
                    <div class="col-lg-4 d-flex align-items-stretch">
                        <div class="card w-100">
                            <div class="card-body">
                              <span class="
                                  btn btn-xl btn-light-danger
                                  text-danger
                                  btn-circle
                                  d-flex
                                  align-items-center
                                  justify-content-center
                                ">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bar-chart"><line x1="12" y1="20" x2="12" y2="10"></line><line x1="18" y1="20" x2="18" y2="4"></line><line x1="6" y1="20" x2="6" y2="16"></line></svg>
                              </span>
                              <h3 class="mt-3 pt-1 mb-0 d-flex align-items-center">
                                {{ $total_pelanggan }}
                              </h3>
                              <h6 class="text-muted mb-0 fw-normal mt-2">Total Pelanggan</h6>
                            </div>
                          </div>
                        
                    </div>
                    <div class="col-lg-4 d-flex align-items-stretch">
                        <div class="card w-100">
                            <div class="card-body">
                              <span class="
                                  btn btn-xl btn-light-danger
                                  text-danger
                                  btn-circle
                                  d-flex
                                  align-items-center
                                  justify-content-center
                                ">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bar-chart"><line x1="12" y1="20" x2="12" y2="10"></line><line x1="18" y1="20" x2="18" y2="4"></line><line x1="6" y1="20" x2="6" y2="16"></line></svg>
                              </span>
                              <h3 class="mt-3 pt-1 mb-0 d-flex align-items-center">
                                {{ $total_pelanggan_laki_laki }}
                              </h3>
                              <h6 class="text-muted mb-0 fw-normal mt-2">Pelanggan Laki-Laki</h6>
                            </div>
                          </div>
                        
                    </div>
                    <div class="col-lg-4 d-flex align-items-stretch">
                        <div class="card w-100">
                            <div class="card-body">
                              <span class="
                                  btn btn-xl btn-light-success
                                  text-success
                                  btn-circle
                                  d-flex
                                  align-items-center
                                  justify-content-center
                                ">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-refresh-cw"><polyline points="23 4 23 10 17 10"></polyline><polyline points="1 20 1 14 7 14"></polyline><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path></svg>
                              </span>
                              <h3 class="mt-3 pt-1 mb-0">
                                {{ $total_pelanggan_perempuan }}
                                  </h3>
                              <h6 class="text-muted mb-0 fw-normal mt-2">Jumlah Pelanggan Perempuan</h6>
                            </div>
                          </div>
                    </div>
                </div>
                
            </div>
            
          </div> --}}

        
          <div class="row">
            <div class="col-lg-12">
                <div class="card w-100">
                    <div class="card-body">
                        <div class="d-flex align-items-center pb-3 border-bottom">
                            <div>
                                <h3 class="card-title">Responden Domisili</h3>
                                {{-- <h6 class="card-subtitle mb-0">Overview of Years</h6> --}}
                            </div>
                           
                        </div>
                        <div id="responden-domisili" class="mt-4"></div>
                    </div>
                </div>
            </div>
          </div>

          <div class="row">
            <div class="col-lg-6">
                <div class="card w-100">
                    <div class="card-body">
                        <div class="d-flex align-items-center pb-3 border-bottom">
                            <div>
                                <h3 class="card-title">Responden Berdasarkan Usia</h3>
                                {{-- <h6 class="card-subtitle mb-0">Overview of Years</h6> --}}
                            </div>
                           
                        </div>
                        <div id="responden-usia" class="mt-4"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-6">
                <div class="card w-100">
                    <div class="card-body">
                        <div class="d-flex align-items-center pb-3 border-bottom">
                            <div>
                                <h3 class="card-title">Status Pelanggan</h3>
                                {{-- <h6 class="card-subtitle mb-0">Overview of Years</h6> --}}
                            </div>
                            
                        </div>
                        <div id="status-pelanggan" class="mt-4"></div>
                    </div>
                </div>
            </div>
            
            <div class="col-lg-6 d-flex align-items-stretch">
                <div class="card w-100">
                    <div class="card-body">
                        <div class="d-flex align-items-center pb-3 border-bottom">
                            <div>
                                <h3 class="card-title">Responden Berdasarkan Tingkat Pendidikan</h3>
                                {{-- <h6 class="card-subtitle mb-0">Overview of Years</h6> --}}
                            </div>
                            
                        </div>
                        <div id="responden-tingkat-pendidikan" class="mt-4"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-6 d-flex align-items-stretch">
                <div class="card w-100">
                    <div class="card-body">
                        <div class="d-flex align-items-center pb-3 border-bottom">
                            <div>
                                <h3 class="card-title">Responden Berdasarkan Agama</h3>
                                {{-- <h6 class="card-subtitle mb-0">Overview of Years</h6> --}}
                            </div>
                           
                        </div>
                        <div id="responden-agama" class="mt-4"></div>
                    </div>
                </div>
            </div>
            
        </div>

        <div class="row">
            <div class="col-lg-12">
                <div class="card w-100">
                    <div class="card-body">
                        <div class="d-flex align-items-center pb-3 border-bottom">
                            <div>
                                <h3 class="card-title">Responden Berdasarkan Pekerjaan</h3>
                                {{-- <h6 class="card-subtitle mb-0">Overview of Years</h6> --}}
                            </div>
                            
                        </div>
                        <div id="reponden-pekerjaan" class="mt-4"></div>
                    </div>
                </div>
            </div>
        </div>
    
          <!-- Row -->
        </div>
@endsection
@section('js')
<script src="{{asset('back')}}/libs/apexcharts/dist/apexcharts.min.js"></script>
<!-- Chart JS -->
<script src="{{asset('back')}}/js/pages/dashboards/dashboard1.js"></script>


<script>
    function statusPelangganSelect() {
        $.ajax({
            url: "{{ route('dashboard-pelanggan.get-pekerjaan-dashboard') }}",
            method: "POST",
            data: {
                _token: "{{ csrf_token() }}",
            },
            success: function (result) {
                var status_pelanggan_option = {
                    series: [40, 50],
                    labels: ['Member', 'Umum'],
                    chart: {
                        id: "status_pelanggan_chart",
                        height: 280,
                        type: "donut",
                        foreColor: "#adb0bb",
                        fontFamily: "DM sans",
                    },
                    colors: ["#1a9bfc", "#15435A", "#fec90f", "#ecf0f2"],
                    dataLabels: {
                        enabled: true,
                    },
                    legend: {
                        show: true,
                        // position: "bottom",
                        // fontSize: "16px",
                        // labels: {
                        //   colors: ["#777e89"],
                        // },
                        // markers: {
                        //   width: 8,
                        //   height: 8,
                        // },
                    },
                    grid: {
                        show: false,
                        borderColor: "transparent",
                        padding: {
                            top: 0,
                            right: 0,
                        },
                    },
                    stroke: {
                        colors: ["transparent"],
                    },
                    plotOptions: {
                        pie: {
                            donut: {
                                size: "78%",
                                background: "transparent",
                                labels: {
                                    show: true,
                                    name: {
                                        show: true,
                                        fontSize: "18px",
                                        color: undefined,
                                        offsetY: -10,
                                    },
                                    value: {
                                        show: false,
                                        color: "#98aab4",
                                    },
                                    total: {
                                        show: false,
                                        label: "Our Visitors",
                                        color: "#98aab4",
                                    },
                                },
                            },
                        },
                    },
                    tooltip: {
                        theme: "dark",
                        fillSeriesColor: false,
                    },
                };
                var status_pelanggan_chart = new ApexCharts(
                    document.querySelector("#status-pelanggan"),
                    status_pelanggan_option
                );
                status_pelanggan_chart.render();
                function randomize(result) {
                    return status_pelanggan_chart.w.globals.series.map((x, index, array) => {
                        return result[index]
                    })
                }

                var myElement = document.getElementById('pengukuran_kategori_survey_select');
                myElement.addEventListener('change', (event) => {
                    $.ajax({
                        url: "{{ route('dashboard-pelanggan.get-pekerjaan-dashboard')    }}",
                        method: "POST",
                        data: {
                            _token: "{{ csrf_token() }}",
                        },
                        success: function (result) {
                            pengukuran_chart.updateSeries(randomize(result[1]))
                        }
                    });
                });
                
            }
        });
    }
    statusPelangganSelect();

function pekerjaanSelect() {
    $.ajax({
        url: "{{ route('dashboard-pelanggan.get-pekerjaan-dashboard') }}",
        method: "POST",
        data: {
            _token: "{{ csrf_token() }}",
        },
        success: function (result) {
            var repsonden_pekerjaan_overview = {
                series: [{
                    name: "Jumlah",
                    data: result[1],
                }],
                chart: {
                    id: "pekerjaan_chart",
                    type: "bar",
                    height: 260,
                    offsetX: -15,
                    toolbar: {
                        show: false,
                    },
                    foreColor: "#adb0bb",
                    fontFamily: "DM sans",
                    sparkline: {
                        enabled: false,
                    },
                },
                grid: {
                    show: false,
                    borderColor: "transparent",
                    padding: {
                        left: 0,
                        right: 0,
                        bottom: 0,
                    },
                },
                plotOptions: {
                    bar: {
                        horizontal: false,
                        columnWidth: "42%",
                        endingShape: "rounded",
                        borderRadius: 5,
                    },
                },
                colors: ["#15435A", "#a7e3f4"],
                fill: {
                    type: "solid",
                    opacity: 1,
                },
                dataLabels: {
                    enabled: false,
                },
                markers: {
                    size: 0,
                },
                legend: {
                    show: false,
                },
                xaxis: {
                    type: "category",
                    categories: result[0],
                },
                yaxis: {
                    show: true,
                    tickAmount: 1,
                    labels: {
                        formatter: function (val) {
                            return Math.floor(val)
                        }
                    }
                },
                stroke: {
                    show: true,
                    width: 5,
                    lineCap: "butt",
                    colors: ["transparent"],
                },
                tooltip: {
                    theme: "dark",
                },
            };
            var responden_pekerjaan = new ApexCharts(
                document.querySelector("#reponden-pekerjaan"),
                repsonden_pekerjaan_overview
            );
            responden_pekerjaan.render();
            var myElement = document.getElementById('pekerjaan_kategori_survey_select');
            myElement.addEventListener('change', (event) => {
                $.ajax({
                    url: "{{ route('dashboard-pelanggan.get-pekerjaan-dashboard') }}",
                    method: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                    },
                    success: function (result) {
                        ApexCharts.exec('pekerjaan_chart', 'updateSeries', [{
                            data: result[1]
                        }], true);
                    }
                });
            });
        }
    });
}
pekerjaanSelect();

      function domisiliSelect() {
        $.ajax({
            url: "{{ route('dashboard-pelanggan.get-domisili-dashboard') }}",
            method: "POST",
            data: {
                _token: "{{ csrf_token() }}",
            },
            success: function (result) {
                var domisili_option = {
                    series: [{
                        name: "Jumlah",
                        data: result[1],
                    }],
                    chart: {
                        id: "usia_chart",
                        type: "bar",
                        height: 260,
                        offsetX: -15,
                        toolbar: {
                            show: false,
                        },
                        foreColor: "#adb0bb",
                        fontFamily: "DM sans",
                        sparkline: {
                            enabled: false,
                        },
                    },
                    grid: {
                        show: false,
                        borderColor: "transparent",
                        padding: {
                            left: 0,
                            right: 0,
                            bottom: 0,
                        },
                    },
                    plotOptions: {
                        bar: {
                            horizontal: false,
                            columnWidth: "42%",
                            endingShape: "rounded",
                            borderRadius: 5,
                        },
                    },
                    colors: ["#15435A", "#a7e3f4"],
                    fill: {
                        type: "solid",
                        opacity: 1,
                    },
                    dataLabels: {
                        enabled: false,
                    },
                    markers: {
                        size: 0,
                    },
                    legend: {
                        show: false,
                    },
                    xaxis: {
                        type: "category",
                        categories: result[0],
                    },
                    yaxis: {
                        show: true,
                        tickAmount: 1,
                        labels: {
                            formatter: function (val) {
                                return Math.floor(val)
                            }
                        }
                    },
                    stroke: {
                        show: true,
                        width: 5,
                        lineCap: "butt",
                        colors: ["transparent"],
                    },
                    tooltip: {
                        theme: "dark",
                    },
                };
                
                var domisili_chart = new ApexCharts(
                    document.querySelector("#responden-domisili"),
                    domisili_option
                );
                domisili_chart.render();
                function updateData(result) {
                    return domisili_chart.w.globals.series.map((x, index, array) => {
                        return result[index]
                    })
                }
                var myElement = document.getElementById('domisili_kategori_survey_select');
                myElement.addEventListener('change', (event) => {
                    $.ajax({
                        url: "{{ route('dashboard-pelanggan.get-domisili-dashboard') }}",
                        method: "POST",
                        data: {
                            _token: "{{ csrf_token() }}",
                        },
                        success: function (result) {
                            domisili_chart.updateSeries(updateData(result[1]))
                        }
                    });
                });
            }
        });
    }

    domisiliSelect();

    </script>
    <script>
       function usiaSelect() {
        $.ajax({
            url: "{{ route('dashboard-pelanggan.get-usia-dashboard') }}",
            method: "POST",
            data: {
                _token: "{{ csrf_token() }}",
            },
            success: function (result) {
                var repsonden_usia_overview = {
                    series: [{
                        name: "Jumlah",
                        data: result[1],
                    }],
                    chart: {
                        id: "usia_chart",
                        type: "bar",
                        height: 260,
                        offsetX: -15,
                        toolbar: {
                            show: false,
                        },
                        foreColor: "#adb0bb",
                        fontFamily: "DM sans",
                        sparkline: {
                            enabled: false,
                        },
                    },
                    grid: {
                        show: false,
                        borderColor: "transparent",
                        padding: {
                            left: 0,
                            right: 0,
                            bottom: 0,
                        },
                    },
                    plotOptions: {
                        bar: {
                            horizontal: false,
                            columnWidth: "42%",
                            endingShape: "rounded",
                            borderRadius: 5,
                        },
                    },
                    colors: ["#15435A", "#a7e3f4"],
                    fill: {
                        type: "solid",
                        opacity: 1,
                    },
                    dataLabels: {
                        enabled: false,
                    },
                    markers: {
                        size: 0,
                    },
                    legend: {
                        show: false,
                    },
                    xaxis: {
                        type: "category",
                        categories: result[0],
                    },
                    yaxis: {
                        show: true,
                        tickAmount: 1,
                        labels: {
                            formatter: function (val) {
                                return Math.floor(val)
                            }
                        }
                    },
                    stroke: {
                        show: true,
                        width: 5,
                        lineCap: "butt",
                        colors: ["transparent"],
                    },
                    tooltip: {
                        theme: "dark",
                    },
                };
                var repsonden_usia = new ApexCharts(
                    document.querySelector("#responden-usia"),
                    repsonden_usia_overview
                );
                repsonden_usia.render();
                var myElement = document.getElementById('usia_kategori_survey_select');
                myElement.addEventListener('change', (event) => {
                    $.ajax({
                        url: "{{ route('dashboard-pelanggan.get-usia-dashboard') }}",
                        method: "POST",
                        data: {
                            _token: "{{ csrf_token() }}",
                        },
                        success: function (result) {
                            ApexCharts.exec('usia_chart', 'updateSeries', [{
                                data: result[1]
                            }], true);
                        }
                    });
                });
            }
        });
    }
    usiaSelect();

    function tingkatPendidikanSelect() {
        $.ajax({
            url: "{{ route('dashboard-pelanggan.get-tingkat-pendidikan-dashboard') }}",
            method: "POST",
            data: {
                _token: "{{ csrf_token() }}",
            },
            success: function (result) {
                var repsonden_tingkat_pendidikan_overview = {
                    series: [{
                        name: "Jumlah",
                        data: result[1],
                    }],
                    chart: {
                        id: "tingkat_pendidikan_chart",
                        type: "bar",
                        height: 260,
                        offsetX: -15,
                        toolbar: {
                            show: false,
                        },
                        foreColor: "#adb0bb",
                        fontFamily: "DM sans",
                        sparkline: {
                            enabled: false,
                        },
                    },
                    grid: {
                        show: false,
                        borderColor: "transparent",
                        padding: {
                            left: 0,
                            right: 0,
                            bottom: 0,
                        },
                    },
                    plotOptions: {
                        bar: {
                            horizontal: false,
                            columnWidth: "42%",
                            endingShape: "rounded",
                            borderRadius: 5,
                        },
                    },
                    colors: ["#15435A", "#a7e3f4"],
                    fill: {
                        type: "solid",
                        opacity: 1,
                    },
                    dataLabels: {
                        enabled: false,
                    },
                    markers: {
                        size: 0,
                    },
                    legend: {
                        show: false,
                    },
                    xaxis: {
                        type: "category",
                        categories: result[0],
                    },
                    yaxis: {
                        show: true,
                        tickAmount: 1,
                        labels: {
                            formatter: function (val) {
                                return Math.floor(val)
                            }
                        }
                    },
                    stroke: {
                        show: true,
                        width: 5,
                        lineCap: "butt",
                        colors: ["transparent"],
                    },
                    tooltip: {
                        theme: "dark",
                    },
                };
                var responden_tingkat_pendidikan = new ApexCharts(
                    document.querySelector("#responden-tingkat-pendidikan"),
                    repsonden_tingkat_pendidikan_overview
                );
                responden_tingkat_pendidikan.render();
                var myElement = document.getElementById('tingkat_pendidikan_kategori_survey_select');
                myElement.addEventListener('change', (event) => {
                    $.ajax({
                        url: "{{ route('dashboard-pelanggan.get-tingkat-pendidikan-dashboard') }}",
                        method: "POST",
                        data: {
                            _token: "{{ csrf_token() }}",
                        },
                        success: function (result) {
                            ApexCharts.exec('tingkat_pendidikan_chart', 'updateSeries',
                                [{
                                    data: result[1]
                                }], true);
                        }
                    });
                });
            }
        });
    }

    tingkatPendidikanSelect();

    function agamaSelect() {
        $.ajax({
            url: "{{ route('dashboard-pelanggan.get-agama-dashboard') }}",
            method: "POST",
            data: {
                _token: "{{ csrf_token() }}",
            },
            success: function (result) {
                var agama_option = {
                    series: result[1],
                    labels: result[0],
                    chart: {
                        id: "responden_agama_chart",
                        height: 280,
                        type: "donut",
                        foreColor: "#adb0bb",
                        fontFamily: "DM sans",
                    },
                    colors: ["#1a9bfc", "#15435A", "#fec90f", "#ecf0f2"],
                    dataLabels: {
                        enabled: true,
                    },
                    legend: {
                        show: true,
                        // position: "bottom",
                        // fontSize: "16px",
                        // labels: {
                        //   colors: ["#777e89"],
                        // },
                        // markers: {
                        //   width: 8,
                        //   height: 8,
                        // },
                    },
                    grid: {
                        show: false,
                        borderColor: "transparent",
                        padding: {
                            top: 0,
                            right: 0,
                        },
                    },
                    stroke: {
                        colors: ["transparent"],
                    },
                    plotOptions: {
                        pie: {
                            donut: {
                                size: "78%",
                                background: "transparent",
                                labels: {
                                    show: true,
                                    name: {
                                        show: true,
                                        fontSize: "18px",
                                        color: undefined,
                                        offsetY: -10,
                                    },
                                    value: {
                                        show: false,
                                        color: "#98aab4",
                                    },
                                    total: {
                                        show: false,
                                        label: "Our Visitors",
                                        color: "#98aab4",
                                    },
                                },
                            },
                        },
                    },
                    tooltip: {
                        theme: "dark",
                        fillSeriesColor: false,
                    },
                };

                
                var responden_agama = new ApexCharts(
                    document.querySelector("#responden-agama"),
                    agama_option
                );
                responden_agama.render();
                var myElement = document.getElementById('agama_kategori_survey_select');
                myElement.addEventListener('change', (event) => {
                    $.ajax({
                        url: "{{ route('dashboard-pelanggan.get-agama-dashboard') }}",
                        method: "POST",
                        data: {
                            _token: "{{ csrf_token() }}",
                        },
                        success: function (result) {
                            ApexCharts.exec('agama_chart', 'updateSeries', [{
                                data: result[1]
                            }], true);
                        }
                    });
                });
            }
        });
    }
    agamaSelect();

    </script>
@endsection