@extends('crudbooster::admin_template')

@push("bottom")
        <!-- Dependencies -->
    <link rel="stylesheet" href="{{ asset('/vendor/libs/datatables/datatables.css') }}">
    <style>
        .panel-heading{
            padding: 8px 15px;
        }
    </style>
    <link rel="stylesheet" href="{{ asset('/css/application.css') }}">
    <!-- Dependencies -->
    <script src="{{ asset('/vendor/libs/datatables/datatables.js') }}"></script>
    <!-- <script src="{{ asset('/js/tables_datatables.js') }}"></script> -->

    <script type="text/javascript">
        $(document).ready( function () {
            $('#upcoming_table').DataTable();
        } );
    </script>

    <script type = "text/JavaScript">
        setInterval(function() {
            window.location.reload(true);
        }, 60000);
    </script>
@endpush


@section('content')
<!-- Your html goes here -->
<div class='panel panel-default'>
    <div class='panel-heading eap-box'>
        <div class="dark-color">
            <h4 style="display: inline-block;">
                <b>Cron Queue</b>
            </h4>
            <div class="pull-right" style="top: 5px; position: relative">
                <a href="{{route('mailrecord.all_cron')}}"><button class="btn btn-info"><b>All Records</b></button></a>
            </div>
            <p><b><span class="text-primary">{{$dt1}}</span> To <span class="text-primary">{{$dt2}}</span></b></p>

        </div>
    </div>

    <div class='panel-body'>

        <div class="card-datatable table-responsive">
            <table class="table table-striped table-bordered" id="upcoming_table">
                <thead>
                    <tr>
                        <th>Sl.</th>
                        <th>Therapist</th>
                        <th>Therapist Email</th>
                        <th>User</th>
                        <th>User Email</th>
                        <th>Mail Type</th>
                        <th>Mail Status</th>
                        <th>Time To Send</th>
                    </tr>
                </thead>
                <tbody>
                    @if(!empty($mailqueue))
                        @foreach($mailqueue as $key => $val)
                        @php if($val->time_status == 2) continue; @endphp
                        <tr>
                            <td>{{ $key+1 }}</td>
                            <td>{{ $val->admin_fname." ".$val->admin_lname }}</td>
                            <td>{{ $val->admin_email }}</td>
                            <td>{{ $val->sub_fname." ".$val->sub_lname }}</td>
                            <td>{{ ($val->email == "") ? $val->sub_email : $val->email }}</td>

                            @if($val->time_status == 0 && $val->start_time > $dt1)
                                <td>{{ "Start Mail" }}</td>
                            @elseif($val->time_status == 1  && $val->end_time < $dt1)
                                <td>{{ "End mail" }}</td>
                            @else
                                <td>{{ "End mail" }}</td>
                            @endif

                            @if($val->time_status == 0 && ($val->start_email == 1 || $val->start_email_duepower == 1))
                                <td style="color: #2FAB66">{{ "Checked" }}</td>
                            @elseif(($val->time_status == 1 || $val->time_status == 0) && ($val->end_email == 1 || $val->end_email_duepower == 1))
                                <td style="color: #2FAB66">{{ "Checked" }}</td>
                            @else
                                <td style="color: #E84E1B">{{ "Unchecked" }}</td>
                            @endif

                            @if($val->time_status == 0 && $val->start_time > $dt1)
                                <td>{{ $val->start_time }}</td>
                            @elseif($val->time_status == 1  && $val->end_time < $dt1)
                                <td>{{ $val->end_time }}</td>
                            @else
                                <td>{{ $val->end_time }}</td>
                            @endif
                        </tr>
                        @endforeach
                    @endif
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection