@extends('superadmin::layouts.master')
@section('title',__('tenant::company.email'))
@section('extra-styles')
@endsection
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('dashboard-home')}}">@lang('Home')</a>
            </li>
            <li class="breadcrumb-item"><a href="{{route('tenant.email-logs.index')}}">@lang('tenant::company.email')</a>
            </li>
        </ol>
    </div>
</div>
@endsection
@section('content')
<section id="configuration">
    <div class="row my-1">
        <div class="col-xs-12">
            <div class="card ">
                <div class="card-body collapse in">
                    <table
                        id="logs_table"
                        class="table mb-0 table table-striped table-bordered "
                        >
                        <thead>
                            <tr>
                                <th>
                                    {{__('tenant::company.company name')}}
                                </th>
                                <th>
                                    {{__('tenant::company.email')}}
                                </th>
                                <th>
                                    {{__('Description')}}
                                </th>
                                <th>
                                    {{__('tenant::company.date')}}
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection
@section('extra_scripts')
<script src="{{url('assets/js/vendors/js/pickers/dateTime/moment-with-locales.min.js')}}" defer></script>
<script>
    window.addEventListener('DOMContentLoaded', function () {
    (function ($) {
    $('#logs_table').DataTable({
    processing: true,
            serverSide: true,
            ajax: "{{route('tenant.email-logs.index')}}",
            columns: [
            {"data": "company_name",
                    "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                    $(nTd).html("<a href="+oData.url+" target='_blank'>"+oData.company_name+"</a>");
                    }},
            {"data": "email"},
            {"data": "details"},
            {"data": "creation_date",
                "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                    $(nTd).html("<label>"+moment(oData.creation_date).format('DD/MM/YYYY')+"</label>");
                }},
            ],
            @if (App::isLocale('ar'))
            language: {
            "url": "https://cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Arabic.json"
            },
            @endif
    });
    var table = $('.prevent-init-sort').DataTable();
    table.order([ 1, 'desc' ])
    })(jQuery);
    });
</script>
@endsection