@extends('layouts.app',['title'=>ucwords($title)])
@section('content')
<div class="main-content" id="result">
    
    <div class="page-content">
        <div class="container-fluid">
                 
            {{-- <div class="row">
                <div class="col-lg-12">
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul class="mb-0">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    @if (session('success'))
                        <div class="alert alert-success">
                            {{ session('success') }}
                        </div>
                    @endif
                </div>
            </div> --}}
            @include("partials.tabs.user_profile_tab",["id"=>$id,"tab"=>"prompts",'prompts_count'=>$prompts_count?$prompts_count:0])
            <div class="mt-4">
                <div class="table-responsive ">
                    <div id="projectList-table_wrapper" class="dataTables_wrapper dt-bootstrap4 no-footer">
                        
                        <div class="row">
                            <div class="col-sm-12">
                                @php
                                    $dir = request('dir', 'desc');
                                    $col = request('col', 'created_at');
                                @endphp
                                <table class="table table-striped project-list-table align-middle table-nowrap dt-responsive nowrap w-100 table-borderless dataTable no-footer dtr-inline" id="projectList-table" aria-describedby="projectList-table_info" style="width: 1015px; border:1px solid #eee;">
                                    <thead class="table-light">
                                        <tr>

                                            <th scope="col" class="">
                                               Website
                                            </th>

                                            

                                            <th scope="col" class="sorting {{ $col === 'created_at' ? 'sorting_' . $dir : '' }}">
                                                <a style="color:#535151 !important;" href="{{ route('prompts.users.list', ['col' => 'created_at', 'dir' => $col === 'created_at' && $dir === 'asc' ? 'desc' : 'asc','id'=>$id]) }}">
                                                    Created at
                                                </a>
                                            </th>
                                            <th>
                                                Action
                                            </th>
                                            
                                            
                                        </tr>
                                    </thead>
                                    <tbody>
                                            @foreach ($prompts as $index => $prompt)
                                        <tr>
                                            <td>{{ $prompt->website ? $prompt->website->title : "N/A" }}</td>
                                            <td>{{ $prompt->created_at ? $prompt->created_at->format('d M Y') : "N/A" }}</td>
                                            <td>
                                                <!--<a href="javascript:;" data_prompt="{{ isset($prompt->prompt) ? $prompt->prompt:''   }}" target="_blank" class="btn btn-outline-primary view_prompt button-text-hover button-text">
                                                    View Prompt
                                                </a>-->
                                                <a href="{{route('prompts.site-structure',['id'=>$prompt->id])}}"  target="_blank" class="btn btn-outline-primary button-text-hover button-text">
                                                    View Site Structure
                                                </a>
                                            </td>
                                        </tr>
                                        @endforeach
                                        
                                    </tbody>
                                </table>
                                @if($prompts->count()==0)
                                    <p class="text-center text-muted">No prompts found.</p>
                                @endif
                            </div>
                        </div>
                        @if(!$prompts->isEmpty())
                        <div class="row page-row">
                            <div class="col-sm-12 col-md-5">
                                <div class="dataTables_info" id="projectList-table_info" role="status" aria-live="polite">Showing {{ $prompts->firstItem() }} to {{ $prompts->lastItem() }} of {{ $prompts->total() }} Entries</div>
                            </div>
                            <div class="col-sm-12 col-md-7">
                                <div class="dataTables_paginate paging_simple_numbers pagination-rounded pagination-text" id="projectList-table_paginate">
                                    {{ $prompts->links('pagination::bootstrap-4') }}
                                </div>
                            </div>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
            
        </div> <!-- container-fluid -->
    </div>
    @include("partials.modals.view_prompt_modal",["title"=>"Prompt"])
</div>
@endsection
@push('topcss')
 <link href="{{ asset('assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('assets/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />  


@endpush
@push('scripts')
<script>
     $(".view_prompt").click(function(e){
        e.preventDefault();
        $("#promptModal").modal("show") ; 
        
        $("#promptModal .modal-body").html($(this).attr("data_prompt"));
    })
</script>
@endpush