@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">Information Security Policy</h4>

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

        </div>

        <div class="d-flex justify-content-end mb-3">
            <div class="d-flex align-items-center gap-10">
                <div class="w-f-150">
                    <select class="form-control border-radius-100">
                        <option>Actions</option>
                    </select>
                </div>

                <a href="#" class="btn btn-primary btn-rounded waves-effect waves-light mod-btn">Update Policy</a>
            </div>
        </div>

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

<div class="row">
    <div class="col-lg-8 col-md-8 col-12">
        <div class="summernote">DreamzTech US Inc.</div>
    </div>
    <div class="col-lg-4 col-md-4 col-12">
        <div class="card mini-stats-wid">
            <div class="card-body">
                <div class="media">
                    <div class="media-body">
                        <h5 class="mb-2">Renual Date</h5>
                        <p class="text-muted font-weight-medium mb-0">June 1 , 2024</p>

                    </div>

                    <div class="mini-stat-icon avatar-sm rounded-circle bg-primary align-self-center">
                        <span class="avatar-title">
                           <i class="bx bx-calendar font-size-24"></i>
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="card mini-stats-wid">
            <div class="card-body">
                <div class="media">
                    <div class="mr-3">
                        <img src="{{ asset('/images/users/avatar-2.jpg') }}" alt="" class="avatar-md rounded-circle img-thumbnail">
                    </div>
                    <div class="media-body align-self-center">
                        <div class="text-muted">
                            <p class="mb-2">Owner</p>
                            <h5 class="mb-1">Henry wells</h5>
                            <p class="mb-0">dts.henry@dreamztech.com</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card mini-stats-wid">
            <div class="card-body">
                <div class="media">
                    <div class="media-body">
                        <h5 class="mb-2">Description</h5>
                        <p class="text-muted font-weight-medium mb-0">The Information Security Policy is a set of Rule, Policies...</p>

                    </div>

                    <div class="mini-stat-icon avatar-sm rounded-circle bg-primary align-self-center">
                        <span class="avatar-title">
                           <i class="bx bx-edit font-size-24"></i>
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="card mini-stats-wid">
            <div class="card-body">
                <div class="media">
                    <div class="media-body">
                        <h5 class="mb-2">Assigned to</h5>
                        <p class="text-muted font-weight-medium mb-0">All</p>

                    </div>

                    <div class="mini-stat-icon avatar-sm rounded-circle bg-primary align-self-center">
                        <span class="avatar-title">
                           <i class="bx bx-user-check font-size-24"></i>
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="card mini-stats-wid">
            <div class="card-body">
                <div class="media">
                    <div class="media-body">
                        <h5 class="mb-2">SLA</h5>
                        <p class="text-muted font-weight-medium mb-0">All</p>

                    </div>

                    <div class="mini-stat-icon avatar-sm rounded-circle bg-primary align-self-center">
                        <span class="avatar-title">
                           <i class="bx bx-stopwatch font-size-24"></i>
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="mb-4">
            <h5 class="card-title mb-3">Version 1</h5>
            <a href="# " class="d-block font-size-14 mb-1">See Version History</a>
             <a href="#" class="d-block font-size-14 mb-1">View Current Version</a>
        </div>
        <div class="mb-4">
            <h5 class="card-title mb-3 text-muted">Created</h5>
            <a href="# " class="d-block font-size-14 mb-1 text-muted">June 1 , 2023 , 2.45.35 PM</a>
        </div>
        <div class="mb-4">
            <h5 class="card-title mb-3 text-muted">Approved</h5>
            <a href="# " class="d-block font-size-14 mb-1 text-muted">June 1 , 2023 , 2.45.35 PM</a>
        </div>
    </div>
</div>
@endsection