@extends('back-office.layouts.layout-default')



@section('specific_css')

@endsection




@section('page_content')

    <div class="kt-container  kt-grid__item kt-grid__item--fluid">
        @component('back-office.components.portlets.table')
            @slot('title')
                CPDE
            @endslot
        @endcomponent
    </div>
{{--    <a href="javascript:;" class="btn btn-primary" id="showtoast">Show Toast</a>--}}
@endsection




@section('specific_js')
    <script>
        "use strict";

        // Class definition
        var KTDatatableRemoteAjaxDemo = function() {

            // Private functions

            // basic demo
            var demo = function() {

                var datatable = $('.kt-datatable').KTDatatable({
                    // datasource definition
                    data: {
                        type: 'remote',
                        source: {
                            read: {
                                url: 'admin/list/cpde',
                                headers: {'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content},
                                map: function(raw) {
                                    // sample data mapping
                                    var dataSet = raw;
                                    if (typeof raw.data !== 'undefined') {
                                        dataSet = raw.data;
                                    }
                                    return dataSet;
                                },
                            },
                        },
                        // pageSize: 10,
                        serverPaging: true,
                        serverFiltering: true,
                        serverSorting: true,
                       // webstorage: false,
   //                     saveState:false,
                    },

                    // layout definition
                    layout: {
                        scroll: false,
                        footer: false,
                    },

                    // column sorting
                    sortable: true,

                    pagination: true,

                    search: {
                        input: $('#generalSearch'),
                        // onEnter: true,
                        delay: 400,

                    },

                    // columns definition
                    columns: [
                        {
                            field: 'id',
                            title: '#',
                            sortable: 'asc',
                            width: 50,
                            type: 'number',
                            selector: false,
                            textAlign: 'center',
                        },

                        {
                            field: 'title',
                            title: 'Projet',

                        },{
                            field: 'status_cpde',
                            title: 'Status',

                        },
                        {
                            field: 'Actions',
                            title: 'Actions',
                            sortable: false,
                            width: 110,
                            overflow: 'visible',
                            autoHide: false,
                            template: function(row) {
                                return '\
                                <a href="admin/funding-cpde/' + row.id + '/edit" class="btn btn-sm btn-clean btn-icon btn-icon-sm" title="Edit details">\
                                    <i class="flaticon2-gear"></i>\
                                </a>\
                                <a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-sm" data-toggle="modal" data-target="#kt_modal_1" title="Delete">\
                                    <i class="flaticon2-trash"></i>\
                                </a>\
                            ';
                            },
                        }
                    ],
                });



                $.ajax({
                    url: '/admin/list/cpde-pool',
                    headers: {'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content},
                    type: 'GET',
                    success: function(result) {
                        console.log(result)
                        result.forEach(function(item) {
                            console.log(item.length);
                            if (item.length>= 5){
                                console.log(item)
                                toastr.options = {
                                    "closeButton": false,
                                    "debug": false,
                                    "newestOnTop": true,
                                    "progressBar": true,
                                    "positionClass": "toast-top-right",
                                    "preventDuplicates": false,
                                    "showDuration": "300",
                                    "hideDuration": "10000",
                                    "timeOut": "5000",
                                    "extendedTimeOut": "1000",
                                    "showEasing": "swing",
                                    "hideEasing": "linear",
                                    "showMethod": "fadeIn",
                                    "hideMethod": "fadeOut"
                                };
                                toastr.options.onclick = function (

                                ) {
                                    let stc='';
                                    item.forEach(function (it){
                                        stc+='<p>'+it.title+'</p>'
                                        console.log(`<p>${it.title}</p>`)

                                    }),
                                        // console.log('ff',stc)

                                    swal.fire({
                                        title: 'Voulez-vous envoyer les projets suivent au CPDH?',
                                        html: stc  ,

                                        type: 'warning',
                                        showCancelButton: true,
                                        confirmButtonText: 'Oui'
                                    }).then(function(result) {
                                        if (result.value) {
                                            $.ajax({
                                                url: '/admin/funding-cpde-update',
                                                headers: {'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content},
                                                type: 'POST',
                                                contentType: 'application/json',
                                                data:JSON.stringify(item),
                                                success: function(result) {

                                                    swal.fire(
                                                        'Envoyé!',
                                                        'Les projets ont été envoyés au CPDH?.',
                                                        'success'
                                                    )
                                                }})

                                        }
                                    });

                                };
                                toastr.success('5 Prêt pour envoi au CPDH');
                            }


                        });


                    }
                });
            }();
            $('#showtoast').click(function(event) {

            });
            $('#kt_sweetalert_demo_8').click(function(e) {

            });
            $('#kt_form_status').on('change', function() {
            datatable.search($(this).val().toLowerCase(), 'Status');
            });

            $('#kt_form_type').on('change', function() {
            datatable.search($(this).val().toLowerCase(), 'Type');
            });

            $('#kt_form_status,#kt_form_type').selectpicker();



            return {
                // public functions
                init: function() {
                    // demo();
                },
            };
        }();

        jQuery(document).ready(function() {
            KTDatatableRemoteAjaxDemo.init();

            var id;

            $('.kt-datatable').on('click', '.kt-datatable__body a[title="Delete"]', function() {

                id = $(this).closest('tr').find('td[data-field="id"] span').html();

                name = $(this).closest('tr').find('td[data-field="name"] span').html();

                $('#kt_modal_1 .modal-body p span').html('le Comptables <b> ' + name+'</b>');

                $('#kt_modal_1 button.delete').click(function() {
                    $.ajax({
                        url: 'admin/accountants/' + id,
                        headers: {'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content},
                        type: 'DELETE',
                        success: function(result) {
                            location.reload();
                        },
                        error:function (result) {
                            $('.error-request').show()
                            $('.error-request').html(result.responseJSON.message)
                        }
                    });
                });

            });
        });

    </script>
@endsection