@extends('home::layouts.UserLayout')
@section('title')
    <title>{{env('WEBSITE_TITLE')}} | Auto Email Reports</title>
@endsection
@section('content')
    <div class="container-fluid table-responsive mt-12">
        <div class="card card-custom card-stretch gutter-b">
            <!--begin::Header-->
            <div class="card-header border-0 py-5 align-items-center">
                <h3 class="card-title align-items-start flex-column">
                    <span class="card-label font-weight-bolder ">Schedule Reports List</span>
                </h3>
                <div class="card-toolbar">
                    <!--begin::Actions-->
                    <button type="button" data-toggle="modal" data-target="#autoEmailReport"
                            class="btn font-weight-bolder font-size-h6 px-4 py-4 mr-3 my-3 "><i
                                class="fa fa-envelope"></i>Create New
                        Reports
                    </button>
                    <!--end::Actions-->
                </div>
            </div>
            <!--end::Header-->
            <!--begin::Body-->
            <div class="card-body pt-0 pb-3">
                <div class="table-responsive">
                    @if(sizeof($data))
                    <table class="table table-head-custom table-head-bg table-borderless table-vertical-center">
                        <thead>
                        <tr>
                            <th>Title</th>
                            <th>Frequency</th>
                            <th>Recipients</th>
                            <th>Content</th>
                            <th colspan="2">Action</th>
                        </tr>
                        </thead>
                        <tbody id="table_body">
                        @foreach($data as $report)
                            <script>
                                var feedsLength =