@extends('admin.layout.index')
@section('title','Glamex | Roles Management')
@section('custom-style')
    <style>

    </style>
@endsection
@section('content')

        <!-- Start::app-content -->
        <div class="main-content app-content">
            <div class="container-fluid">

                <!-- Page Header -->
                <div class="my-4 page-header-breadcrumb d-flex align-items-center justify-content-between flex-wrap gap-2">
                    <div>
                        <h1 class="page-title fw-medium fs-18 mb-2">Roles Management</h1>
                        <div class="">
                            <nav>
                                <ol class="breadcrumb mb-0">
                                    <li class="breadcrumb-item"><a href="javascript:void(0);">Roles Management</a></li>
                                    <li class="breadcrumb-item active" aria-current="page">View Role</li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                   
                </div>
                
                <!-- Start::row-1 -->
                <div class="row">
					<div class="col-sm-12">
						<div class="card custom-card">
							<div class="card-header">
                                <div class="card-title d-block w-100">View Role <span class="badge bg-success float-end">Active</span></div>
                            </div>
							<div class="card-body">
								<div class="row">
									<div class="col-sm-6">
										<div class="form-group mb-2">
											<label for="role-title" class="form-label">Role Title</label>
											<input type="text" class="form-control" id="role-title" value="Admin Assitant " placeholder="Role Title" readonly>
										</div>
									</div>
									
								</div>
								
								
								<h4 class="fs-16 mt-3 mb-3">Permissions</h4>
								
								<div class="table-responsive">
									<table class="table text-nowrap table-bordered">
										<thead>
											<tr>
												<th scope="col">Modules</th>
												<td>View</td>
												<th scope="col">Add</th>
												<th scope="col">Edit</th>
												<th scope="col">Delete</th>
												<th scope="col">Block</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>Staff</td>
												<td><i class="bi bi-check-circle-fill text-success fs-18"></i></td>
												<td><i class="bi bi-check-circle-fill text-success fs-18"></i></td>
												<td><i class="bi bi-check-circle-fill text-success fs-18"></i></td>
												<td>-</td>
												<td><i class="ri-close-circle-fill text-danger fs-18"></i></td>
											</tr>
											<tr>
												<td>Users</td>
												<td><i class="bi bi-check-circle-fill text-success fs-18"></i></td>
												<td><i class="bi bi-check-circle-fill text-success fs-18"></i></td>
												<td>-</td>
												<td>-</td>
												<td>-</td>
											</tr>
											<tr>
												<td>Service Providers</td>
												<td>-</td>
												<td><i class="bi bi-check-circle-fill text-success fs-18"></i></td>
												<td><i class="bi bi-check-circle-fill text-success fs-18"></i></td>
												<td>-</td>
												<td>-</td>
											</tr>
											<tr>
												<td>Bookings</td>
												<td>-</td>
												<td><i class="bi bi-check-circle-fill text-success fs-18"></i></td>
												<td><i class="bi bi-check-circle-fill text-success fs-18"></i></td>
												<td>-</td>
												<td>-</td>
											</tr>
											<tr>
												<td>Orders</td>
												<td>-</td>
												<td><i class="bi bi-check-circle-fill text-success fs-18"></i></td>
												<td>-</td>
												<td><i class="bi bi-check-circle-fill text-success fs-18"></i></td>
												<td><i class="ri-close-circle-fill text-danger fs-18"></i></td>
											</tr>
											<tr>
												<td>Categories</td>
												<td><i class="bi bi-check-circle-fill text-success fs-18"></i></td>
												<td><i class="bi bi-check-circle-fill text-success fs-18"></i></td>
												<td><i class="bi bi-check-circle-fill text-success fs-18"></i></td>
												<td>-</td>
												<td><i class="ri-close-circle-fill text-danger fs-18"></i></td>
											</tr>
											<tr>
												<td>Service</td>
												<td>-</td>
												<td>-</td>
												<td>-</td>
												<td>-</td>
												<td>-</td>
											</tr>
											<tr>
												<td>Sub Survice</td>
												<td><i class="bi bi-check-circle-fill text-success fs-18"></i></td>
												<td>-</td>
												<td><i class="bi bi-check-circle-fill text-success fs-18"></i></td>
												<td>-</td>
												<td><i class="ri-close-circle-fill text-danger fs-18"></i></td>
											</tr>
											<tr>
												<td>Banner Management</td>
												<td><i class="bi bi-check-circle-fill text-success fs-18"></i></td>
												<td><i class="bi bi-check-circle-fill text-success fs-18"></i></td>
												<td><i class="bi bi-check-circle-fill text-success fs-18"></i></td>
												<td>-</td>
												<td>-</td>
											</tr>
											<tr>
												<td>Cities Management</td>
												<td><i class="bi bi-check-circle-fill text-success fs-18"></i></td>
												<td><i class="bi bi-check-circle-fill text-success fs-18"></i></td>
												<td><i class="bi bi-check-circle-fill text-success fs-18"></i></td>
												<td>-</td>
												<td><i class="ri-close-circle-fill text-danger fs-18"></i></td>
											</tr>
										</tbody>
									</table>
									
									
								</div>
							</div>
						</div>
					</div>
                    
                    
                </div>
                <!--End::row-1 -->

            </div>
        </div>
        <!-- End::app-content -->

        

@endsection
@section('custom-script')

@endsection