@extends('layouts.app')

@section('content')

    @include('includes.bread_crumb_with_header', [
     'header' => 'Ebay Accounts',
     'bread_crumbs' => ['Sellers' => "",'Unlinked'=>""],
 ])


    <div class="card" style="margin-left: 35px; margin-right: 35px;">
        <div class="card-body ">
            <ul class="nav nav-stretch nav-line-tabs nav-line-tabs-2x border-transparent fs-5 fw-bold">
                <li class="nav-item mt-2">
                    <a class="nav-link text-active-primary ms-0 me-10 py-5"
                       href="{{ url('admin/sellers/ebay-accounts') }}">Linked Accounts</a>
                </li>
                <li class="nav-item mt-2">
                    <a class="nav-link text-active-primary ms-0 me-10 py-5 active"
                       href="{{ url('admin/sellers/ebay-accounts/unlinked') }}">UnLinked Accounts</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="card mb-5 mb-xl-8 m-10">
        <div class="card-header align-items-center py-5 gap-2 gap-md-5">
        </div>

        <!--end::Header-->



        <!--begin::Body-->

        <div class="card-body py-3">

            <!--begin::Table container-->

            <div class="table-responsive">

                <!--begin::Table-->

                <table id="kt_datatable_column_rendering"

                       class="table table-hover table-rounded table-row-bordered gy-5 gs-7 table-striped">

                    <thead>
                    <tr class="fw-semibold fs-6 text-gray-400">
                        <th>Seller</th>
                        <th>Email</th>
                        <th>Joined Since</th>
                        <th class="text-end">Actions</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($UnlinkedEbayAccounts as $UnlinkedEbayAccount)
                        <tr>
                            <td>{{ $UnlinkedEbayAccount->name }}</td>
                            <td>{{ $UnlinkedEbayAccount->email }}</td>
                            <td>{{ $UnlinkedEbayAccount->created_at }}</td>
                            <td class="text-end">
                                <a href="#" class="btn btn-sm btn-light btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Actions
                                    <span class="svg-icon svg-icon-5 m-0">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M11.4343 12.7344L7.25 8.55005C6.83579 8.13583 6.16421 8.13584 5.75 8.55005C5.33579 8.96426 5.33579 9.63583 5.75 10.05L11.2929 15.5929C11.6834 15.9835 12.3166 15.9835 12.7071 15.5929L18.25 10.05C18.6642 9.63584 18.6642 8.96426 18.25 8.55005C17.8358 8.13584 17.1642 8.13584 16.75 8.55005L12.5657 12.7344C12.2533 13.0468 11.7467 13.0468 11.4343 12.7344Z" fill="currentColor"></path>
                                        </svg>
                                    </span>
                                </a>
                                <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-150px py-4" data-kt-menu="true">
                                    <div class="menu-item px-3 dispatch">
                                        <a class="menu-link px-3 send-mail-btn d-flex gap-5" data-id="{{ $UnlinkedEbayAccount->id }}">

                                            <i class="bi bi-envelope"></i>

                                            Send Mail</a>
                                    </div>

                                </div>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>

                </table>

            </div>
        </div>
    </div>
@endsection
@push('script')
<script>
    $(document).on("click", ".send-mail-btn", async function (e) {
        e.preventDefault()
        let UserId = $(this).data('id');
        if (await isConfirmToProcess("info", "", 'Are you sure! You want to Send Mail', 'warning')) {
            try {
                const url = "{{ url('admin/ebay/alert/mail/unlinked') }}" + "/" + UserId;
                let ajaxRequest = new HttpRequest(url, 'get');
                ajaxRequest.set_data_as_object({
                    '_token': csrfToken
                });
                let response = await ajaxRequest.call();
                toastr.success(response.message);
            } catch (err) {
                toastr.error(err);
            }
        }
    });
</script>
@endpush