@extends('layouts.admin')

@section('style')
@endSection

@section('script')
    <script>
        $(function () {

            var t = $('#reminder_blast_table').DataTable({
                lengthMenu: [ [10, 25, 50, 100, 200, 500, -1], [10, 25, 50, 100, 200, 500, "All"] ],
                ajax:  {
                    url: AJAX_URL + 'blasts',
                    dataSrc: 'data'
                },
                columns: [
                    { data: 'id' },
                    { data: 'name' },
                    { data: 'status' },
                    { data: 'schedule_datetime' },
                    { data: 'sms.sender_id' },
                    { data: 'sms.content' },
                    { data: 'email.sender_name' },
                    { data: 'email.reply_to' },
                    { data: 'email.email_subject' },
                    { data: 'email.content', render:function(data){
                            return $('<div/>').html(data).text();
                        } },
                    { data: 'whatsapp' },
                    { data: 'created_at' },
                    { data: 'id',
                        render: function ( data, type, row ) {
                            return '<a href="view_blast/'+data+'" class="btn btn-sm btn-primary">View</a>';
                        }}
                ],
                dom:
                    "<'row p-2'<'#create_reminder.col-sm-6 mb-2 text-left'><'#import_export.col-sm-6 mb-2 text-left text-sm-right'B>>" +
                    "<'row px-2'<'col-sm-6'l><'col-sm-6'f>>" +
                    "<'row'<'col-sm-12 overflow-auto'tr>>" +
                    "<'row p-2'<'col-sm-5'i><'col-sm-7'p>>",
                buttons: [{
                    extend: 'csv',
                    text: '<i class="fas fa-file-export"></i> Export CSV',
                    className: 'btn btn-sm btn-default'
                }],
                order: [[11, 'desc']]
            });


            t.on( 'order.dt search.dt', function () {
                t.column(0, {search:'applied', order:'applied'}).nodes().each( function (cell, i) {
                    cell.innerHTML = i+1;
                } );
            } ).draw();

            var create_btn = `<a role='button' href="{{ route('create_blast') }}" class="mr-2 btn btn-sm btn-secondary"><i class="fas fa-plus"></i> Create New Blast</a>`;
            {{--var import_csv = `<a role='button' href="{{ route('import_voucher_series') }}" class="mr-2 btn btn-sm btn-default"><i class="fas fa-file-import"></i> Import CSV</a>`;--}}
            // $('#import_export .dt-buttons').prepend(import_csv);
            $('#create_reminder').append(create_btn);

        });

    </script>

@endSection

@section('content')

    @component('admin.components.tabs')
        <table id="reminder_blast_table" class="table table-bordered table-hover dataTable w-100">
            <thead>
            <tr>
                <th>No.</th>
                <th>Blast Name</th>
                <th>Status</th>
                <th>Scheduled Time</th>
                <th>SMS Sender ID</th>
                <th>SMS Content</th>
                <th>Email Sender Name</th>
                <th>Email Reply To</th>
                <th>Email Subject</th>
                <th>Email Content</th>
{{--                <th>Groups to send</th>--}}
{{--                <th>Groups Status</th>--}}
                <th>WhatsApp Template</th>
                <th>Created Date</th>
                <th></th>
            </tr>
            </thead>
            <tbody>
            @if($reminders)
            @foreach($reminders as $reminder)
                <tr>
                    <td></td>
                    <td>{{$reminder['blast_name']}}</td>
                    <td width="20%">{!! nl2br($reminder['content']) !!}</td>
                    <td>
                        <ul>
                            @if(isset($reminder['blast_groups']) && $reminder['blast_groups'] != '')
                                @foreach(json_decode($reminder['blast_groups'], true) as $name)
                                    <li>{{ $name }}</li>
                                @endforeach
                            @endif
                        </ul>
                    </td>
                    <td>
                        <ul>
                            @if(isset($reminder['blast_group_status']) && $reminder['blast_group_status'] != '' && $reminder['blast_group_status'] != null && $reminder['blast_group_status'] != 'null')
                                @foreach(json_decode($reminder['blast_group_status'], true) as $name)
                                    <li>{{ $name }}</li>
                                @endforeach
                            @endif
                        </ul>
                    </td>
                    <td>{{ $reminder['schedule_datetime']}}</td>
                    <td>{{ $reminder['status']}}</td>
                    <td>{{ $reminder['created_at']}}</td>
                    <td><a href="{{ route('view_blast', $reminder['id']) }}"><button type="button" class="btn btn-block btn-primary btn-xs">View</button></a></td>

                </tr>
        @endforeach
            @endif
            </tbody>
        </table>

    @endcomponent

@endsection