@extends('layouts.sidenav')

@section('title', 'User Role')
<link rel="icon" href="{{ asset('Bg/logoCRG.png') }}" type="image/png">
@section('content')
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet">
<style>
    
    .table td, .table th {
      text-align: center;
      vertical-align: middle;
    }
    body {
        padding: 20px;
    }
    .form-container {
        max-width: 800px;
        margin: 0;
    }

</style>

<div class="content" id="mainContent">
    <div class="container my-5 form-container">
        <form>
          <div class="mb-3">
            <label for="roleName" class="form-label">Role Name <span class="text-danger">*</span></label>
            <input type="text" class="form-control" id="roleName" placeholder="Enter Role Name" required>
          </div>
    
          <table class="table table-bordered">
            <thead class="table-light">
              <tr>
                <th>Application Name</th>
                <th>Create</th>
                <th>Edit</th>
                <th>View</th>
                <th>Reject</th>
                <th>Export</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>Dashboard</td>
                <td><input type="checkbox" name="dashboard_create"></td>
                <td><input type="checkbox" name="dashboard_edit"></td>
                <td><input type="checkbox" name="dashboard_view"></td>
                <td><input type="checkbox" name="dashboard_reject"></td>
                <td><input type="checkbox" name="dashboard_export"></td>
              </tr>
              <tr>
                <td>Content Management</td>
                <td><input type="checkbox" name="content_create"></td>
                <td><input type="checkbox" name="content_edit"></td>
                <td><input type="checkbox" name="content_view"></td>
                <td><input type="checkbox" name="content_reject"></td>
                <td><input type="checkbox" name="content_export"></td>
              </tr>
              <tr>
                <td>Video Management</td>
                <td><input type="checkbox" name="video_create"></td>
                <td><input type="checkbox" name="video_edit"></td>
                <td><input type="checkbox" name="video_view"></td>
                <td><input type="checkbox" name="video_reject"></td>
                <td><input type="checkbox" name="video_export"></td>
              </tr>
              <tr>
                <td>User Management</td>
                <td><input type="checkbox" name="user_create"></td>
                <td><input type="checkbox" name="user_edit"></td>
                <td><input type="checkbox" name="user_view"></td>
                <td><input type="checkbox" name="user_reject"></td>
                <td><input type="checkbox" name="user_export"></td>
              </tr>
              <tr>
                <td>Master Data</td>
                <td><input type="checkbox" name="master_create"></td>
                <td><input type="checkbox" name="master_edit"></td>
                <td><input type="checkbox" name="master_view"></td>
                <td><input type="checkbox" name="master_reject"></td>
                <td><input type="checkbox" name="master_export"></td>
              </tr>
            </tbody>
          </table>
          <div class="d-flex">
            <button type="reset" class="btn btn-light w-50">Reset</button>
            <button type="submit" class="btn btn-primary w-50">Submit</button>
          </div>
          
        </form>
      </div>
    </div>
@endsection