@extends('layouts.master')
@section('page-title') 
    Admin | {{ $page_title }}
@endsection
@section('page-css')
	<link rel="stylesheet" href="{{ url('public/assets/libs/select2/dist/css/select2.css') }}">
    <link rel="stylesheet" href="{{ url('public/assets/css/params.css') }}">

@endsection
@section('page-content')

@include('layouts.partials.navbar')
<div class="container my-5">
    <div class="card shadow-sm border-0">
        <div class="card-header bg-primary text-white py-3">
            <h5 class="mb-0"><i class="bi bi-shield-lock me-2"></i>LUPMIS User Group Permissions Matrix</h5>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead class="table-light">
                        <tr class="text-uppercase small fw-bold">
                            <th class="ps-4">User Group</th>
                            <th class="text-center">Permit Backend</th>
                            <th class="text-center">Update Permits</th>
                            <th class="text-center">Drawing Tools</th>
                            <th class="text-center">View Tools</th>
                            <th class="text-center pe-4">Admin GUI</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="table-secondary"><td colspan="6" class="ps-4 fw-bold small">National & Regional Authorities</td></tr>
                        <tr>
                            <td class="ps-4 fw-bold">LUSPA National</td>
                            <td class="text-center text-success"><i class="bi bi-check-circle-fill"></i></td>
                            <td class="text-center text-danger"><i class="bi bi-x-circle"></i></td>
                            <td class="text-center text-success"><i class="bi bi-check-circle-fill"></i></td>
                            <td class="text-center text-success"><i class="bi bi-check-circle-fill"></i></td>
                            <td class="text-center text-success"><i class="bi bi-check-circle-fill"></i></td>
                        </tr>
                        <tr>
                            <td class="ps-4 fw-bold">LUSPA Regional</td>
                            <td class="text-center text-success"><i class="bi bi-check-circle-fill"></i></td>
                            <td class="text-center text-danger"><i class="bi bi-x-circle"></i></td>
                            <td class="text-center text-success"><i class="bi bi-check-circle-fill"></i></td>
                            <td class="text-center text-success"><i class="bi bi-check-circle-fill"></i></td>
                            <td class="text-center text-success"><i class="bi bi-check-circle-fill"></i></td>
                        </tr>

                        <tr class="table-secondary"><td colspan="6" class="ps-4 fw-bold small">District Technical Departments</td></tr>
                        <tr>
                            <td class="ps-4 fw-bold">Head of Physical Planning</td>
                            <td class="text-center text-success"><i class="bi bi-check-circle-fill"></i></td>
                            <td class="text-center text-success"><i class="bi bi-check-circle-fill"></i></td>
                            <td class="text-center text-success"><i class="bi bi-check-circle-fill"></i></td>
                            <td class="text-center text-success"><i class="bi bi-check-circle-fill"></i></td>
                            <td class="text-center text-success"><i class="bi bi-check-circle-fill"></i></td>
                        </tr>
                        <tr>
                            <td class="ps-4 fw-bold">District MIS</td>
                            <td class="text-center text-success"><i class="bi bi-check-circle-fill"></i></td>
                            <td class="text-center text-danger"><i class="bi bi-x-circle"></i></td>
                            <td class="text-center text-danger"><i class="bi bi-x-circle"></i></td>
                            <td class="text-center text-success"><i class="bi bi-check-circle-fill"></i></td>
                            <td class="text-center text-success"><i class="bi bi-check-circle-fill"></i></td>
                        </tr>

                        <tr class="table-secondary"><td colspan="6" class="ps-4 fw-bold small">District Administration & Stakeholders</td></tr>
                        <tr>
                            <td class="ps-4 fw-bold">District Chief Executive</td>
                            <td class="text-center text-success"><i class="bi bi-check-circle-fill"></i></td>
                            <td class="text-center text-danger"><i class="bi bi-x-circle"></i></td>
                            <td class="text-center text-danger"><i class="bi bi-x-circle"></i></td>
                            <td class="text-center text-success"><i class="bi bi-check-circle-fill"></i></td>
                            <td class="text-center text-danger"><i class="bi bi-x-circle"></i></td>
                        </tr>
                        <tr>
                            <td class="ps-4 fw-bold">Traditional Council Rep</td>
                            <td class="text-center text-success"><i class="bi bi-check-circle-fill"></i></td>
                            <td class="text-center text-danger"><i class="bi bi-x-circle"></i></td>
                            <td class="text-center text-danger"><i class="bi bi-x-circle"></i></td>
                            <td class="text-center text-success"><i class="bi bi-check-circle-fill"></i></td>
                            <td class="text-center text-danger"><i class="bi bi-x-circle"></i></td>
                        </tr>
                        <tr>
                            <td class="ps-4 fw-bold">Development Planning Officer</td>
                            <td class="text-center text-success"><i class="bi bi-check-circle-fill"></i></td>
                            <td class="text-center text-danger"><i class="bi bi-x-circle"></i></td>
                            <td class="text-center text-danger"><i class="bi bi-check-circle-circle"></i></td>
                            <td class="text-center text-success"><i class="bi bi-check-circle-fill"></i></td>
                            <td class="text-center text-danger"><i class="bi bi-x-circle"></i></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="card-footer bg-light text-center py-3">
            <small class="text-muted">Note: Permissions are subject to District Assembly (DA) protocols.</small>
        </div>
    </div>
</div>

@endsection
@section('page-js')
	<script src="{{ url('public/assets/libs/select2/dist/js/select2.full.min.js') }}" type="text/javascript" ></script>
	<script src="{{ url('public/assets/js/params.js') }}" type="text/javascript" ></script>



@endsection