@extends('layouts.app')
@section('title', 'Messages')
@section('content')
@if(auth()->user()->user_type_id == 1)

    <div class="container-fluid">
        <div class="row p-2">
            <h5 class="col-md-2 text-color fw-bold mt-1">Veros Messages</h5>
        </div>
        <div class="card mx-2">
            <div class="card-body">
                <table id="veros_messages_tb" class="table table-bordered nowrap table-striped"
                    style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                    <thead>
                        <tr>
                            <th>SN</th>
                            <th>Vendor Name</th>
                            <th>Lender Name</th>
                            <th>Service Order ID</th>
                            <th>Service Name</th>
                            <th>Status</th>
                            <th>Sender</th>
                            <th>Message</th>
                            <th>Sent Time</th>
                            <th>Email Sent</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@else
    @include('error');
@endif
@endsection

@section('page_css')
    <link href="{{ asset('/plugins/daterangepicker/daterangepicker.css') }}" rel="stylesheet" type="text/css" />
    <style>
        .dataTables_info {
            margin-top: 5px !important;
        }

        div.dt-buttons {
            float: right;
        }

        .show-ranges {
            top: 107.6px !important;
        }

        .reportsbtn:hover {
            background-color: #DD9400;
            text-decoration: none;
            border: #DD9400 !important;
        }

        .btn-color {
            border: 2px;
        }

        .highlight {
            color: black !important;
        }

        .pre-wrap {
            /* width: auto; */
            white-space: pre-wrap !important;
        }
    </style>
@endsection

@section('page_script')
    <script src="{{ asset('/plugins/moment/moment.js') }}"></script>
    <script src="{{ asset('/plugins/daterangepicker/daterangepicker.js') }}"></script>
    <script>
        var verosmessagesTbl = '';

        $(document).ready(function() {
            setInterval(function() {
                $(".nodata").fadeIn(1200).fadeOut(1200);
            }, 1200);

            $('#pills-tab .nav-link').click(function() {
                failedemails.columns.adjust().draw();
            });

            function veros_messages_data() {
                if ($.fn.dataTable.isDataTable('#veros_messages_tb') && verosmessagesTbl != '') {
                    verosmessagesTbl.draw(false);
                } else {
                    load_veros_messages_data();
                }
            }

            function load_veros_messages_data() {
                verosmessagesTbl = $('#veros_messages_tb').DataTable({
                    scrollX: true,
                    "order": [],
                    "processing": true,
                    "serverSide": true,
                    "ajax": {
                        url: "{{ url('/fetch-messagesdata') }}",
                        method: "POST",
                        data: {
                            _token: '{!! csrf_token() !!}',
                        },
                    },
                    columnDefs: [
                        {
                            targets: 6,
                            createdCell: function (td, tr, rowData, row, col) {
                                $(td).css('width', '300px');
                                // $(td).css('overflow', 'hidden');
                                // $(td).css('text-overflow', 'ellipsis');
                                // $(td).css('white-space', 'nowrap');
                                // $(td).css('word-wrap', 'normal');
                            }
                        },
                        {
                            targets: 7,
                            createdCell: function (td, tr, rowData, row, col) {
                                $(td).css('width', '700px');
                                // $(td).css('overflow', 'hidden');
                                // $(td).css('text-overflow', 'ellipsis');
                                // $(td).css('white-space', 'nowrap');
                                // $(td).css('word-wrap', 'normal');
                            }
                        },
                    ],
                    columns: [{
                            data: 'id',
                            render: function(data, type, row, meta) {
                                return meta.row + meta.settings._iDisplayStart + 1;
                            }
                        },
                        {
                            data: 'lender_service_requests.lender_loans_data.lender_data.vendor.name',
                            name: 'lender_service_requests.lender_loans_data.lender_data.vendor.name',
                            defaultContent: "--"
                        },
                        {
                            data: 'lender_service_requests.lender_loans_data.lender_data.lender_name',
                            name: 'lender_service_requests.lender_loans_data.lender_data.lender_name',
                            defaultContent: "--"
                        },
                        {
                            data: function(row, type, val, meta) {
                                return "<a href='/service_order_history/" + row['lender_service_requests']['id'] +
                                    "' style='text-decoration:underline;'><span style='cursor:pointer;'>" +
                                    row['lender_service_requests']['service_order_id'] + "</span></a>"
                            },
                            name: 'lender_service_requests.service_order_id',
                        },
                        {
                            data: 'product',
                            name: 'product',
                            defaultContent: "--"
                        },
                        {
                            data: 'lender_service_requests.status_data.status_name',
                            name: 'lender_service_requests.status_data.status_name',
                            defaultContent: "--"
                        },
                        {
                            data: 'sender',
                            name: 'sender',
                            className: 'pre-wrap',
                            defaultContent: "--"
                        },
                        {
                            data: 'message',
                            name: 'message',
                            className: 'pre-wrap',
                            defaultContent: "--"
                        },
                        {
                            data: 'received_datetime',
                            name: 'received_datetime',
                            defaultContent: "--"
                        },
                        {
                            data: 'email_data',
                            name: 'email_data',
                            defaultContent: "--" 
                        },
                        {
                            data: function(row, type, val, meta) {
                                if (row['email_sent'] == 1) {
                                    return "<a onclick='msgs_send_veros_message_email(" + row['id'] + ");'><em class='mdi mdi-email-mark-as-unread ps-1 text-danger' data-bs-toggle='tooltip' data-bs-placement='bottom' title='Re-Send mail' style='cursor:pointer;font-size:15px;'></em></a>"
                                } else if (row['email_sent'] == 0) {
                                    return "<a onclick='msgs_send_veros_message_email(" + row['id'] + ");'><em class='mdi mdi-email-mark-as-unread ps-1 text-primary' data-bs-toggle='tooltip' data-bs-placement='bottom' title='Send mail' style='cursor:pointer;font-size:15px;'></em></a>"
                                }
                            },
                            searchable: false,
                        },
                    ],
                    dom: '<"mt-2"<"row"<"col-md-6"l><"col-md-6"<"float-end"f>>><"mb-1"<t>><"row"<"col"i><"col"p>>>',
                });
            }

            load_veros_messages_data();
        });

        function msgs_send_veros_message_email(rowID) {            
            Swal.fire({
                title: "Are you sure",
                text: "You want to Send the Email",
                icon: 'warning',
                confirmButtonColor: '#7680ff',
                cancelButtonColor: '#ef4d56',
                confirmButtonText: 'Ok',
                cancelButtonText: 'Cancel',
                showConfirmButton: true,
                showCancelButton: true
            }).then(function(result) {
                if (result.value) {
                    var loader = $('#ajaxloader');
                    $('.loader_text').text('Sending Email...');
                    loader.show();
                    setTimeout(function() {
                        $.ajax({
                            url: '/msgs_send_veros_message_email/' + rowID,
                            type: "POST",
                            data: {
                                "_token": "{{ csrf_token() }}"
                            },
                            success: function(response) {
                                loader.hide();
                                var result = response.split('@#!');
                                Swal.fire({
                                    position: 'middle',
                                    icon: result[1],
                                    title: result[2],
                                    showConfirmButton: true
                                });
                                if ($.fn.dataTable.isDataTable('#veros_messages_tb') && verosmessagesTbl != '') {
                                    verosmessagesTbl.draw(false);
                                } else {
                                    load_veros_messages_data();
                                }
                            }
                        });
                    }, 1000);
                } else {
                   
                }
            });
        }
    </script>
@endsection