@extends('reachassuree_agent/layouts.main')
@section('title', $data['title'])
@section('content')

<meta name="csrf-token" content="{{ csrf_token() }}">

<style>
    @media (max-width: 575px) {
        .col-12.d-flex {
            display: unset !important;
        }
        .d-flex.justify-content {
            justify-content: center;
            margin: 15px 0;
        }
    }
    @media (max-width: 768px) {
        .nav {
            margin: 0 auto;
            display: block !important;
        }
        li.nav-item {
            border-right: unset !important;
        }
        .page-title-box .col-md-6:first-child .page-title-right {
            margin: 15px 0;
        }
    }
    .col-md-2.tab-pane.fade.show.active {
        display: block;
    }
    .col-md-2.tab-pane.fade {
        display: none;
    }
    .col-form-label {
        padding-top: calc(0.375rem + 1px);
        padding-bottom: calc(0.375rem + 1px);
        margin-bottom: 0;
        font-size: inherit;
        line-height: 1.5;
    }
    .f-14 {
        font-size: 14px;
        font-weight: 600;
    }
    input#general_document_number {
        cursor: default;
    }
    div#myTabContent {
        background-color: #f1f5fe;
        padding: 1rem;
        border-radius: 0.8rem;
    }
    button#life-commission,
    button#general-commission{
        font-size: 16px;
        color: #000;
    }
    .nav {
        padding: 10px 0px 5px 0px;
        /* padding: 10px 0; */
        width: fit-content;
        border-radius: 0.8rem;
        background-color: #f1f5fe;
    }
    li.nav-item {
        border-right: 1px solid #074193;
        padding: 0 15px;
    }
    li.nav-item:last-child {
        border-right: none;
    }
    .nav-tabs {
        border-bottom: 0;
    }
    .nav-link {
        padding: 0.5rem 1.2rem;
        font-weight: 500;
    }
    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        border: none;
        border-color: unset;
        border-radius: 0.6rem;
        color: #fff !important;
        background-color: var(--bs-blue);
    }
    .nav-tabs .nav-link:focus,
    .nav-tabs .nav-link:hover {
        border-color: unset;
        border: 0;
    }
    .nav-tabs .nav-link {
        border-radius: 0.6rem;
        border: 0;
    }

    #generalPromotionalModal,
    #lifePromotionalModal{
        width: max-content;
    }
    
    @media (max-width: 1365px){
        #myTab {
            align-items: stretch;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            overflow-x: auto !important;
        }
    }
</style>

<div class="page-content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12 page-title-box">
                <div class="row">
                    <div class="col-md-8">
                        <h4 class="mb-sm-0 font-size-18"><a href="javascript:void(0);" onclick="history.back();"class="btn btn-primary px-3 waves-effect waves-light btn-sm backToButton" id="backToButton"><i class="mdi mdi-arrow-left font-size-20"></i></a>&nbsp;&nbsp;&nbsp; {{ $data['title'] }}</h4>
                    </div>
                </div>
            </div>
        </div>

        <div class="row justify-content-end">
            <a href="javascript:void(0);" onclick="return learningVideo()" class="btn-youtube-pulse btn-youtube-pulse-border">
                <i class="mdi mdi-youtube"></i>
            </a>
        </div>

        <!-- start row -->
        <div class="row" id="card">
            <div class="card p-3">
                <div class="col-md-12">
                        <div class="row mb-3 align-items-center justify-content-between">
                            <ul class="nav nav-tabs" id="myTab" role="tablist">
                                <li class="nav-item" role="presentation">
                                    <a class="nav-link waves-effect font-size-16 text-center" id="general-commission" data-bs-toggle="tab" data-bs-target="#generalCommission" type="button" role="tab" aria-controls="profile" aria-selected="false">General Insurance</a>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <a class="nav-link waves-effect font-size-16 text-center" id="life-commission" data-bs-toggle="tab" data-bs-target="#lifeCommission" type="button" role="tab" aria-controls="contact" aria-selected="false">Life Insurance</a>
                                </li>
                            </ul>
                            <button type="button" class="btn waves-effect font-size-14 text-center float-end text-white bg-dark waves-effect waves-light me-2" id="generalPromotionalModal">Add Promotional Setting</button>
                            <button type="button" class="btn waves-effect font-size-14 text-center float-end text-white bg-dark waves-effect waves-light d-none me-2" id="lifePromotionalModal">Add Promotional Setting</button>
                        </div>


                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade" id="generalCommission" role="tabpanel" aria-labelledby="general-commission">
                            <div class="table-responsive">
                                <table id="G_Datatable" class="table align-middle table-nowrap table-striped display nowrap w-100">
                                    <thead>
                                        <tr>
                                            <th>Action</th>
                                            <th>Status</th>
                                            <th>Transaction Date</th>
                                            <th>Transaction No</th>
                                            <th>Start Date</th>
                                            <th>End Date</th>
                                            <th>borker</th>
                                            <th>company</th>
                                            <th>division</th>
                                            <th>segment</th>
                                            <th>Target Amount</th>
                                            <th>Comm Per.</th>
                                            <th>Comm Amt.</th>
                                            <th>Count Of Policy</th>
                                            <th>Total Policy Amt</th>
                                            <th>Difference Amt</th>
                                            <th>Receivable Comm</th>
                                        </tr>
                                    </thead>
                                    <tbody></tbody>
                                </table>
                                @csrf
                            </div>

                            <div class="col-md-12 mt-5 d-none">
                                <div class="row">
                                    <div class="col">
                                        <div class="card text-white bg-secondary mb-3">
                                            <div class="card-header text-center font-size-13">Total Policy Amount<br><div id="general_total_amount"></div></div>
                                        </div>
                                    </div>
                                    <div class="col">
                                        <div class="card text-white bg-dark mb-3">
                                            <div class="card-header text-center font-size-13">Target Amount<br><div id="general_total_target_amount"></div></div>
                                        </div>
                                    </div>
                                    <div class="col">
                                        <div class="card text-white bg-secondary mb-3">
                                            <div class="card-header text-center font-size-13">Target Commission<br><div id="general_target_commmission"></div></div>
                                        </div>
                                    </div>
                                    <div class="col">
                                        <div class="card text-white bg-dark mb-3">
                                            <div class="card-header text-center font-size-13">Lum Sum<br><div id="general_lum_sum"></div></div>
                                        </div>
                                    </div>
                                    <div class="col">
                                        <div class="card text-white bg-secondary mb-3">
                                            <div class="card-header text-center font-size-13">Receivable Commission<br><div id="general_recei_comm"></div></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="tab-pane fade" id="lifeCommission" role="tabpanel" aria-labelledby="life-commission">
                            <div class="table-responsive">
                                <table id="L_Datatable" class="table align-middle table-nowrap table-striped display nowrap w-100">
                                    <thead>
                                        <tr>
                                            <th>Action</th>
                                            <th>Id</th>
                                            <th>Start Date</th>
                                            <th>End Date</th>
                                            <th>borker</th>
                                            <th>company</th>
                                            <th>Target Amount</th>
                                            <th>Comm Per.</th>
                                            <th>Comm Amt.</th>
                                            <th>Count Of Policy</th>
                                            <th>Total Policy Amt</th>
                                            <th>Difference Amt</th>
                                            <th>Receivable Comm</th>
                                        </tr>
                                    </thead>
                                    <tbody></tbody>
                                </table>
                                @csrf
                            </div>

                            <div class="col-md-12 mt-5 d-none">
                                <div class="row">
                                    <div class="col">
                                        <div class="card text-white bg-secondary mb-3">
                                            <div class="card-header text-center font-size-13">Total Policy Amount<br><div id="life_total_amount"></div></div>
                                        </div>
                                    </div>
                                    <div class="col">
                                        <div class="card text-white bg-dark mb-3">
                                            <div class="card-header text-center font-size-13">Target Amount<br><div id="life_total_target_amount"></div></div>
                                        </div>
                                    </div>
                                    <div class="col">
                                        <div class="card text-white bg-secondary mb-3">
                                            <div class="card-header text-center font-size-13">Target Commission<br><div id="life_target_commmission"></div></div>
                                        </div>
                                    </div>
                                    <div class="col">
                                        <div class="card text-white bg-dark mb-3">
                                            <div class="card-header text-center font-size-13">Receivable Commission<br><div id="life_recei_comm"></div></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('custom-scripts')
<script src="{{ asset('assets/libs/parsleyjs/parsley.min.js') }}"></script>
<script src="{{ asset('assets/js/pages/kendo.all.min.js') }}"></script>
<script src="{{ asset('assets/js/pages/form-validation.init.js') }}?v=2"></script>
<script src="{{ asset('assets/js/pages/jquery.form.js') }}"></script>

<script type="text/javascript">
    $(document).ready(function () {
        var isDeleted = "{{$data['is_deleted']}}";
        var csrfToken = $('meta[name="csrf-token"]').attr('content');

        var G_Datatable = $('#G_Datatable').DataTable({
            "order":[[ 1, 'desc' ]],
            "ordering": true,
            "processing": true,
            "serverSide": true,
            "scrollX": true,
            "scrollY": function() {return $(window).height() - 515;},
            "lengthMenu": [[10, 50, 100, 150],[10, 50, 100, 150]],
            "language": {"processing": '<button type="button" class="btn btn-dark waves-effect waves-light"><i class="bx bx-loader bx-spin font-size-16 align-middle me-2"></i> Processing...</button>'},
            "ajax": {
                "url": "{{ route('general.promotional.commission.ajax') }}",
                "type": "POST",
                "data": {"_token": csrfToken,"is_deleted": isDeleted}
            },
            "aoColumns": [
                {"mData": "action", sortable: false},
                {"mData": "case"},
                {"mData": "transaction_date"},
                {"mData": "transaction_no"},
                {"mData": "from_date"},
                {"mData": "end_date"},
                {"mData": "broker_id", sortable: false},
                {"mData": "insurance_company_id", sortable: false},
                {"mData": "division_id", sortable: false},
                {"mData": "segment_id", sortable: false},
                {"mData": "target", sortable: false},
                {"mData": "comm_per", sortable: false},
                {"mData": "comm_amt", sortable: false},
                {"mData": "policy_nos", sortable: false},
                {"mData": "policy_amt", sortable: false},
                {"mData": "diff_amt", sortable: false},
                {"mData": "receivable_commission", sortable: false},
            ],
        });

        G_Datatable.on('xhr', function() {
            var responseGeneralData = G_Datatable.ajax.json();
        });

        var L_Datatable = $('#L_Datatable').DataTable({
            "order": [[1, 'desc']],
            "ordering": true,
            "processing": true,
            "serverSide": true,
            "scrollX": true,
            "scrollY": function() {return $(window).height() - 515;},
            "lengthMenu": [[10, 50, 100, 150],[10, 50, 100, 150]],
            "language": {"processing": '<button type="button" class="btn btn-dark waves-effect waves-light"><i class="bx bx-loader bx-spin font-size-16 align-middle me-2"></i> Processing...</button>'},
            "ajax": {
                "url": "{{ route('life.promotional.commission.ajax') }}",
                "type": "POST",
                "data": {"_token": csrfToken, "is_deleted": isDeleted}
            },
            "aoColumns": [
                {"mData": "action", sortable: false},
                {"mData": "id"},
                {"mData": "from_date"},
                {"mData": "end_date"},
                {"mData": "broker_id"},
                {"mData": "insurance_company_id"},
                {"mData": "target_amt"},
                {"mData": "comm_per"},
                {"mData": "comm_amt", sortable: false},
                {"mData": "policy_count", sortable: false},
                {"mData": "policy_amt", sortable: false},
                {"mData": "diff_amt", sortable: false},
                {"mData": "receing_amt", sortable: false},
            ]
        });

        L_Datatable.on('xhr', function() {
            var responseLifeData = L_Datatable.ajax.json();
        });

        assignDatePicker();

        initializeSelect2('#general_insurance_company_id', "{{ route('search.insurance.company') }}", {additionalParams: {company_type: "General"}}, "Search Insurance Company");
        initializeSelect2('#general_broker_id', "{{ route('search.broker') }}", {}, "Search Broker");
        $("#general_select_comm_type, #life_select_comm_type").select2();

        $("#general_segment_id").select2({
            ajax: {
                url: "{{ route('search.optional.segment') }}",
                dataType: 'json',
                delay: 0,
                data: function(params) {
                    return {
                        "division_id": "2, 3, 4",
                        search_value: params.term,
                        page: params.page
                    };
                },
                processResults: function(data, params) {
                    params.page = params.page || 1;

                    return {
                        results: data.results,
                        pagination: {
                            more: (params.page * 30) < data.total_count
                        }
                    };
                },
                cache: false
            },
            placeholder: 'Search for segment',
        });

        initializeSelect2('#life_insurance_company_id', "{{ route('search.insurance.company') }}", {additionalParams: {company_type: "Life"}}, "Search Insurance Company");
        initializeSelect2('#life_broker_id', "{{ route('search.broker') }}", {}, "Search Broker");

        updateURLWithActiveTabId();

        $('#general-commission').click(function() {
            handleTabClick('#general-commission', '#generalCommission', 'general-commission');
        });

        $('#life-commission').click(function() {
            handleTabClick('#life-commission', '#lifeCommission', 'life-commission');
        });

        setupDatePair($('#general_from_date'), $('#general_end_date'));
        setupDatePair($('#life_from_date'), $('#life_end_date'));

        $('#generalPromotionalModal').on('click', function (e) {

            window.location.href = "{{ route('add.general.promotional.commission') }}";
        });
        
        $('#lifePromotionalModal').on('click', function (e) {
            window.location.href = "{{ route('add.life.promotional.commission') }}";
        });

        $('#saveGeneralPromotionalSetting').on('click', function(e) {
            e.preventDefault();
            var generalFormData = new FormData($('#formGeneralPromotionalCommission')[0]);

            $.ajax({
                type: 'POST',
                url: "{{ route('save.general.promotional.setting') }}",
                data: generalFormData,
                processData: false,
                contentType: false,
                beforeSend: function(){
                    showLoader();
                },
                success: function(resultData) {
                    if (resultData['status'] == 1){

                        resetAllData();

                        toastr["success"](resultData['msg']);

                        $("#formGeneralPromotionalCommission").removeClass('was-validated');

                        hideLoader();

                    } else if (resultData['status'] == 0) {
                        hideLoader();

                        if (typeof resultData['data'] !== "undefined") {
                            var size = Object.keys(resultData['data']).length;
                            if (size > 0) {
                                for (var [key, value] of Object.entries(resultData['data'])) {
                                    toastr["error"](value);
                                }
                            }
                        } else {
                            toastr["error"](resultData['msg']);
                        }
                        $("#formGeneralPromotionalCommission").addClass('was-validated');
                    }
                }
            });
        });
     
        $('#saveLifePromotionalSetting').on('click', function(e) {
            e.preventDefault();
            var lifeFormData = new FormData($('#formLifePromotionalCommission')[0]);

            $.ajax({
                type: 'POST',
                url: "{{ route('save.life.promotional.setting') }}",
                data: lifeFormData,
                processData: false,
                contentType: false,
                beforeSend: function(){
                    showLoader();
                },
                success: function(resultData) {
                    if (resultData['status'] == 1){
                        resetAllData();

                        $("#formLifePromotionalCommission").removeClass('was-validated');
                        $('#life-promotional-modal').modal('hide');
                        hideLoader();

                        toastr["success"](resultData['msg']);
                    } else if (resultData['status'] == 0) {
                        hideLoader();

                        if (typeof resultData['data'] !== "undefined") {
                            var size = Object.keys(resultData['data']).length;
                            if (size > 0) {
                                for (var [key, value] of Object.entries(resultData['data'])) {
                                    toastr["error"](value);
                                }
                            }
                        } else {
                            toastr["error"](resultData['msg']);
                        }
                        $("#formLifePromotionalCommission").addClass('was-validated');
                    }
                }
            });
        });
    });

    $(document).on("input paste", ".percentage", function() {
        formatPercentageInput($(this));
    });
    
    $(document).on("input paste", ".amount", function() {
        formatAmountInput($(this));
    });

    $(document).on("change", "#general_select_comm_type, #life_select_comm_type", function() {
        var selectedOption = $(this).val();
        var commissionInput;
        if ($(this).attr('id') == 'general_select_comm_type') {
            commissionInput = $('#general_commission');
        } else if ($(this).attr('id') == 'life_select_comm_type') {
            commissionInput = $('#life_commission');
        }

        if (selectedOption == "Amount") {
            commissionInput.val('').addClass('amount').removeClass('percentage');
        } else {
            commissionInput.val('').addClass('percentage').removeClass('amount');
        }
    });

    function initializeSelect2(selector, url, params, placeholder) {
        $(selector).select2({
            ajax: {
                url: url,
                dataType: 'json',
                delay: 0,
                data: function(params) {
                    var requestData = {
                        search_value: params.term,
                        page: params.page
                    };
                    Object.assign(requestData, params.additionalParams);
                    return requestData;
                },
                processResults: function(data, params) {
                    params.page = params.page || 1;

                    return {
                        results: data.results,
                        pagination: {
                            more: (params.page * 30) < data.total_count
                        }
                    };
                },
                cache: false
            },
            placeholder: placeholder
        });
    }

    function generalEditView(id) {
        window.location.href = "{{ route('edit.general.promotional.setting') }}" + "?id=" + id;
    }
 
    function lifeEditView(id) {

        $('#life-promotional-modal').modal('show');

        $.ajax({
            type: 'GET',
            url: "{{ route('get.life.promotional.setting') }}" + "?id=" + id,
            success: function(resultData) {
                if (resultData['status'] == 1) {

                    var targetAmount = resultData['data']['target_amt'];
                    var commPerc = resultData['data']['comm_per'];
                    var commAmt = resultData['data']['comm_amt'];

                    $("#life_record_id").val(resultData['data']['id']);
                    $("#life_from_date").val(resultData['data']['from_date']);
                    $("#life_end_date").val(resultData['data']['end_date']);
                    $("#life_from_date").datepicker("setDate", resultData['data']['from_date']);
                    $("#life_end_date").datepicker("setDate", resultData['data']['end_date']);
                    $("#life_target_amount").val(targetAmount.toFixed(2));

                    if(commPerc > 0){
                        $('#life_select_comm_type').val("Percentage").trigger('change');
                        $("#life_commission").val(commPerc.toFixed(2));
                    }else{
                        $('#life_select_comm_type').val("Amount").trigger('change');
                        $("#life_commission").val(commAmt.toFixed(2));
                    }

                    // Insurance Company
                    var optionsHTML = '';
                    $('#life_insurance_company_id').empty();
                    var companyData = resultData['data']['company'];
                    for(var i = 0; i < companyData.length; i++){
                        var company = companyData[i];

                        optionsHTML += '<option value="' + company.id + '" selected>' + company.full_name + '</option>';
                        $('#life_insurance_company_id').html(optionsHTML);
                    }
                    
                    // Division
                    var optionsHTML = '';
                    $('#life_broker_id').empty();
                    var brokerData = resultData['data']['broker'];
                    for(var i = 0; i < brokerData.length; i++){
                        var broker = brokerData[i];

                        optionsHTML += '<option value="' + broker.id + '" selected>' + broker.name + '</option>';
                        $('#life_broker_id').html(optionsHTML);
                    }
                }
            }
        });
    }

    function resetAllData() {

        callDatatables('G_Datatable');
        callDatatables('L_Datatable');

        $("#formGeneralPromotionalCommission").removeClass('was-validated');

        $('#general_select_comm_type').val("Amount").trigger('change');
        $('#general_from_date, #general_end_date').datepicker('destroy');
        $('#record_id, #general_target_amount, #general_commission').val('');
        $('#general_commission').val('').addClass('amount').removeClass('percentage');
        $('#general_broker_id, #general_insurance_company_id, #general_segment_id').empty();


        $("#formGeneralPromotionalCommission").removeClass('was-validated');

        $('#life_select_comm_type').val("Amount").trigger('change');
        $('#life_from_date, #life_end_date').datepicker('destroy');
        $('#life_record_id, #life_target_amount, #life_commission').val('');
        $('#life_commission').val('').addClass('amount').removeClass('percentage');
        $('#life_broker_id, #life_insurance_company_id, #life_segment_id').empty();
        
        assignDatePicker();
    }

    function assignDatePicker(){
        
        Inputmask("9{2}-9{2}-9{4}", {
            definitions: {
                "C": {
                validator: "[C,S,c,s]",
                cardinality: 1,
                }
            },
            insertMode: false
        }).mask($('#general_from_date, #general_end_date, #life_from_date, #life_end_date'));

        var datepickerIds = [
            "general_from_date",
            "general_end_date",
            "life_from_date",
            "life_end_date",
        ];
    
        datepickerIds.forEach(function(id) {
            $("#" + id).val("");
            
            var modalId = '';
            if(id == "life_from_date" || id == "life_end_date"){
                modalId = "#life-promotional-modal";
            }else{
                modalId = "#general-promotional-modal";
            }

            $("#" + id).datepicker({
                format: "dd-mm-yyyy",
                autoclose: true,
                orientation: 'bottom',
                container: modalId
            }).on('changeDate', function() {
                $('.datepicker').hide();
            });
        });
    }

    function setupDatePair(startDateInput, endDateInput) {
        var datepickerConfig = {
            format: 'dd-mm-yyyy',
            autoclose: true
        };

        startDateInput.datepicker(datepickerConfig).on('changeDate', function(e) {
            var endDate = endDateInput.datepicker('getDate');
            if (e.date > endDate) {
                endDateInput.datepicker('setDate', null);
                endDateInput.val("");
            }
        });

        endDateInput.datepicker(datepickerConfig).on('changeDate', function(e) {
            var startDate = startDateInput.datepicker('getDate');
            if (e.date < startDate) {
                startDateInput.datepicker('setDate', null);
                startDateInput.val("");
            }
        });
    }

    function clearActiveTabClass(){
        $('.nav-link.waves-effect').removeClass('active');
        $('.tab-pane').removeClass('active show');
    }

    function updateURLWithActiveTabId() {
        const currentUrl = window.location.href;
        const url = new URL(currentUrl);
        var typeValue = url.searchParams.get('type');

        if(typeValue == null || typeValue == "general-commission"){
            handleTabClick('#general-commission', '#generalCommission', 'general-commission');
        }else if(typeValue == "life-commission"){
            handleTabClick('#life-commission', '#lifeCommission', 'life-commission');
        }
    }

    function handleTabClick(tabId, contentId, urlType) {

        
        clearActiveTabClass();

        $(tabId).addClass('active');
        $(contentId).addClass('active show');

        const currentUrl = window.location.href;
        const url = new URL(currentUrl);
        url.searchParams.set('type', urlType);
        
        history.replaceState(null, null, url.toString());

        if(contentId == '#generalCommission'){

            $('#generalPromotionalModal').removeClass('d-none');
            $('#lifePromotionalModal').addClass('d-none');

            setTimeout(function () {
                callDatatables('G_Datatable');
            }, 1000);
        }else if(contentId == '#lifeCommission'){       
            $('#generalPromotionalModal').addClass('d-none');
            $('#lifePromotionalModal').removeClass('d-none');
            
            setTimeout(function () {
                callDatatables('L_Datatable');
            }, 1000);
        }
    }

    function callDatatables(tableId){
        var G_Datatables = $('#'+tableId+'').DataTable();
        G_Datatables.columns.adjust().draw();
    }

    function generalRecordDelete(id) {
        swal.fire({
            title: "Are you sure want to delete this?",
            text: "You won't be able to revert this!",
            showCancelButton: true,
            confirmButtonColor: "#526BDF",
            cancelButtonColor: "#EC6767",
            confirmButtonText: "Yes, delete it!",
            cancelButtonText: "No, cancel it!",
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    type: 'GET',
                    url: "{{ route('delete.general.promotional.setting') }}" + "?id=" + id,
                    success: function(resultData) {
                        if (resultData['status'] == 1) {
                            toastr["success"](resultData['msg']);
                            callDatatables('G_Datatable');
                        }
                    }
                });
            }
        });
    }
    
    function lifeRecordDelete(id) {
        swal.fire({
            title: "Are you sure want to delete this?",
            text: "You won't be able to revert this!",
            showCancelButton: true,
            confirmButtonColor: "#526BDF",
            cancelButtonColor: "#EC6767",
            confirmButtonText: "Yes, delete it!",
            cancelButtonText: "No, cancel it!",
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    type: 'GET',
                    url: "{{ route('delete.life.promotional.setting') }}" + "?id=" + id,
                    success: function(resultData) {
                        if (resultData['status'] == 1) {
                            toastr["success"](resultData['msg']);
                            callDatatables('L_Datatable');
                        }
                    }
                });
            }
        });
    }
</script>
@endsection