@extends('admin.layouts.app')
    @php
        $pending_action_data = @$pending_action_data;
    @endphp
@section('content')
<div class="container-fluid">
    <div class="row bg-title">
        <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
            <h4 class="page-title">Application Status Manager</h4> </div>
        <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
            <ol class="breadcrumb">
                <li><a href="{{ route('dashboard') }}">Dashboard</a></li>
                <li class="active">Master Pending Action</li>
            </ol>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12">
            <div class="white-box">
                <div class="row">
                    <div class="col-md-6 col-xs-12">
                        <h3 class="box-title m-b-0">Master Pending Action</h3>
                        <p class="text-muted m-b-30">List of Master Pending Action</p>
                    </div>
                </div>
                <div class="white-box well">
                    <div class="row">
                        <form id="frm_filter" method="post" action="{{ route('master.pending.action.filter') }}">
                            {{ csrf_field() }}
                            <div class="form-group col-md-4 col-xs-12">
                                <label>Email</label>
                                <input type="text" name="email" id="email" placeholder="Enter Email" value="{{request()->get('email')}}" class="form-control">
                            </div>
                            <div class="form-group col-md-4 col-xs-12">
                                <label>Action Message</label>
                                <input type="text" name="action_message" id="action_message" placeholder="Action Message" value="{{request()->get('action_message')}}" class="form-control">
                            </div>
                            <div class="form-group">
                                <div class="col-sm-12">
                                    <button type="submit" class="btn btn-info">Search</button>
                                    <a type="button" class="btn btn-danger" href="{{ route('master.pending.action.list') }}">Reset</a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                @include('admin.includes.status')
                <div class="table-responsive">         
                    <table id="pending_action_list" class="table table-bordered m-t-10">
                        <thead>
                            <tr>
                                <th>User Name</th>
                                <th>Email</th>
                                <th>Action Message</th>
                                <th>Time Left</th>
                                <th style="width: 200px;">Action</th>
                            </tr>
                        </thead>
                        <tbody id="tableview">
                          @if (!empty($pending_action_data))
                            @foreach($pending_action_data as $key => $mpa)
                                <tr>
                                    <td>@isset($mpa->first_name) {{ $mpa->first_name }} {{ $mpa->last_name }}@endisset</td>
                                    <td>@isset($mpa->email) {{ $mpa->email }} @endisset</td>
                                    <td>@isset($mpa->action_message) {{ $mpa->action_message }} @endisset</td>
                                    <td>
                                        <h4  data-countdown = "{{$mpa->countdown_date}}" class="timer text-danger m-t-0"></h4>
                                    </td>
                                    <td>
                                        <p><span class="label label-warning m-r-10"><a href="{{ route('user.app.progress',encrypt($mpa->user_id)) }}">Click Here</a> to complete action</span></p>
                                    </td>
                                </tr>
                            @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div> 
@endsection
@section('scripts')
 <script>
    $(document).ready(function() {
        initDataTable();
        function initDataTable() {
            $('#pending_action_list').DataTable({
              rowCallback: function(nRow) {
                /* This is your code */
                $(nRow).find('[data-countdown]').each(function() {
                  var $this = $(this),
                    finalDate = localDateTime($(this).data('countdown'));
                    $this.countdown(finalDate, function(event) {
                        if(event.strftime('%H:%M:%S') == '00:00:00')
                        {
                            $(this).html('Timeout');
                        }else{
                            $this.html(event.strftime('%H:%M:%S'));
                        }
                     
                    });
                }).on('finish.countdown', function(event) {
                  $(this).html('Timeout');
                });
              }
            });
        };
    });
 </script>
@endsection