@extends('include.sidebar')
@section('content')
<div class="col-lg-12 layout-spacing">
                                        <div class="statbox widget box box-shadow mb-4">
                                            <div class="widget-header">
                                                <div class="row">
                                                    <div class="col-xl-12 col-md-12 col-sm-12 col-12">
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="widget-content widget-content-area">
                                                <div class="form-group row">
                                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                                        <form id="form_shiba" class="needs-validation"  action="{{route('push_notification_reports_submit')}}" method="post" enctype="multipart/form-data">
                                                            
                                                            @csrf
                                                            <div class="form-row">
                                                                
                                                            <div class="col-md-5 mb-5">
                                                                <input  id="basicExample" class="form-control flatpickr flatpickr-input" type="text" value="{{$date_from}}" name="date_from" required>
                                                            </div>
                                                             <div class="col-md-5 mb-5">
                                                                <input  id="minDate" class="form-control flatpickr flatpickr-input" type="text" value="{{$date_to}}" name="date_to" required>
                                                                    
                                                            </div>
                                                                
                                                                <div class="col-md-2 mb-2">
                                                                    <button class="btn btn-block btn-lg btn-primary" type="submit">Submit</button>
                                                                    
                                                                </div>
                                                            </div>
                                                                                                                        
                                                           
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>


                                    <div class="col-xl-12 col-lg-12 col-sm-12  layout-spacing">
                                        <div class="widget-content widget-content-area br-6">
                                            

                                            <div class="table-responsive mb-4">
                                                <table id="export-dt" class="table table-hover" style="width:100%">
                                                    <thead>
                                                        <tr>
                                                            <th>#</th>
                                                            <th>Date & Time</th>
                                                            <th>Title</th>
                                                            <th>Message</th> 
                                                            <th>Image</th>                                                            
                                                            <th>Status</th>
                                                            
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                    @foreach ($result as $list)
                                                        <tr>
                                                            <td>{{$list->id}}</td>
                                                            <td>
                                                                <h6 style="color: #5c1ac3;">{{$list->created_at}}</h6>
                                                            </td>
                                                            <td><h6>{{$list->title}}</h6></td>
                                                            <td><h6>{{$list->content}}</h6></td>
                                                            <td>
                                                                <img src="{{asset('push_notification')}}/{{$list->sms_file}}" style="width:100px;">
                                                            </td>
                                                            @if($list->status=="1")                                                           
                                                            <td><span class="badge badge-success">Success</span></td>
                                                            @else
                                                            <td><span class="badge badge-danger">Failed</span></td>
                                                            @endif
                                                            
                                                        </tr>
                                                    @endforeach  
                                                    </tbody>
                                                    
                                                </table>
                                            </div>
                                        </div>
                                    </div>
@endsection