@extends('layouts.whatsapp')
@section('content')
<div class="row">
    <div class="col-md-12">
        <h1>Events</h1>
        <div class="card">
            <div class="card-header">
                <div class="row">
                    <div class="col-md-12">
                        <a class="btn btn-primary float-end" href="{{route('createEvent')}}">Create</a>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>Day</th>
                                <th>Number</th>
                                <th>Message</th>
                                <th>Media</th>
                                <th>Is ChatGPT</th>
                                <th>Date & Time</th>
                                <th>Is Group</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($eventsLists as $event)
                                <tr>
                                    <td>{{$event->days}}</td>
                                    <td>{{!empty($event->number) ? $event->number:$event->whatsappNumber->pluck('number')->implode(',') }}</td>
                                    <td>{{$event->is_chat_gpt==1 ? $event->user_content : $event->message}}</td>
                                    <td class="text-center" width="200">
                                        @if (in_array($extension = pathinfo($event->media, PATHINFO_EXTENSION), ['jpg', 'png', 'bmp','jpeg']))
                                        <a data-toggle="" href="{{asset('storage/'.$event->media)}}" target="_blank">
                                            <img src="{{asset('storage/'.$event->media)}}" class="img-fluid w-100" alt=""/>
                                        </a>
                                        @elseif(empty($event->media))
                                            <span></span>
                                        @else
                                        <a data-toggle="" href="{{asset('storage/'.$event->media)}}" target="_blank">
                                            <span class="px-auto"><i class="fa-solid fa-file h2"></i></span>
                                        </a>
                                        @endif
                                    </td>
                                    <td>{{$event->is_chat_gpt =="1"?"Yes":"No"}}</td>
                                    <td>{{!empty($event->timestamp) ? date('d/m/y H:i:s',strtotime($event->timestamp)):''}}</td>
                                    <td>{{$event->is_group =="1"?"Yes":"No"}}</td>
                                    <td>
                                        <a class="btn btn-primary" href="{{route('whatsapp.edit.event',$event->id)}}"><i class="fa-solid fa-pencil"></i></a>
                                        <form action="{{ route('whatsapp.event.delete' ,$event->id ) }}" method="POST">
                                            {{ csrf_field() }}
                                            {{ method_field('DELETE') }}
                                            <button class="btn btn-danger mt-2" type="submit"><i class="fa-solid fa-trash-can"></i></button>
                                        </form>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

            </div>
        </div>
    </div>
</div>
@endsection