@extends('admin.layouts.base')
@section('page-header')
<!--Page header-->
<div class="page-header">
    <div class="page-leftheader">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('home')}}"><i
                        class="fe fe-home mr-2 fs-14"></i>Home</a></li>
            <li class="breadcrumb-item active" aria-current="page"><a
                    href="javascript:void(0)">@lang('models/openAiPromptResult.plural')</a></li>
        </ol>
    </div>


    {{--<div class="page-rightheader">
            <div class="btn btn-list">
                </div>
</div>--}}
</div>

<!--End Page header-->
@endsection

@section('content')
<div class="main-content">
    <div class="page-content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12 col-lg-12">
                    <div class="card">
                        @include('flash::message')
                        @isset($searchable)
                        <form method="GET" action="{{ url()->current() }}">
                            <div class="ml-5 pt-3">
                                <div class="row input-group align-items-center">

                                    <!-- Keyword Search -->
                                    <div class="col-xl-4 col-md-6 col-sm-6 py-2">
                                        <input
                                            type="text"
                                            name="keyword_search"
                                            value="{{ request('keyword_search') }}"
                                            class="form-control"
                                            placeholder="Keyword Search...">
                                    </div>

                                    <!-- Flag -->
                                    <div class="col-xl col-md-6 col-sm-6 py-2">
                                        <select
                                            name="flag"
                                            class="form-control @error('flag') is-invalid @enderror">
                                            <option value="">{{ __('Select Module Flag') }}</option>

                                            @foreach(config('constants.module_flags') as $key => $value)
                                            <option value="{{ $key }}"
                                                {{ request('flag') == $key ? 'selected' : '' }}>
                                                {{ $value }}
                                            </option>
                                            @endforeach
                                        </select>

                                        @error('flag')
                                        <span class="invalid-feedback mt-1">
                                            {{ __('validation.required', ['attribute' => __('models/users.fields.user')]) }}
                                        </span>
                                        @enderror
                                    </div>

                                    <!-- Buttons -->
                                    <div class="input-group-append col-xl col-sm-6 d-flex justify-content-xl-start py-2">
                                        <button type="submit" class="btn btn-primary mr-2">
                                            <i class="fa fa-search"></i>
                                        </button>

                                        <a class="btn btn-primary mr-2" href="{{ url()->current() }}">
                                            <i class="fa fa-refresh"></i>
                                        </a>
                                    </div>

                                </div>
                            </div>
                        </form>
                        @endisset

                        <div class="card-body">
                            <div class="card">
                                <table class="table table-responsive d-lg-table border even-tbl" id="openAiPrompr-table">
                                    <thead>
                                        <tr>
                                            <th class="text-left">Slug</th>
                                            <th>Module flag</th>
                                            <th>Seo score</th>
                                            <th>Content score</th>
                                            <th>Eeat score</th>
                                            <th>Bert score</th>
                                            <th>Readability score</th>
                                            <th colspan="3">Action</th>
                                        </tr>
                                    </thead>

                                    <tbody>
                                        @foreach($openAiPromptResults as $openAi)
                                        <tr>
                                            <td>{{ $openAi->openAiPromptInput ? $openAi->openAiPromptInput->slug : '-' }}</td>
                                            <td>{{ moduleFlag($openAi->module_flag) }}</td>
                                            <td>{{ $openAi->seo_score }}</td>
                                            <td>{{ $openAi->content_score }}</td>
                                            <td>{{ $openAi->eeat_score }}</td>
                                            <td>{{ $openAi->bert_score }}</td>
                                            <td>{{ $openAi->readability_score }}</td>
                                            <td>
                                                <form action="{{ route('openai.prompt-result.destroy', $openAi->id) }}" method="POST">
                                                    @csrf
                                                    @method('DELETE')

                                                    <div class="btn-group">

                                                        @if(in_array(132, $permissions) || $role_id == 1)
                                                            <a href="{{ route('openai.prompt-result.show', [app()->getLocale(), $openAi->id]) }}"
                                                            class="btn btn-success">
                                                                <i class="fa fa-eye"></i>
                                                            </a>
                                                        @endif

                                                        {{-- Edit button (optional) --}}
                                                        {{--
                                                        @if(in_array(149, $permissions) || $role_id == 1)
                                                            <a href="{{ route('openai.prompt-result.edit', [app()->getLocale(), $openAi->id]) }}"
                                                            class="btn btn-primary">
                                                                <i class="fa fa-pencil"></i>
                                                            </a>
                                                        @endif
                                                        --}}

                                                        @if(in_array(134, $permissions) || $role_id == 1)
                                                            <button type="submit"
                                                                    class="btn btn-danger"
                                                                    onclick="return confirm('Are you sure?')">
                                                                <i class="fa fa-trash"></i>
                                                            </button>
                                                        @endif

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

                                <style>
                                    .even-tbl {
                                        width: 100%;
                                    }

                                    .even-tbl tr th,
                                    .even-tbl tr td {
                                        border: 1px solid #ccc;
                                        text-transform: capitalize;
                                        vertical-align: middle;
                                        text-align: center;
                                    }

                                    .even-tbl tr th {
                                        color: #fff;
                                        background: #705ec8;
                                    }

                                    .even-tbl tbody {
                                        background: #fff;
                                    }

                                    .even-tbl tbody:nth-child(odd) {
                                        background: #eee;
                                    }

                                    .even-tbl tr td:first-child {
                                        text-align: left;
                                    }

                                    .submit-btn {
                                        border-radius: 50px;
                                        font-weight: 600;
                                        margin: auto;
                                        padding: 2px 14px;
                                        border: 1px solid #705ec8;
                                    }
                                </style>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection