@extends('layouts.app')

@section('sidebar')
@include('sidebar')
@stop

@section('content')
<div class="m-subheader ">
    <div class="d-flex align-items-center">
        <div class="mr-auto">
            <h3 class="m-subheader__title ">Imformation Mail Send History</h3>
        </div>
        <div>
            <a href="/information/mail/{{ Hasher::encode(0) }}" class="btn btn-info m-btn m-btn--wide m-btn--air m-btn--custom"><span><i class="la la-arrow-left"></i> <span>Back</span></span></a>
        </div>
    </div>
</div>
<div class="m-content">
    <div class="m-portlet m-portlet--full-height ">
        <div class="m-portlet__body">
            @if(Session::has('success'))
            <div class="alert alert-success">
                {!! Session::get('success') !!}
            </div>
            @endif

            <table class="m_datatable table table-striped- table-bordered table-hover table-checkable"
                id="more-activity">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>User</th>
                        <th>Admin</th>
                        <th>Subject</th>
                        <th>Body</th>
                        <th>File</th>
                        <th>Date</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
</div>
@endsection

@section('script')
{{ Html::script('custom/datatables/datatables.bundle.js') }}
<script type="text/javascript">
    (function($){
        var table = '';
		$(document).ready(function () {

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $('#more-activity').each(function() {
                table = $(this).DataTable({
                    'responsive':!0,
                    'searchDelay':500,
                    'processing':!0,
                    "oLanguage": {
                        "sProcessing": '<div class="m-loader m-loader--brand m-loader--left"><span>Please wait...</span></div>',
                    },
                    "serverSide": true,
                    "ajax": {
                        "url": base_url+"/information/mail/view/send",
                        "type": "GET"
                    },
                    "order": [[ 0, "desc" ]],
                    "aoColumns": [
                        { data: 'id', name: 'id', bSearchable: false, bVisible: false },
                        { data: 'email', name: 'email'},
                        { data: 'name', name: 'name'},
                        { data: 'subject', name: 'subject'},
                        { data: 'body', name: 'body'},
                        { data: 'file_name', name: 'file_name'},
                        { data: 'created_at', name: 'created_at'},

                    ]
                });
            });
		});
	})(jQuery);
</script>
@endsection