@extends('layouts.admin-layouts.admin-master')
@section('content')
<div class="page-content fade-in-up">
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h3 class="m-0 font-weight-bold text-black d-inline">All Messages</h3>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered" id="datatable" width="100%" cellspacing="0">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>datetime</th>
                            <th>Name</th>
                            <th> Email ID</th>
                            <th>Status</th>
                            <th>Message</th>
                            <th>Phone</th>
                            <th>Address</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($messages as $message)
                        <tr>
                            <td>{{ $loop->index+1 }}</td>
                            <td>{{ $message->created_at }}</td>
                            <td>{{ $message->username }}</td>
                            <td>{{ $message->email }}</td>
                            <td>
                                <span class="badge badge-success badge-pill">pending</span>
                            </td>
                            <td>{{ $message->message }}</td>
                            <td>{{ $message->phoneno }}</td>
                            <td>{{ $message->address }}</td>
                            <td>
                                <span data-toggle="tooltip" title="Delete Message"
                                    class="badge badge-danger p-2" style="font-size: 10px;"
                                    onclick="delete_message({{$message->id}})">
                                    <i class="fa fa-trash"></i>
                                </span>
                            </td>


                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>

</div>
@include('models.delete.message')
@endsection

@section('js-script')

<script>
    function delete_message(id) {
        $('#deleteMessagePopup').modal('show');
        $('#id').val(id);
    }


    $(document).ready(function () {
        // Delete
        $('#deleteMessage').click(function () {
            let id = $('#id').val();
            let delete_url = 'delete-message';
            $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
            $.ajax({
                method: "POST",
                url: delete_url,
                data: {id:id}
            }).done(function (res) {
                $('#deleteMessagePopup').modal('hide');
                if (res.success) {
                    Swal.fire({
                        icon: 'success',
                        title: res.success,
                        showConfirmButton: false,
                        timer: 1500
                    })
                    setTimeout("location.reload(true);", 1500);
                } else {
                    Swal.fire({
                        icon: 'error',
                        title: res.error,
                        showConfirmButton: true,
                        timer: 5000

                    })
                    
                
                }
            });
        })
    });
</script>

@endsection