@extends('admin.layouts.app')
@section('title',Request()->settings->settings_website.' | Contact Us')
@section('contents')
<div class="content container-fluid">
    <div class="page-header">
        <div class="row align-items-center ">
            <div class="col-md-4">
                <h3 class="page-title">Contact Us</h3>
            </div>
            <div class="col-md-8 float-end ms-auto">
                <div class="d-flex title-head">
                    <div class="daterange-picker d-flex align-items-center justify-content-center">
                        <div class="head-icons mb-0">
                            <a href="{{ route('admin.contact_us') }}" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Refresh"><i class="ti ti-refresh-dot"></i></a>
                            <a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Collapse" id="collapse-header"><i class="ti ti-chevrons-up"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-body">
                    <div class="statistic-header">
                        <h4><i class="ti ti-grip-vertical me-1"></i>Manage Contact Us</h4>
                    </div>
                    <div class="table-responsive">
                        <table id="contact_us_table" class="table datanew">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Name</th>
                                    <th>Email</th>
                                    <th>Phone</th>
                                    <th>Subject</th>
                                    <th>Message</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('custom_script')
<script>
var dataTable =	$('#contact_us_table').DataTable({
    processing: true,
    serverSide: true,
    'ajax': {
            type : 'POST',
            url : "{{ route('admin.get_contact_us') }}",
            'data': function(data){

                var token = "{{ csrf_token() }}";
                data._token = token;
            }
    },
    columns: [
        {data: 'DT_RowIndex'},
        {data: 'contact_name'},
        {data: 'contact_email'},
        {data: 'contact_phone'},
        {data: 'contact_subject'},
        {data: 'contact_message'}
    ]
});

function confirm_msg(ev)
{
    ev.preventDefault(); 

    var urlToRedirect = ev.currentTarget.getAttribute('href'); 
    
    Swal.fire({
        title: "Are you sure?",
        text: "You want to change status!",
        type: "warning",
        showCancelButton: !0,
        confirmButtonColor: "#3085d6",
        cancelButtonColor: "#d33",
        confirmButtonText: "Yes, change it!",
        confirmButtonClass: "btn btn-success",
        cancelButtonClass: "btn btn-danger ml-1",
        buttonsStyling: !1,
        icon: "warning",
    }).then(function (t) {
            
        if(t.value)
        {
            window.location.href = urlToRedirect;
        }
    });
}
</script>
@endsection