@extends('layouts.app')

@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Contact Us</h1>
                </div>              
            </div>
        </div>
    </section>

    <div class="content px-3">

        @include('flash::message')

        <div class="clearfix"></div>

        <div class="card">
            <div class="card-body p-0">
                @include('contactuses.table')

                <div class="card-footer clearfix">
                    <div class="float-right">
                        
                    </div>
                </div>
            </div>

        </div>
    </div>    <script>
        // $('.message-box input[type=text]').click(function () {
            $(document).on("click", ".message-box", function(e){
                var msg = this.getAttribute('data-msg');
                var status = this.getAttribute('status');
                swal({
                    title: "Message",
                    text: msg,
                    buttons: 'Close',
                    closeOnClickOutside: false,

                }).then(function(isConfirm) {
                    if (isConfirm) { 
                        if(status == 0){
                            location.reload();
                        }
                    }
                });
                var id = $(this).attr('data-id');
            $.ajax({    
                type: "get",    
                dataType: "json",    
                url: "{{route('update.message,status')}}",    
                data: {
                    'id': id
                },    
                success: function(data) {    
                }
    
            });
            });
        $(document).on('change', '.toggleswitch', function() {
            var status = $(this).prop('checked') == true ? 1 : 0;
            var id = $(this).attr('data-id');
            $.ajax({    
                type: "get",    
                dataType: "json",    
                url: "{{route('contactuses.change-status')}}",    
                data: {
                    'status': status,
                    'id': id
                },    
                success: function(data) {    
                    console.log(data.success)
    
                }
    
            });
        });
        $(".message-box").on("click", "td", function()  {
        var msg = this.getAttribute('data-msg');
        swal({
        title: "Message",
        text: msg,
        buttons: 'Close',
        })
       
    });
    </script>
    
@endsection