@extends('admin.master')

@section('title', @trans('Customer ChatBot'))

@section('content')
<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box">
            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">@trans('Dashboard') </a></li>
                    <li class="breadcrumb-item"><a href="{{ route('admin.customers-chatbot.index') }}">@trans('Customer ChatBot')</a>
                    </li>
                    <li class="breadcrumb-item active">@trans('ALl Customer ChatBot') </li>
                </ol>
            </div>
            <h4 class="page-title">@trans('Customer ChatBot') </h4>
        </div>
    </div>
</div>
<!-- end page title -->

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <table class="table table-striped dt-responsive nowrap w-100">
                    <thead>
                        <tr>
                        <th>#</th>
                        <th>@trans('Name') </th>
                        <th>@trans('Email') </th>
                        <th>@trans('Phone') </th>
                        <th>@trans('Ip') </th>
                        <th>@trans('Model Ai') </th>
                        <th>@trans('Settings') </th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($customers as $item)
                        <tr>
                            <th scope="row">{{ $loop->index + 1 }}</th>
                            <td>{{ @$item->name }}</td>
                            <td>{{ @$item->email }}</td>
                            <td>{{ @$item->phone }}</td>
                            <td>{{ @$item->ip }}</td>
                            <td>{{ @$item->configChatBot->model_ai }}</td>
                            <td>
                                <div class="dropdown">
                                    <button class="btn btn-outline-primary dropdown-toggle" type="button"
                                        id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
                                        @trans('Settings')
                                    </button>
                                    <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                        <li>
                                            <a class="dropdown-item text-success text-center"
                                                href="{{ route('admin.customers-chatbot.messages', $item->id) }}">
                                                @trans('messages')
                                            </a>
                                        </li>
                                        <li>
                                            <button class="dropdown-item text-danger text-center" type="button"
                                                data-bs-toggle="modal"
                                                data-bs-target="#danger-header-modal{{ $item->id }}">
                                                @trans('Delete')
                                            </button>
                                        </li>
                                    </ul>
                                </div>
                                @include('admin.pages.chatbot.customer._model_delete', ['id' => $item->id])
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="7" class="text-center">@trans('No customers chatbot found') </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div> <!-- end card body-->
            <div class="card-footer">
                {{ $customers->links('vendor.pagination.bootstrap-5') }}
            </div>
        </div> <!-- end card -->
    </div><!-- end col-->
</div>
@endsection