@extends('layout.default')
@section('styles')
    <link href="{{ asset('plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css"/>
    <style>
        .dataTables_filter {
            width: 250px !important;
            float: right !important;
        }
    </style>
@endsection
@section('content')
    <div class="card card-custom">
        <div class="card-header flex-wrap border-0 pt-6 pb-0">
            <div class="card-title">
                <h3 class="card-label">Leads
                </h3>
            </div>
{{--            <div class="card-toolbar">--}}
{{--                <a href="{{ url('/admin/users/create') }}" class="btn btn-primary font-weight-bolder">--}}
{{--                    <span class="svg-icon svg-icon-light svg-icon-2x">--}}
{{--                        <i style="color: white" class="flaticon2-plus"></i>--}}
{{--                    </span>New User--}}
{{--                </a>--}}
{{--            </div>--}}
        </div>
        <div class="card-body">
            {!! $dataTable->table(['class' => 'table table-bordered table-striped']) !!}
        </div>
    </div>
@endsection

@section('scripts')
    <script src="{{ asset('plugins/custom/datatables/datatables.bundle.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/sweetdelete.js') }}" type="text/javascript"></script>
    {!! $dataTable->scripts() !!}
    <script type="text/javascript">

        {{--        jQuery(document).ready(function() {--}}
        {{--            var table = $('#kt_datatable');--}}

        {{--            table.DataTable({--}}
        {{--                retrieve: true,--}}
        {{--                responsive: true,--}}
        {{--                paging: true,--}}
        {{--                order: [[2, 'asc']]--}}
        {{--            });--}}

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

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

        {{--            $('#kt_datatable_search_status, #kt_datatable_search_type').selectpicker();--}}
        {{--        });--}}


        function changeStatus(buttonSwitch) {
            var token = $(buttonSwitch).data('token');
            var url = $(buttonSwitch).data('url');
            Swal.fire({
                title: "Would you like to change the status?",
                icon: "warning",
                showCancelButton: true,
                confirmButtonText: "Yes",
                cancelButtonText: "Cancel",
                reverseButtons: true
            }).then(function(result) {
                if (result.value) {
                    $.ajax({
                        url: url,
                        type: 'post',
                        data: {_method: 'post', _token: token},
                        success: function() {
                            Swal.fire({
                                icon: "success",
                                title: "Changed!",
                            }).then(function(){
                                location.reload();
                            });
                        },
                        error: function(){
                            Swal.fire({
                                icon: "error",
                                title: "Oops!",
                                text: "The status cannot be changed",
                            });
                        },
                    });
                } else {
                    if($(clickedButton).is(':checked') == false) {
                        clickedButton.checked = true;
                    } else {
                        clickedButton.checked = false;
                    }
                }
            });
        };
    </script>
@endsection