@extends('layouts.main')

@section('content')

<div class="container-fluid">
            <div class="row">

                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">WHATSAPP Campaign SMS HISTORY</h3>
                        </div>
                        <div class="card-body">
                    </button>
                            <table class="table table-striped table-bordered" style="width:100%" id="sms-history-table">
                                <thead>
                                <tr>
                                    <th style="width: 5%;">Number</th>
                                    <th style="width: 5%;">Message Type</th>
                                    <th style="width: 15%;">Sms Scheduled Date</th>
                                    <th style="width: 10%;">To</th>
                                    <th style="width: 15%;">Sms created Date</th>
                                    <th style="width: 20%;">Message</th>
                                    <th style="width: 5%;">Campaign</th>
                                    <th style="width: 10%;">Message Type</th>
                                    <th style="width: 10%;">Media File</th>
                                </tr>
                                </thead>
                                <tbody>

                                @foreach($campaignList as $k=>$v)
                                    @php
                                        $selected_broadcast_name = ($v->whatsapp_sms)->transform(function($sms){
                                                                      return $sms->broadcast_name;
                                                                    });
                                        $selected_broadcast_name = $selected_broadcast_name->toArray();
                                        $selected_broadcast_name = implode(", ", $selected_broadcast_name);
                                    @endphp
                                    <tr>
                                        <td>{{(($page-1) * $limit) +($k+1)}}</td>
                                        <td>{{$v->type}}</td>
                                        <td>@if($v->type=='scheduled'){{date('Y-m-d H:i A', (strtotime($v->time)+6 * 60 * 60))}}@else N/A @endif</td>
                                        <td>{{$selected_broadcast_name}}</td>
                                        <td>{{date('Y-m-d H:i A',(strtotime($v->created_at)+6 * 60 * 60))}}</td>
                                        <td>@if(!empty($v->whatsapp_single_sms->message))<textarea disabled rows="6">{!! $v->whatsapp_single_sms->message !!}</textarea>@else <textarea disabled rows="6">{!! $v->message !!}</textarea>@endif</td>
                                        <td>@if($v->campaign_name) {{$v->campaign_name}} @else N/A @endif</td>
                                        <td>@if(!empty($v->media_url)) Audio/Image/Pdf/Doc  @else Plain @endif</td>
                                        <td>
                                            @if(!empty($v->media_url))
{{--                                                <a title="Donwload Media File" href="{{url('downloadMediaFile', $v->media_url)}}">Download</a>--}}
                                                <a title="Donwload Media File" download href="{{asset('public/assets/'.$v->media_url)}}">Download</a>
                                            @else
                                                N/A
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                        {{ $campaignList->appends(request()->input())->links() }}
                    </div>
                </div>
            </div>
        </div>

@endsection

{{--External Style Section--}}
@section('script')

    <script>
        $(document).ready(function(){
            $('.select2bs4').select2({
                theme: 'bootstrap4'
            });
        });
    </script>
@endsection