@extends('layouts.admin.main')
@section('main-section')
<div id="layoutSidenav_content" class=" position-relative d-flex flex-column min-vh-100 justify-content-between flex-grow-1 " style="min-width: 0;">
    <main>
        <nav class="sb-topnav navbar navbar-expand justify-content-between py-3 px-3 px-md-5">
            <div class="order-1 order-lg-0">
                <a class=" me-lg-0 text-dark bg-transparent d-lg-none" id="sidebarToggle" href="#!"><i class="bi bi-justify-right font-20px"></i></a>
            </div>

            <div class="logo-sm d-block d-lg-none">
                <img src="../assets/images/logo.png" alt="" class="width-50 width-md-80" draggable="false" loading="lazy">
            </div>
            <div class="d-none d-lg-block">
                <div class="d-flex align-items-center justify-content-between gap-3 flex-wrap">
                    <h2 class=" font-28px fw-600 m-0">Known Issues</h2>
                </div>
            </div>
            @include('layouts.admin.adminProfileDropdown')
        </nav>
        <div class="cover-all-content">
            <div class="d-block d-lg-none mb-3">
                <div class="d-flex align-items-center justify-content-between gap-3 flex-wrap">
                    <h2 class="font-22px font-md-28px fw-600">Known Issues</h2>
                </div>
            </div>




            <!-- table -->
            <div class=" position-relative">
                <div class="DTable-top-elements justify-content-center justify-content-lg-end">
                    <div class="d-flex align-items-center  flex-wrap flex-lg-nowrap gap-2">
                        <div>
                            <form action="">
                                <div class="form-group position-relative mb-0 ">
                                    <div class=" dataTables_filter position-relative">
                                        <input type="search" class="form-control ps-7" placeholder="Search..." id="datatableFilter1">
                                        <i class="material-icons position-absolute top-50 translate-middle-y opacity-5" style="left: 15px;">
                                            search
                                        </i>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="cover-datatable">
                    <table class="datatable border display align-middle" cellspacing="0" width="100%" data-ordering="false">
                        <thead>
                            <tr>
                                <th>Type</th>
                                <th>Priority</th>
                                <th>Description</th>
                                <th>Solution</th>
                                <th>Cost </th>
                                <th>Data/Time</th>
                                <th>Status</th>
                                <th>Approval</th>
                            </tr>
                        </thead>
                        <tbody>
                                                            <tr>
                                    <td>Type #01</td>
                                    <td>High</td>
                                    <td style="white-space: inherit; min-width: 200px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </td>
                                    <td style="white-space: inherit; min-width: 200px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </td>
                                    <td>18,441.85</td>
                                    <td>06 Mar 23
                                        12:15 PM</td>
                                    <td>Working</td>
                                    <td>Approved</td>
                                </tr>

                                                            <tr>
                                    <td>Type #01</td>
                                    <td>High</td>
                                    <td style="white-space: inherit; min-width: 200px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </td>
                                    <td style="white-space: inherit; min-width: 200px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </td>
                                    <td>18,441.85</td>
                                    <td>06 Mar 23
                                        12:15 PM</td>
                                    <td>Working</td>
                                    <td>Approved</td>
                                </tr>

                                                            <tr>
                                    <td>Type #01</td>
                                    <td>High</td>
                                    <td style="white-space: inherit; min-width: 200px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </td>
                                    <td style="white-space: inherit; min-width: 200px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </td>
                                    <td>18,441.85</td>
                                    <td>06 Mar 23
                                        12:15 PM</td>
                                    <td>Working</td>
                                    <td>Approved</td>
                                </tr>

                                                            <tr>
                                    <td>Type #01</td>
                                    <td>High</td>
                                    <td style="white-space: inherit; min-width: 200px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </td>
                                    <td style="white-space: inherit; min-width: 200px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </td>
                                    <td>18,441.85</td>
                                    <td>06 Mar 23
                                        12:15 PM</td>
                                    <td>Working</td>
                                    <td>Approved</td>
                                </tr>

                                                            <tr>
                                    <td>Type #01</td>
                                    <td>High</td>
                                    <td style="white-space: inherit; min-width: 200px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </td>
                                    <td style="white-space: inherit; min-width: 200px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </td>
                                    <td>18,441.85</td>
                                    <td>06 Mar 23
                                        12:15 PM</td>
                                    <td>Working</td>
                                    <td>Approved</td>
                                </tr>

                                                            <tr>
                                    <td>Type #01</td>
                                    <td>High</td>
                                    <td style="white-space: inherit; min-width: 200px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </td>
                                    <td style="white-space: inherit; min-width: 200px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </td>
                                    <td>18,441.85</td>
                                    <td>06 Mar 23
                                        12:15 PM</td>
                                    <td>Working</td>
                                    <td>Approved</td>
                                </tr>

                            

                        </tbody>
                    </table>
                </div>
            </div>















        </div>
    </main>
</div>
@endsection