@extends('backendPartials.default')
@section('section')
<style type="text/css">
.margin {
    padding: 3px;
}

.input {
    border-radius: 5px;
}
</style>
<div class="row">
    <div class="col-md-12">

        <div class="card">
            <div class="card-body">
                <h4>Emails</h4>

                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-body">
                                <form method="get" action="?">
                                <div class="row mb-2">
                                    <div class="col-10">
                                        <input type="text" name="search" value="{{\Request::get('search')}}" placeholder="Search Here" class="form-control"> 
                                    </div>
                                    <div class="col-2">
                                        <input type="submit" class="btn btn-success"> 
                                    </div>
                                </div>
                                </form>
                                <ul class="nav nav-pills mb-3" role="tablist">
                                    <li class="nav-item" role="presentation">
                                        <a class="nav-link active" data-bs-toggle="pill" href="#primary-pills-home" role="tab" aria-selected="true">
                                            <div class="d-flex align-items-center">
                                                <div class="tab-icon"><i class="bi bi-arrow-down"></i>
                                                </div>
                                                <div class="tab-title"> Inbox</div>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="nav-item" role="presentation">
                                        <a class="nav-link" data-bs-toggle="pill" href="#primary-pills-profile" role="tab" aria-selected="false">
                                            <div class="d-flex align-items-center">
                                                <div class="tab-icon"><i class="bi bi-arrow-up"></i>
                                                </div>
                                                <div class="tab-title">Outbox</div>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="nav-item" role="presentation">
                                        <a class="nav-link" data-bs-toggle="pill" href="#primary-pills-contact" role="tab" aria-selected="false">
                                            <div class="d-flex align-items-center">
                                                <div class="tab-icon"><i class="bi bi-pencil"></i>
                                                </div>
                                                <div class="tab-title">Send New Email</div>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                                <div class="tab-content" id="pills-tabContent">
                                    <div class="tab-pane fade show active" id="primary-pills-home" role="tabpanel">
                                       <div class="row">
                                        <div class="col-md-12">
                                            <table class="table">
                                            <thead>
                                                <tr>
                                                    <th>Date</th>
                                                    <th>Sender</th>
                                                    <th>Subject</th>
                                                    <th>Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($messages->sortByDesc(function($message) { return $message->getDate(); }) as $message)
                                                    <tr>
                                                        <td>{{$message->getDate()}}</td>
                                                        <td>{{ $message->getFrom()[0]->mail }}</td>
                                                        <td>{{ $message->getSubject() }}</td>
                                                        <td><a href="{{ route('admin.emails.show', ['id' => $message->uid]) }}" target="_blank">
                                                            View Email
                                                        </a></td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                        </div>
                                        {{$messages->links('vendor.pagination.bootstrap-4')}}
                                       </div>
                                    </div>
                                    <div class="tab-pane fade" id="primary-pills-profile" role="tabpanel">
                                        <div class="row">
                                        <div class="col-md-12">
                                            <table class="table">
                                            <thead>
                                                <tr>
                                                    <th>Recipient</th>
                                                    <th>Subject</th>
                                                    <th>Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($sent as $message)
                                                    <tr>
                                                        <td>{{ $message->recipient }}</td>
                                                        <td>{{ $message->subject }}</td>
                                                        <td><a href="{{ route('admin.sent-emails.show', ['id' => $message->id]) }}" target="_blank">
                                                            View Email
                                                        </a></td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                        </div>

                                         {{$sent->links('vendor.pagination.bootstrap-4')}}
                                       </div>
                                    </div>
                                    <div class="tab-pane fade" id="primary-pills-contact" role="tabpanel">
                                         <form action="{{route('admin.sendEmail')}}" method="post" enctype="multipart/form-data">
                                            @csrf
                                                <div class="form-group">
                                                    <label for="recipient">Recipient Email:</label>
                                                    <input type="email" class="form-control" id="recipient" name="recipient" required multiple>
                                                </div>
                                                <div class="form-group">
                                                    <label for="subject">Subject:</label>
                                                    <input type="text" class="form-control" id="subject" name="subject" required>
                                                </div>
                                                <div class="form-group">
                                                    <label for="message">Message:</label>
                                                    <textarea class="form-control" id="message" name="message" rows="4" required></textarea>
                                                </div>
                                                <div class="form-group">
                                                    <label for="attachment">Attach PDF File:</label>
                                                    <input type="file" class="form-control" id="attachment" name="attachment" accept="application/pdf">
                                                </div>
                                                <button type="submit" class="btn btn-primary mt-2">Send Email</button>
                                            </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>

    </div>
</div>
@endsection
@section('jsOutside')
     <script src="https://cdn.ckeditor.com/4.22.1/full/ckeditor.js"></script>
     <script>
           CKEDITOR.replace( 'message' );
     </script>
@endsection