@php(
    $headerOption = [
        'title' => '',
        'noCardView' => true,
    ]
)
@extends('front.layouts.layout', $headerOption)

@section('content')
<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-flex align-items-center justify-content-between">
            <h4 class="mb-0 font-size-18">Assets</h4>

            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="javascript: void(0);">Risk</a></li>
                    <li class="breadcrumb-item active">Assets</li>
                </ol>
            </div>

        </div>



    </div>
</div>
<!-- end page title -->

<div class="row">
    <div class="col-12">
        <div class="assets-main-wrapper">
            <div class="d-flex justify-content-end mb-2">
                <a href="#" class="btn btn-primary btn-rounded waves-effect waves-light"><i class="bx bx-download mr-1"></i> Downloads</a>
            </div>
           <div class="card">
                <div class="card-body">
                    <div class="d-flex justify-content-between mb-3 asset-top-part">
                        <div class="d-flex gap-10">
                            <div class="w-f-150">
                                <select class="form-control border-radius-100">
                                    <option>All Classes</option>
                                </select>
                            </div>
                            <div class="w-f-150">
                                <select class="form-control border-radius-100">
                                    <option>All Types</option>
                                </select>
                            </div>
                            <div class="w-f-150">
                                <select class="form-control border-radius-100">
                                    <option>All Providers</option>
                                </select>
                            </div>
                            <div class="w-f-150">
                                <select class="form-control border-radius-100">
                                    <option>All Owners</option>
                                </select>
                            </div>
                            <div class="w-f-150">
                                <select class="form-control border-radius-100">
                                    <option>All Status</option>
                                </select>
                            </div>
                        </div>

                        <div class="d-flex align-items-center gap-10">
                            <div class="search-box">
                                <div class="position-relative">
                                    <input type="text" class="form-control" placeholder="Search...">
                                    <i class="bx bx-search-alt search-icon"></i>
                                </div>
                            </div>
                            <a href="#" class="btn btn-primary btn-rounded waves-effect waves-light right-bar-toggle">Add Assets</a>
                        </div>
                    </div>
                    <div class="table-responsive policy-table mb-0" data-pattern="priority-columns">
                        <table id="tech-companies-1" class="table table-striped nowrap">
                            <thead>
                                <tr>
                                    <th data-priority="1">Name</th>
                                    <th data-priority="3">Classes</th>
                                    <th data-priority="1">Type</th>
                                    <th data-priority="3">Account Name</th>
                                    <th data-priority="3">Description</th>
                                    <th data-priority="6">Provide/Source</th>
                                    <th data-priority="6">Unique ID</th>
                                    <th data-priority="6">Approved</th>
                                    <th data-priority="7">Owner</th>
                                    <th data-priority="8">Status</th>
                                    <th data-priority="9">Created On</th>
                                    <th data-priority="10">Last Modified On</th>
                                    <th data-priority="11">Deleted On</th>
                                    <th data-priority="12">Notes</th>
                                    <th data-priority="12"></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>Raj Kumar Roy</td>
                                    <td><span class="badge badge-soft-dark badge-pill ml-1 font-size-12"><i class="bx bx-chip"></i> Compute</span> <span class="badge badge-soft-success badge-pill ml-1 font-size-12"><i class="bx bx-list-ul"></i> Policy</span></td>
                                    <td>Virtual</td>
                                    <td>Dreamztech USA</td>
                                    <td>Raj Kumar Roy</td>
                                    <td>Google Workshop</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>
                                        <div class="media">
                                            <div class="avatar-xs align-self-center mr-3">
                                                <span class="avatar-title rounded-circle bg-soft-primary text-primary">
                                                    K
                                                </span>
                                            </div>
                                            <div class="media-body overflow-hidden">
                                                <h5 class="text-truncate font-size-14 mb-1">Keith Gonzales</h5>
                                                <p class="text-truncate mb-0">This theme is awesome!</p>
                                            </div>
                                        </div>
                                    </td>
                                    <td>Current Employee</td>
                                    <td>12 Days</td>
                                    <td>12 Days</td>
                                    <td>10/06/2023</td>
                                    <td>-</td>
                                    <td class="text-right"><a href="#"><i class="bx bx-chevron-right font-size-24 right-bar-toggle"></i></a></td>
                                </tr>
                                <tr>
                                    <td>Raj Kumar Roy</td>
                                    <td><span class="badge badge-soft-primary badge-pill ml-1 font-size-12"><i class="bx bx-box"></i> Storage</span></td>
                                    <td>Virtual</td>
                                    <td>Dreamztech USA</td>
                                    <td>Raj Kumar Roy</td>
                                    <td>Google Workshop</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>
                                        <div class="media">
                                            <div class="avatar-xs align-self-center mr-3">
                                                <span class="avatar-title rounded-circle bg-soft-primary text-primary">
                                                    K
                                                </span>
                                            </div>
                                            <div class="media-body overflow-hidden">
                                                <h5 class="text-truncate font-size-14 mb-1">Keith Gonzales</h5>
                                                <p class="text-truncate mb-0">This theme is awesome!</p>
                                            </div>
                                        </div>
                                    </td>
                                    <td>Current Employee</td>
                                    <td>12 Days</td>
                                    <td>12 Days</td>
                                    <td>10/06/2023</td>
                                    <td>-</td>
                                    <td class="text-right"><a href="#"><i class="bx bx-chevron-right font-size-24"></i></a></td>
                                </tr>
                                <tr>
                                    <td>Raj Kumar Roy</td>
                                    <td><span class="badge badge-soft-dark badge-pill ml-1 font-size-12"><i class="bx bx-chip"></i> Compute</span></td>
                                    <td>Virtual</td>
                                    <td>Dreamztech USA</td>
                                    <td>Raj Kumar Roy</td>
                                    <td>Google Workshop</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>
                                        <div class="media">
                                            <div class="avatar-xs align-self-center mr-3">
                                                <span class="avatar-title rounded-circle bg-soft-primary text-primary">
                                                    K
                                                </span>
                                            </div>
                                            <div class="media-body overflow-hidden">
                                                <h5 class="text-truncate font-size-14 mb-1">Keith Gonzales</h5>
                                                <p class="text-truncate mb-0">This theme is awesome!</p>
                                            </div>
                                        </div>
                                    </td>
                                    <td>Current Employee</td>
                                    <td>12 Days</td>
                                    <td>12 Days</td>
                                    <td>10/06/2023</td>
                                    <td>-</td>
                                    <td class="text-right"><a href="#"><i class="bx bx-chevron-right font-size-24"></i></a></td>
                                </tr>
                                <tr>
                                    <td>Raj Kumar Roy</td>
                                    <td><span class="badge badge-soft-dark badge-pill ml-1 font-size-12"><i class="bx bx-chip"></i> Compute</span></td>
                                    <td>Virtual</td>
                                    <td>Dreamztech USA</td>
                                    <td>Raj Kumar Roy</td>
                                    <td>Google Workshop</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>
                                        <div class="media">
                                            <div class="avatar-xs align-self-center mr-3">
                                                <span class="avatar-title rounded-circle bg-soft-primary text-primary">
                                                    K
                                                </span>
                                            </div>
                                            <div class="media-body overflow-hidden">
                                                <h5 class="text-truncate font-size-14 mb-1">Keith Gonzales</h5>
                                                <p class="text-truncate mb-0">This theme is awesome!</p>
                                            </div>
                                        </div>
                                    </td>
                                    <td>Current Employee</td>
                                    <td>12 Days</td>
                                    <td>12 Days</td>
                                    <td>10/06/2023</td>
                                    <td>-</td>
                                    <td class="text-right"><a href="#"><i class="bx bx-chevron-right font-size-24"></i></a></td>
                                </tr>
                                <tr>
                                    <td>Raj Kumar Roy</td>
                                    <td><span class="badge badge-soft-dark badge-pill ml-1 font-size-12"><i class="bx bx-chip"></i> Compute</span></td>
                                    <td>Virtual</td>
                                    <td>Dreamztech USA</td>
                                    <td>Raj Kumar Roy</td>
                                    <td>Google Workshop</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>
                                        <div class="media">
                                            <div class="avatar-xs align-self-center mr-3">
                                                <span class="avatar-title rounded-circle bg-soft-primary text-primary">
                                                    K
                                                </span>
                                            </div>
                                            <div class="media-body overflow-hidden">
                                                <h5 class="text-truncate font-size-14 mb-1">Keith Gonzales</h5>
                                                <p class="text-truncate mb-0">This theme is awesome!</p>
                                            </div>
                                        </div>
                                    </td>
                                    <td>Current Employee</td>
                                    <td>12 Days</td>
                                    <td>12 Days</td>
                                    <td>10/06/2023</td>
                                    <td>-</td>
                                    <td class="text-right"><a href="#"><i class="bx bx-chevron-right font-size-24"></i></a></td>
                                </tr>
                                <tr>
                                    <td>Raj Kumar Roy</td>
                                    <td><span class="badge badge-soft-dark badge-pill ml-1 font-size-12"><i class="bx bx-chip"></i> Compute</span></td>
                                    <td>Virtual</td>
                                    <td>Dreamztech USA</td>
                                    <td>Raj Kumar Roy</td>
                                    <td>Google Workshop</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>
                                        <div class="media">
                                            <div class="avatar-xs align-self-center mr-3">
                                                <span class="avatar-title rounded-circle bg-soft-primary text-primary">
                                                    K
                                                </span>
                                            </div>
                                            <div class="media-body overflow-hidden">
                                                <h5 class="text-truncate font-size-14 mb-1">Keith Gonzales</h5>
                                                <p class="text-truncate mb-0">This theme is awesome!</p>
                                            </div>
                                        </div>
                                    </td>
                                    <td>Current Employee</td>
                                    <td>12 Days</td>
                                    <td>12 Days</td>
                                    <td>10/06/2023</td>
                                    <td>-</td>
                                    <td class="text-right"><a href="#"><i class="bx bx-chevron-right font-size-24"></i></a></td>
                                </tr>
                                <tr>
                                    <td>Raj Kumar Roy</td>
                                    <td><span class="badge badge-soft-dark badge-pill ml-1 font-size-12"><i class="bx bx-chip"></i> Compute</span></td>
                                    <td>Virtual</td>
                                    <td>Dreamztech USA</td>
                                    <td>Raj Kumar Roy</td>
                                    <td>Google Workshop</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>
                                        <div class="media">
                                            <div class="avatar-xs align-self-center mr-3">
                                                <span class="avatar-title rounded-circle bg-soft-primary text-primary">
                                                    K
                                                </span>
                                            </div>
                                            <div class="media-body overflow-hidden">
                                                <h5 class="text-truncate font-size-14 mb-1">Keith Gonzales</h5>
                                                <p class="text-truncate mb-0">This theme is awesome!</p>
                                            </div>
                                        </div>
                                    </td>
                                    <td>Current Employee</td>
                                    <td>12 Days</td>
                                    <td>12 Days</td>
                                    <td>10/06/2023</td>
                                    <td>-</td>
                                    <td class="text-right"><a href="#"><i class="bx bx-chevron-right font-size-24"></i></a></td>
                                </tr>

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

</div><!-- End row -->
<div class="right-bar right-bar-xl">
    <div data-simplebar class="h-100">
        <div class="rightbar-title px-3 py-4">
            <a href="javascript:void(0);" class="right-bar-toggle float-right">
                <i class="mdi mdi-close noti-icon"></i>
            </a>
            <h5 class="m-0"> Asset Details</h5>
        </div>

        <div class="px-3 pt-4">

            <div class="form-group">
                <label for="formrow-firstname-input">Asset Notes <sup class="text-danger">*</sup></label>
                <textarea class="form-control"></textarea>
            </div>
            <div class="py-3">
                <div><label for="formrow-inputState">Owner</label></div>
                <div class="media d-inline-flex align-items-center bg-light p-1 border-radius-100">
                    <div class="align-self-center mr-3">
                        <img src="{{ asset("/images/users/avatar-1.jpg") }}" class="avatar-xs rounded-circle" alt="">
                    </div>
                    <div class="media-body mr-2">
                        <h5 class="font-size-15 mt-0 mb-1">Henry Wells</h5>
                    </div>
                    <div>
                        <a href="#"><i class="bx bx-x-circle font-size-20"></i></a>
                    </div>
                </div>
            </div>
            <div class="d-flex justify-content-end gap-10 border-top pt-4">
                <a href="#" class="btn btn-outline-primary btn-rounded waves-effect waves-light px-5 py-2">Cancel</a>
                <a href="#" class="btn btn-primary btn-rounded waves-effect waves-light px-5 py-2">Save</a>
            </div>
        </div>



    </div> <!-- end slimscroll-menu-->
</div>
@endsection