@extends('organizations.layouts.default')
@section('content')
    <main>
        <div class="max-w-screen-2xl mx-auto p-2 md:p-2 2xl:p-4">
            <div class="flex justify-between m-0 p-0">
                <!-- Breadcrumb Start -->
                <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
                    <nav class="mb-2">
                        <ol class="flex gap-2 text-title-sm">
                            <li><a href="{{ route('organization.dashboard') }}">{{ __('menu.Dashboard') }} </a></li>
                            <li class="text-primary">
                                <a href="">/ Generated TORs</a>
                            </li>
                            @if ('title')
                                <li class="text-blue-900">
                                    @yield('title')
                                </li>
                            @endif
                        </ol>
                    </nav>
                </div>
            </div>
            <div x-data="{ orgProfileView: true, orgProfileEdit: false }">
                <div id="org-view-block" class="col-span-5 xl:col-span-3">
                    <div
                        class="rounded-sm border border-stroke bg-white shadow-default dark:border-strokedark dark:bg-boxdark">
                        <div class="border-b border-stroke px-7 py-4 dark:border-strokedark">
                            <div class="font-medium text-black dark:text-white flex justify-between">
                                AI Generated TOR <a href="#"
                                    x-on:click="orgProfileEdit = !orgProfileEdit, orgProfileView= !orgProfileView">Edit
                                    <i class="bi bi-pencil-fill"></i></a>
                            </div>
                        </div>
                        <div class="p-7" x-show="orgProfileView">
                            {{-- @php
                                $response =
                                    "## Terms of Reference: Develop User-Friendly Learning Management System (LMS)\n\n\n\n**1. Background Information:**\n\n\n\nThe e-learning landscape is witnessing a surge in demand as businesses and educational institutions increasingly embrace online learning solutions. This project aims to address this growing need by developing a user-friendly, customizable Learning Management System (LMS) tailored for the specific needs of [Client Name]. The LMS will enable efficient course management, track user progress, facilitate interaction amongst learners, and ultimately enhance the learning experience. \n\n\n\n**2. Objective of the Assignment:**\n\n\n\nThe primary objective of this assignment is to develop a fully functional, user-friendly Learning Management System (LMS) that:\n\n\n\n* Enables streamlined course creation, delivery, and management functionalities.\n\n* Provides robust features for tracking student progress, such as quizzes and forums.\n\n* Offers an efficient mechanism for issuing certificates upon successful completion. \n\n* Integrates seamlessly with [Client Name]'s existing infrastructure (if applicable).\n\n\n\n**3. Scope of Works:**\n\n\n\nThis project will encompass the following key areas:\n\n\n\n* **Course Management:** Create intuitive tools to design, organize, and deliver online courses, including features for uploading materials, assigning content, and tracking user activity.\n\n* **User Tracking:** Implement effective mechanisms for managing student accounts, tracking progress on individual course modules, and offering personalized recommendations based on learner data. \n\n* **Quiz Development & Integration:** Develop interactive quiz modules to assess student understanding of the course material. Integrate with an existing quiz platform (if available). \n\n* **Forum/Discussion Platform:** Build a dedicated forum section for students to engage in discussions, share thoughts, and collaborate on assignments.\n\n* **Certificate Functionality:** Integrate functionalities to automatically generate certificates upon successful completion of courses or milestones within the LMS.  \n\n\n\n**4. Major Functionalities:**\n\n\n\n* User-friendly interface that caters to diverse user profiles (students, instructors). \n\n* Robust quiz functionality including multiple choice, true/false, and open-ended questions. \n\n* Dedicated forum section for student interaction. \n\n* Secure student data management with encrypted storage and robust access controls.\n\n* Automated certificate generation upon completion of courses or milestones.  \n\n\n\n**5. Methodology:**\n\n\n\nThis project will adopt an Agile development methodology to ensure flexibility, responsiveness to changing needs, and efficient project execution:\n\n\n\n* **Sprints:** The project will be divided into short cycles (sprints) with clearly defined deliverables.\n\n* **Iterative Development:** Each sprint will focus on building specific functionalities according to user feedback and client input. \n\n* **Continuous Testing:** Throughout the development process, rigorous testing and quality assurance will ensure high-quality product delivery.\n\n\n\n**6. Budget and Estimation:**\n\n\n\nThe project budget for this LMS development is moderate, with a phased approach:\n\n\n\n* Phase 1: Requirements gathering and initial design (2 weeks): $ [Insert Amount]\n\n* Phase 2: Development of core functionalities (3 months):  $ [Insert Amount] \n\n* Phase 3: Testing and finalization (3 months):  $ [Insert Amount]\n\n\n\n**7. Key Experts and Resources:**\n\n\n\nTo ensure the successful completion of this project, we will leverage the expertise of a dedicated team:\n\n\n\n* **LMS Developers:** Experienced in developing user-friendly and scalable LMS solutions, proficient in frameworks like Moodle or WordPress Learning Management Systems (LMS).\n\n* **UI Designers:** Skilled in crafting intuitive user interfaces for diverse platforms and devices, ensuring seamless user experience. \n\n\n\n\n\n**8. Payment Schedule:**\n\n\n\nThe project budget will be disbursed in the following manner:\n\n\n\n* **Milestone Payments**:  Upon completion of specific milestones outlined by the Client, a payment will be released according to the agreed-upon schedule.\n\n    * [Insert Payment Milestones and corresponding percentages] \n\n\n\n**9. Deliverables:**\n\n\n\n* A fully functional LMS platform that meets all specified requirements.\n\n* Comprehensive user manual with detailed instructions on navigating the LMS, managing courses, and utilizing its various features.  \n\n    \n\n\n\n\n\n**10. Project Duration:**\n\n\n\nThe estimated duration for this project is six months, with a flexible timeline to accommodate potential changes or additional development tasks. \n\n\n\n\n\n\n\n**11. Eligibility Criteria:**\n\n\n\nCandidates for participation in this assignment should possess the following:\n\n\n\n* **Proven Experience:** Minimum 3 years of experience in developing LMS software and related technologies.\n\n* **Expertise in Agile Development:** Deep understanding of the agile methodology, including sprint cycles, iterative development, and continuous testing.  \n\n* **Strong Communication Skills:** Ability to effectively communicate project progress, address concerns, and maintain clear expectations with the client.\n\n\n\n\n\n\n\n**12. Service Level Agreement (SLA):**\n\n\n\n* **Uptime:** The LMS system will be available 99% uptime, with a service level agreement for proactive maintenance and fault resolution.\n\n* **Support Response Time:**  Prompt response time for customer support inquiries within [Insert Timeframe] hours during regular business hours, with dedicated support channels for immediate assistance.\n\n\n\n**13. Intellectual Property Rights:**\n\n\n\nThe Client owns all intellectual property rights associated with the LMS system developed under this agreement. \n\n\n\n**14. Risk Management:**\n\n\n\nThroughout this project, we will proactively identify and mitigate potential risks using:\n\n\n\n* **Risk Assessment**:  Regularly reviewing project progress to identify potential roadblocks and implement preventive measures.\n\n* **Contingency Planning:** Developing contingency plans for unforeseen circumstances that could impact the project timeline or deliverables. \n\n\n\n\n\n \n\n\n\nPlease let us know if you require further clarification regarding any of these sections, and we look forward to collaborating with you on this exciting endeavor.";
                            @endphp --}}
                            {!! $model->ai_response !!}
                        </div>
                        <div class="p-7" x-show="orgProfileEdit">
                            <form action="{{ route('organization.ai.tors.update', $model->id) }}" method="POST">
                                @method('PUT')
                                @csrf

                                {{ ym_textarea([
                                    'label' => __('form.Notice Details'),
                                    'name' => 'tor',
                                    'editor' => 'editor',
                                    'value' => $model->ai_response,
                                    'required' => true,
                                    'enlarge' => true,
                                    'id' => 'tor',
                                ]) }}

                                <div class="flex justify-end gap-4.5">
                                    <button
                                        class="flex justify-center rounded bg-primary px-6 py-2 font-medium text-gray hover:bg-opacity-90"
                                        type="submit">
                                        Save
                                    </button>
                                    <button
                                        class="flex justify-center rounded bg-graydark px-6 py-2 font-medium text-gray hover:bg-opacity-90"
                                        type="button" x-on:click="orgProfileEdit = false, orgProfileView=true">
                                        Cancel
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection