@extends('layouts.app')

@section('content')
    <!-- Here you can add content specific to the 'mail_dashboard' page -->
    <p>Welcome to your Mail Dashboard</p>
    <!-- Add more content as needed -->
    <div class="container">
        <div class="row">

            <!-- form col -->
            {{-- <div class="col-12 col-md-8 col-lg-6 border">
                <div class="form-container bg-white p-4 rounded shadow-sm">
                    <h4 class="mb-4 text-center">AI Prompt Submission</h4>

                    <!-- Success Message -->
                    @if (session('success'))
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            {{ session('success') }}
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                    @endif

                    <!-- Validation Errors -->
                    @if ($errors->any())
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            <ul class="mb-0">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                    @endif


                    <form action="{{ route('prompt.store') }}" method="POST">
                        @csrf

                        <!-- Hidden User ID (optional) -->
                        <input type="hidden" name="user_id" value="{{ auth()->id() }}">

                        <!-- AI Prompt -->
                        <div class="mb-3">
                            <label for="ai_prompt" class="form-label">AI Prompt</label>
                            <textarea class="form-control" id="ai_prompt" name="ai_prompt" rows="2" placeholder="Enter your prompt...">{{ old('ai_prompt') }}</textarea>
                        </div>

                        <!-- Categorization Keywords -->
                        <div class="mb-3">
                            <label for="keywords" class="form-label">Categorization Keywords</label>
                            <input type="text" class="form-control" id="keywords" name="keywords"
                                placeholder="e.g. appreciation, sales, tech" value="{{ old('keywords') }}">
                        </div>

                        <!-- Submit Button -->
                        <div class="d-grid">
                            <button type="submit" class="btn btn-primary">Add Prompt</button>
                        </div>
                    </form>
                </div>
            </div> --}}
            <!-- form col -->

            {{-- Submitted Prompts data --}}
            {{-- <div class="col-lg-6 border">
                <h4 class="mb-4">Submitted Prompts</h4>
                <div style="max-height: 400px; overflow-y: auto;">
                    <table class="table table-bordered table-striped">
                        <thead class="table-dark">
                            <tr>
                                <th>#</th>
                                <th>AI Prompt</th>
                                <th>Keywords</th>
                                <th>Date</th>
                                <th>Time</th>
                                <th>Used</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($prompts as $index => $prompt)
                                <tr>
                                    <td>{{ $index + 1 }}</td>
                                    <td>{{ $prompt->ai_prompt ?: '-' }}</td>
                                    <td>{{ $prompt->keywords ?: '-' }}</td>
                                    <td>{{ $prompt->created_at->format('d-m-Y') }}</td>
                                    <td>{{ $prompt->created_at->format('h:i A') }}</td>
                                    <td>
                                        @if ($prompt->status == 0)
                                            <span class="badge bg-success">Yes</span>
                                        @else
                                            <span class="badge bg-secondary">No</span>
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="5" class="text-center">No prompts found.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div> --}}
            {{-- Submitted Prompts data --}}

        </div>
    </div>
    {{-- <div class="container my-3">
  <div class="row">
    <div class="col-md-12 p-3 border rounded shadow-sm bg-light">
      <h6><strong>Email ID:</strong> 248</h6>
      <p class="mb-0"><strong>Summary :- </strong>here will display genrated value</p>
    </div>
  </div>
</div> --}}
@endsection