@extends('layouts.admin')

@section('style')
    <link rel="stylesheet" href="{{ asset('assets/bower/datatables.net-bs/css/dataTables.bootstrap.min.css') }}">
@endSection

@section('script')
    <!-- DataTables -->
    <script src="{{ asset('assets/bower/datatables.net/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('assets/bower/datatables.net-bs/js/dataTables.bootstrap.min.js') }}"></script>
    <script src="https://cdn.datatables.net/buttons/1.5.6/js/dataTables.buttons.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.html5.min.js"></script>

    <script>
        $(function () {

            var t = $('#reminder_blast_table').DataTable({
                lengthMenu: [ [10, 25, 50, 100, 200, 500, -1], [10, 25, 50, 100, 200, 500, "All"] ],
                dom:
                    "<'row'<'col-sm-3'l><'col-sm-6 text-center'B><'col-sm-3'f>>" +
                    "<'row'<'col-sm-12'tr>>" +
                    "<'row'<'col-sm-5'i><'col-sm-7'p>>",
                buttons: [{
                    extend: 'csv',
                    className: 'btn-sm btn-default'
                },{
                    extend: 'copy',
                    className: 'btn-sm btn-default'
                }],
            });

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

    </script>

@endSection

@section('content')


    <!-- Content Header (Page header) -->
    @php
        $page_title =  __('heading.title_list_voucher_series');
    @endphp

    <!-- Main content -->
    <section class="content">
        <div class="row">

            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">List Reminder Blast</h3>
                        <a href="{{ route('create_reminder_blast') }}"><button type="button" class="btn btn-sm btn-info float-right">Create</button></a>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body table-responsive p-0">

                        <table id="reminder_blast_table" class="table table-bordered table-hover dataTable">
                            <thead>
                            <tr>
                                <th>No.</th>
                                <th>Blast Name</th>
                                <th>Content</th>
                                <th>Groups to send</th>
                                <th>Groups Status</th>
                                <th>Scheduled Time</th>
                                <th>Status</th>
                                <th>Created Date</th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody>
                            @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_reminder', $reminder['id']) }}"><button type="button" class="btn btn-block btn-primary btn-xs">View</button></a></td>

                                </tr>
                            @endforeach
                            </tbody>
                            {{--<tfoot>--}}
                            {{--<tr>--}}
                            {{--<th>No.</th>--}}
                            {{--<th>Voucher Series</th>--}}
                            {{--<th>Title</th>--}}
                            {{--<th>Retail Store</th>--}}
                            {{--<th>Downloaded</th>--}}
                            {{--<th>Used</th>--}}
                            {{--<th>Redemption Period</th>--}}
                            {{--<th>Created Date</th>--}}
                            {{--</tr>--}}
                            {{--</tfoot>--}}
                        </table>
                    </div>
                    <!-- /.card-body -->
                </div>
            </div>
        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->

@endsection