@extends('layouts.admin')

@section('page-title', trans('crm.newsletter'))

@section('content')


    <div class="page-header page-header-light">
        <div class="page-header-content header-elements-md-inline">
            <div class="page-title d-flex">
                <h4><a href="javascript:history.back()" style="color: black;"><i class="icon-arrow-left52 mr-2"></i></a>
                    <span class="font-weight-semibold">{{ trans('crm.newsletter') }}</span>
                </h4>
            </div>
        </div>
    </div>

    <div class="content">

        @include('partials.messages')

        @if($newsletter->status == 'draft')
        <div class="card col-md-6 offset-md-3">
            <div class="card-body">
                {!! Form::open(['route' => ['admin.newsletters.send', $newsletter->id], 'id' => 'send-newsletter-form']) !!}
                    <input type="hidden" name="id" value="{{ $newsletter->id }}">
                    <div class="form-group">
                        <label><span class="text-danger">*</span>@lang('crm.newsletter_list')</label>
                        <select class="form-control" name="newsletter_list_id" required>
                            <option value=""></option>
                            @foreach($newsletter_lists as $newsletter_list)
                                <option value="{{ $newsletter_list->id }}">{{ $newsletter_list->name }} ({{ $newsletter_list->contacts->where('status', 'active')->count() }} {{ __('contacts') }})</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group" style="display: none;">
                        <label>@lang('crm.newsletter_from_email')</label>
                        <input type="email" class="form-control" name="from_email">
                    </div>
                    <div class="form-group" style="display: none;">
                        <label>@lang('crm.newsletter_from_name')</label>
                        <input type="text" class="form-control" name="from_name">
                    </div>

                    <input type="hidden" name="action" value="send"/>

                    <div class="text-right">
                        <button type="submit" class="btn btn-primary" data-action="send"><i class="icon-rocket"></i> Send</button>
                    </div>
                {!! Form::close() !!}
            </div>
        </div>
        @endif

        @if($newsletter->status != 'draft')
        <div class="card col-md-6 offset-md-3">
            <div class="card-body">
                @php
                    $emails_count = $newsletter->emails->count();
                    $queued_count = $newsletter->emails->where('status', 'queued')->count();
                    $error_count = $newsletter->emails->where('status', 'error')->count();
                    $sent_count = $newsletter->emails->where('status', 'sent')->count();
                    $progress = $emails_count ? ($error_count + $sent_count) / $emails_count * 100 : 0;
                @endphp
                <div class="row">
                    <div class="col-md-3 col-sm-6">
                        <span class="">{{ trans('crm.newsletter_from_email') }}</span><br>
                        <span>{{ $newsletter->from_email }}</span>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <span class="">{{ trans('crm.newsletter_from_name') }}</span><br>
                        <span>{{ $newsletter->from_name }}</span>
                    </div>
                    <div class="col-md-2 col-sm-4">
                        <span class="">{{ trans('crm.newsletter_queued') }}</span><br>
                        <span class="text-primary">{{ $queued_count }}</span>
                    </div>
                    <div class="col-md-2 col-sm-4">
                        <span class="">{{ trans('crm.newsletter_failed') }}</span><br>
                        <span class="text-danger">{{ $error_count }}</span>
                    </div>
                    <div class="col-md-2 col-sm-4">
                        <span class="">{{ trans('crm.newsletter_sent') }}</span><br>
                        <span class="text-success">{{ $sent_count }}</span>
                    </div>
                </div>
                <br>
                <div class="form-group">
                    <div class="row">
                        <div class="col-md-6">
                            <span class="text-{{ \CRM\Newsletter::$statusStyles[$newsletter->status] }} font-weight-semibold">{{ $sent_count }}/{{ $emails_count }}</span>
                        </div>
                        <div class="col-md-6">
                            <div class="text-right">
                                <span class="text-{{ \CRM\Newsletter::$statusStyles[$newsletter->status] }}">{{ $progress }}%</span>
                            </div>
                        </div>

                    </div>
                    <div class="progress mb-3" style="height: 0.625rem;">
                        <div class="progress-bar bg-{{ \CRM\Newsletter::$statusStyles[$newsletter->status] }}" style="width: {{ $progress }}%">
                            <span class="sr-only">{{ $progress }}%</span>
                        </div>
                    </div>
                </div>
                <br>
                @if($newsletter->status == 'error' && $newsletter->error)
                <div class="alert alert-danger d-flex align-items-center p-5 mt-8">
                    <i class="lar la-times-circle fs-2hx text-danger me-3"></i>
                    <div class="d-flex flex-column">
                        <p class="text-red-500 mb-0">{{ $newsletter->error }}</p>
                    </div>
                </div>
                <br>
                @endif
                <div class="text-center">
                @if(admin_permission('newsletter.send'))
                @if($newsletter->status == 'sending')
                <a href="{{ route('admin.newsletters.pause', $newsletter->id) }}" class="btn btn-warning"><i class="icon-pause"></i> Pause</a>
                @endif
                @if($newsletter->status == 'paused')
                <a href="{{ route('admin.newsletters.resume', $newsletter->id) }}" class="btn btn-primary"><i class="icon-play3"></i> Resume</a>
                @endif
                @if($newsletter->status == 'error')
                <a href="{{ route('admin.newsletters.retry', $newsletter->id) }}" class="btn btn-primary"><i class="icon-redo"></i> Retry</a>
                @endif
                @if($newsletter->status != 'draft')
                <a href="{{ route('admin.newsletters.reset', $newsletter->id) }}" class="btn btn-danger"><i class="icon-stop"></i> Reset</a>
                @endif
                @endif
                @if($newsletter->status != 'draft')
                <a href="{{ route('admin.newsletters.report', $newsletter->id) }}" class="btn btn-info"><i class="icon-list2"></i> Report</a>
                @endif
                </div>
            </div>
        </div>
        @endif

        <div class="card col-md-6 offset-md-3">
            <div class="card-body">
                <h1>{{ $newsletter->subject }}</h1>
                {!! $newsletter->message !!}
            </div>
        </div>
    </div>
@stop

@section('scripts')

    <script>
        $('#newsletter-form button').on('click', function () {
            $('#newsletter-form button').attr('disabled', 'disabled');

            $('input[name="action"]').val($(this).data('action'));

            as.btn.loading($(this), 'Waiting...');

            $('#newsletter-form').submit();
        })
    </script>

@stop