@extends('admin.layouts.app')
@section('content')
<div class="container-scroller">
    {{-- navbar - top --}}
    @include('admin.layouts.topbar')
    <div class="container-fluid page-body-wrapper">
        {{-- navbar - side --}}
        @include('admin.layouts.nav')
      <!-- partial -->
      <div class="main-panel">
        <div class="content-wrapper">
            <a href="{{ route('admin.emails.index') }}" class="btn btn-outline-info mb-3">Go Back</a>
          <div class="row">
            <div class="col-md-12 grid-margin">
              <div class="row">
                <div class="col-12 col-xl-8 mb-2 mb-xl-0">
                    <h3 class="font-weight-bold">Email Campaign #{{ $emailCampaign->id }} / View</h3>
                </div>
              </div>
            </div>
          </div>
            <div class="row justify-content-center">
                <div class="col-md-12 grid-margin">
                    <div class="card shadow-lg">
                        <div class="card-body">
                            <div class="d-flex justify-content-between mb-3">
                                <h4 class="card-title mt-2">Campaign Details</h4>
                            </div>
                            <div class="row">
                                <div class="col-lg-6">
                                    <label class="form-label" for="title">Title</label>
                                    <h6>{{ $emailCampaign->title }}</h6>
                                </div>
                                <div class="col-lg-6">
                                    <label class="form-label" for="subject">Email - Subject</label>
                                    <h6>{{ $emailCampaign->subject }}</h6>
                                </div>
                            </div>
                            <div class="mt-3">
                                <label class="form-label" for="body">Email - Body</label>
                                <div class="border rounded-3 p-3">
                                    <p>
                                        {!! $emailCampaign->body !!}
                                    </p>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-lg-3">
                                    <label class="form-label" for="status">Status</label>
                                    <h6 class="text-uppercase">{{ $emailCampaign->status }}</h6>
                                </div>
                                <div class="col-lg-3">
                                    <label class="form-label" for="scheduled_at">Scheduled At</label>
                                    <h6>
                                        @if ($emailCampaign->scheduled_at != null)
                                            {{ \Carbon\Carbon::parse($emailCampaign->scheduled_at, "Asia/Kolkata")->toDayDateTimeString() }}
                                        @else
                                            Not Yet Scheduled
                                        @endif
                                    </h6>
                                </div>
                                <div class="col-lg-3">
                                    <label class="form-label" for="started_at">Started At</label>
                                    <h6>
                                        @if ($emailCampaign->started_at != null)
                                            {{ \Carbon\Carbon::parse($emailCampaign->started_at, "Asia/Kolkata")->toDayDateTimeString() }}
                                        @else
                                            Not Yet Started
                                        @endif
                                    </h6>
                                </div>
                                <div class="col-lg-3">
                                    <label class="form-label" for="ended_at">Ended At</label>
                                    <h6>
                                        @if ($emailCampaign->ended_at != null)
                                            {{ \Carbon\Carbon::parse($emailCampaign->ended_at, "Asia/Kolkata")->toDayDateTimeString() }}
                                        @else
                                            NA
                                        @endif
                                    </h6>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-lg-3">
                                    <label class="form-label" for="total_recipients">Total Recipients</label>
                                    <h6 class="text-uppercase">{{ $emailCampaign->total_recipients }}</h6>
                                </div>
                                <div class="col-lg-3">
                                    <label class="form-label" for="total_sent">Total Sent</label>
                                    <h6 class="text-uppercase">{{ $emailCampaign->total_sent }}</h6>
                                </div>
                                <div class="col-lg-3">
                                    <label class="form-label" for="total_failed">Total Failed</label>
                                    <h6 class="text-uppercase">{{ $emailCampaign->total_failed }}</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                <div class="card mb-4">
                    <div class="card-header d-block d-md-flex justify-content-between">
                        <h4 class="card-title mt-2">Recipient Details</h4>
                        <a href="javascript:void(0);" id="resetEmailRecipientStatus_{{ $emailCampaign->id }}" class="btn btn-primary">Reset status</a>
                    </div>
                    <div class="card-body">
                        <table class="table table-bordered">
                            <thead>
                                <th>E-Mail</th>
                                <th>Status</th>
                                <th>Error Message</th>
                                <th>Delete</th>
                            </thead>
                            <tbody>
                                @forelse ($emailRecipients as $emailRecipient)
                                    <tr>
                                        <td>{{ $emailRecipient->email }}</td>
                                        <td>{{ $emailRecipient->status }}</td>
                                        <td>{{ $emailRecipient->error_message ?? "NA" }}</td>
                                        <td>
                                            <a href="javascript:void(0);" id="deleteEmailRecipient_{{ $emailRecipient->id }}" class="btn btn-icon btn-danger m-1">
                                                <i class="icon-trash" style="margin-top:10px;font-size:18px;"></i>
                                            </a>
                                        </td>
                                    </tr>
                                @empty
                                    <tr class="text-center">
                                        No Recipients available
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
                </div>
            </div>

</div>
@endsection
@extends('admin.layouts.footer')