@extends('admin.layout.app')
@section('content')
    <main class="nxl-container apps-container apps-email">
        <div class="nxl-content without-header nxl-full-content">
            <!-- [ Main Content ] start -->

            <div class="content-area">
                <div class="items-details">
                    <div class="items-details-header bg-white sticky-top">
                        <div class="d-flex align-items-center">
                            <a href="{{route('admin.job.applicants')}}">
                                <div class="avatar-text avatar-md item-info-close" title="Back">
                                    <i class="feather-arrow-left"></i>
                                </div>
                            </a>
                        </div>

                    </div>
                    <div class="items-details-body">
                        <div class="accordion">
                            <!--! BEGIN: [accordion-item] !-->
                            <div class="accordion-item">
                                <div class="accordion-header" id="headingOne">
                                    <div class="accordion-button collapsed" role="button" data-bs-toggle="collapse"
                                         data-bs-target="#collapseOne" aria-expanded="false"
                                         aria-controls="collapseOne">
                                        <div class="d-flex align-items-center">
                                            {{--                                            <div class="avatar-image avatar-md">--}}
                                            {{--                                                <img src="{{asset('admin/images/avatar/1.png')}}" alt=""--}}
                                            {{--                                                     class="img-fluid">--}}
                                            {{--                                            </div>--}}
                                            <div class="ms-3">
                                                <h2 class="fs-13 mb-1 text-truncate-1-line">{{$conversation->name ?? ''}}</h2>
                                                <div class="fs-12 fw-normal text-muted text-truncate-1-line"
                                                     data-bs-toggle="popover" data-bs-trigger="hover"
                                                     data-bs-html="true" data-bs-content='<ul class="list-unstyled mb-0">
																<li class="mb-1">
																	<span class="d-inline-block wd-50 text-muted text-end fs-12 me-3"> from: </span>
																	<span class="fs-12 d-inline-block text-dark"> no-reply@google.com </span>
																</li>
																<li class="mb-1">
																	<span class="d-inline-block wd-50 text-muted text-end fs-12 me-3"> to: </span>
																	<span class="fs-12 d-inline-block text-dark">wrapcode.info@gmail.com</span>
																</li>
																<li class="mb-1">
																	<span class="d-inline-block wd-50 text-muted text-end fs-12 me-3"> bcc: </span>
																	<span class="fs-12 d-inline-block text-dark">wrapcode.info@gmail.com</span>
																</li>
																<li class="mb-1">
																	<span class="d-inline-block wd-50 text-muted text-end fs-12 me-3"> date: </span>
																	<span class="fs-12 d-inline-block text-dark">Oct 18, 2022, 12:01 PM</span>
																</li>
																<li class="mb-1">
																	<span class="d-inline-block wd-50 text-muted text-end fs-12 me-3"> subject: </span>
																	<span class="fs-12 d-inline-block text-dark"> Security alert for Account </span>
																</li>
																<li class="mb-1">
																	<span class="d-inline-block wd-50 text-muted text-end fs-12 me-3"> mailed: </span>
																	<span class="fs-12 d-inline-block text-dark">gaia.bounces.google.com</span>
																</li>
																<li class="mb-1">
																	<span class="d-inline-block wd-50 text-muted text-end fs-12 me-3"> singed: </span>
																	<span class="fs-12 d-inline-block text-dark">accounts.google.com</span>
																</li>
																<li class="mb-1">
																	<span class="d-inline-block wd-50 text-muted text-end fs-12 me-3"> security: </span>
																	<span class="fs-12 d-inline-block text-dark"> Standard encryption (TLS) </span>
																</li>
															</ul>'>
                                                    <span>to: admin@gmail.com</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="d-none d-sm-flex align-items-center gap-3 position-absolute"
                                             style="top: 25px; right: 50px">
                                            <div
                                                class="fs-10 fw-medium text-muted text-uppercase item-time d-none d-sm-block">
                                                {{$conversation->created_at->format('d M, Y')}}
                                            </div>

                                        </div>
                                    </div>
                                </div>
                                <div id="collapseOne" class="accordion-collapse collapse"
                                     aria-labelledby="headingOne">
                                    <div class="accordion-body">
                                        Applied for the Job Application "{{$conversation->application->title ?? ''}}"

                                        <p>Note: {{$conversation->note ?? ''}}</p>
                                        <a href="{{ asset('uploads/cv/'.$conversation->cv) }}">Download CV</a>
                                        <br>
                                        <p class="mb-0">Looking forward to hearing from you!</p>
                                        <div class="fs-12">Thanks by, <a
                                                href="javascript:void(0);">{{$conversation->name ?? ''}}</a></div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="items-details-footer mail-action-editor m-4 border border-top-0 rounded-3">
                        <div class="p-0 ht-400 border-top position-relative editor-section">
                            <div class="position-relative border-bottom">
                                <div class=" d-flex align-items-center">
                                    <div class="p-0 w-100">
                                        <input class="form-control border-0 text-dark" name="tomailcontent"
                                               placeholder="TO">
                                    </div>
                                </div>

                            </div>
                            <div class=" w-100 d-flex align-items-center">
                                <input class="form-control border-0 my-1 w-100 shadow-none" type="email"
                                       placeholder="Subject">
                            </div>
                            <div class=" w-100 d-flex align-items-center">
                                <textarea class="form-control border-0 my-1 w-100 shadow-none" rows="10"
                                          placeholder="Description"></textarea>
                            </div>
                        </div>
                        <div class="px-4 py-3 d-flex align-items-center justify-content-between border-top">
                            <!--! BEGIN: [mail-editor-action-left] !-->
                            <div class="d-flex align-items-center gap-2">
                                <div class="dropdown">
                                    <a href="javascript:void(0)" data-bs-toggle="dropdown" data-bs-offset="0, 0">
                                            <span class="btn btn-primary dropdown-toggle" data-bs-toggle="tooltip"
                                                  data-bs-trigger="hover" title="Send Message"> Send </span>
                                    </a>

                                </div>
                                <div class="dropdown d-none d-sm-block">
                                    <a href="javascript:void(0)" data-bs-toggle="dropdown" data-bs-offset="0, 0">
                                            <span class="btn btn-icon" data-bs-toggle="tooltip" data-bs-trigger="hover"
                                                  title="Pick Template">
                                                <i class="feather-hash"></i>
                                            </span>
                                    </a>
                                    <div class="dropdown-menu wd-300">
                                        <a href="javascript:void(0)" class="dropdown-item">
                                            <i class="feather-file-text me-3"></i>
                                            <span>Welcome you message</span>
                                        </a>
                                        <a href="javascript:void(0)" class="dropdown-item">
                                            <i class="feather-file-text me-3"></i>
                                            <span>Your issues solved</span>
                                        </a>
                                        <a href="javascript:void(0)" class="dropdown-item">
                                            <i class="feather-file-text me-3"></i>
                                            <span>Thank you message</span>
                                        </a>
                                        <a href="javascript:void(0)" class="dropdown-item">
                                            <i class="feather-file-text me-3"></i>
                                            <span>Make a offer message</span>
                                        </a>
                                        <a href="javascript:void(0)" class="dropdown-item">
                                            <i class="feather-file-text me-3"></i>
                                            <span>Add the Unsubscribe option</span>
                                        </a>
                                        <a href="javascript:void(0)" class="dropdown-item">
                                            <i class="feather-file-text me-3"></i>
                                            <span
                                                class="text-truncate-1-line">Thank your customer for joining</span>
                                        </a>
                                        <div class="dropdown-divider"></div>
                                        <a href="javascript:void(0)" class="dropdown-item">
                                            <i class="feather-save me-3"></i>
                                            <span class="text-truncate-1-line">Save as Template</span>
                                        </a>
                                        <a href="javascript:void(0)" class="dropdown-item">
                                            <i class="feather-sun me-3"></i>
                                            <span>Manage Template</span>
                                        </a>
                                    </div>
                                </div>

                            </div>

                        </div>
                    </div>
                </div>

            </div>
            <!-- [ Content Area ] end -->
        </div>
        <!-- [ Main Content ] end -->

    </main>


@endsection