@extends('sendportal::layouts.app')

@section('title', __('Messages'))

@section('heading', __('Messages'))

@section('content')

    @include('sendportal::messages.partials.nav')

    @component('sendportal::layouts.partials.actions')
        @slot('left')
            <form action="{{ route('sendportal.messages.index') }}" method="GET" class="form-inline">
                <div class="mr-2">
                    <input type="text" class="form-control" placeholder="Search..." name="search"
                           value="{{ request('search') }}">
                </div>

                @if(request()->route()->named('sendportal.messages.index'))
                    <div class="mr-2">
                        <select name="status" class="form-control">
                            <option
                                value="all" {{ request('status') == 'all' ? 'selected' : '' }}>{{ __('All') }}</option>
                            <option
                                value="sent" {{ request('status') == 'sent' ? 'selected' : '' }}>{{ __('Sent') }}</option>
                            <option
                                value="delivered" {{ request('status') == 'delivered' ? 'selected' : '' }}>{{ __('Delivered') }}</option>
                            <option
                                value="opened" {{ request('status') == 'opened' ? 'selected' : '' }}>{{ __('Opened') }}</option>
                            <option
                                value="clicked" {{ request('status') == 'clicked' ? 'selected' : '' }}>{{ __('Clicked') }}</option>
                            <option
                                value="unsubscribed" {{ request('status') == 'unsubscribed' ? 'selected' : '' }}>{{ __('Unsubscribed') }}</option>
                            <option
                                value="bounced" {{ request('status') == 'bounced' ? 'selected' : '' }}>{{ __('Bounced') }}</option>
                        </select>
                    </div>
                @endif

                <button type="submit" class="btn btn-light">{{ __('Search') }}</button>

                @if(request()->anyFilled(['search', 'status']))
                    <a href="{{ route('sendportal.messages.index') }}" class="btn btn-light">{{ __('Clear') }}</a>
                @endif
            </form>
        @endslot
    @endcomponent

    <div class="card">
        <div class="card-table table-responsive">
            <table class="table">
                <thead>
                <tr>
                    <th>{{ __('Date') }}</th>
                    <th>{{ __('Subject') }}</th>
                    <th>{{ __('Source') }}</th>
                    <th>{{ __('Recipient') }}</th>
                    <th>{{ __('Status') }}</th>
                    @if(request()->route()->named('sendportal.messages.draft'))
                        <th>{{ __('Actions') }}</th>
                        <th>
                            <button class="btn btn-xs btn-light" id="select-all">Select All</button>
                            <form action="{{ route('sendportal.messages.send-selected') }}" method="post" id="send-selected-form" style="display: inline-block;">
                                @csrf
                                <button type="submit" class="btn btn-xs btn-light">{{ __('Send Selected') }}</button>
                            </form>
                        </th>
                    @endif
                </tr>
                </thead>
                <tbody>
                    @forelse($messages as $message)
                        <tr>
                            <td>
                                {{ $message->sent_at ?? $message->created_at }}
                            </td>
                            <td>{{ $message->subject }}</td>
                            <td>
                                @if($message->isCampaign())
                                    <i class="fas fa-envelope color-gray-300"></i>
                                    <a href="{{ route('sendportal.campaigns.reports.index', $message->source_id) }}">
                                        {{ $message->source->name }}
                                    </a>
                                @elseif($message->isAutomation())
                                    <i class="fas fa-sync-alt color-gray-300"></i>
                                    <a href="{{ route('sendportal.automations.show', $message->source->automation_step->automation_id) }}">
                                        {{ $message->source->automation_step->automation->name }}
                                    </a>
                                @endif
                            </td>
                            <td><a href="{{ route('sendportal.subscribers.show', $message->subscriber_id) }}">{{ $message->recipient_email }}</a></td>
                            <td>
                                @include('sendportal::messages.partials.status-row')
                            </td>
                            @if(request()->route()->named('sendportal.messages.draft') &&  ! $message->sent_at)
                                <td>
                                    <form action="{{ route('sendportal.messages.send') }}" method="post" class="d-inline-block">
                                        @csrf
                                        <input type="hidden" name="id" value="{{ $message->id }}">
                                        <a href="{{ route('sendportal.messages.show', $message->id) }}" class="btn btn-xs btn-light">{{ __('Preview') }}</a>
                                        <button type="submit" class="btn btn-xs btn-light">{{ __('Send Now') }}</button>
                                    </form>
                                    <form action="{{ route('sendportal.messages.delete', $message->id) }}" method="post" class="d-inline-block delete-message">
                                        @csrf
                                        @method('delete')
                                        <button type="submit" class="btn btn-xs btn-light">{{ __('Delete') }}</button>
                                    </form>
                                </td>
                                <td>
                                    <input type="checkbox" name="messages[]" value="{{ $message->id }}" class="message-select" form="send-selected-form">
                                </td>
                            @endif
                        </tr>
                    @empty
                        <tr>
                            <td colspan="100%">
                                <p class="empty-table-text">{{ __('There are no messages') }}</p>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    @include('sendportal::layouts.partials.pagination', ['records' => $messages])

    @push('js')
        <script>
            $(function () {
                $('#select-all').click(function () {
                    $('.message-select').prop('checked', true);
                });

                $('.delete-message').submit(function (event) {
                    event.preventDefault();

                    let confirmDelete = confirm('Are you sure you want to delete this message?');

                    if(confirmDelete) {
                        this.submit();
                    }
                });
            })
        </script>
    @endpush

@endsection