@extends('admin.layout.master')
@section('content')
    <div class="page-body">
        <div class="container-fluid">
           <div class="page-title">
                <div class="row">
                  <div class="col-6">
                    <h5>Add role</h5>
                    </div>
                    <div class="col-6">
                      @if(session('message'))
                      <ol class="breadcrumb">
                        <li class="breadcrumb-item text-success">{{session('message')}}</li>
                      </ol>
                      @endif
                    </div>
                </div>
            </div>
      </div>
          <!-- Container-fluid starts-->
           <div class="container-fluid">
            <div class="row">
              <div class="col-sm-12">
                <div class="card">
                  <div class="card-body">
                    <div class="form theme-form">
                      <form name="role-save" id="role-save" method="post" action="{{route('role-save')}}">
                        @csrf
                      <input type="hidden" name="id" value="{{$role->id}}">
                      <div class="row">
                        <div class="col">
                          <div class="mb-3">
                            <label>Role Name</label>
                            <input class="form-control" name="name" type="text" value="{{$role->name}}" placeholder="Role name" required>
                          </div>
                        </div>
                      </div>
                      <div class="row">
                        Approve status<hr>
                      </div>
                      <div class="row">
                        <div class="col-sm-3">
                          <div class="mb-3">
                            <label>Manage Subadmin</label>
                          </div>
                        </div>
                        <div class="col-sm-3">
                          <div class="mb-3">
                            <div class="form-check checkbox-checked">
                              <input class="form-check-input" id="subAdmin1" type="checkbox" name="subAdminView" @if($role->subAdminView == 'on') checked @endif>
                              <label class="form-check-label" for="subAdmin1" >View</label>
                            </div>
                          </div>
                        </div>
                        <div class="col-sm-3">
                          <div class="mb-3">
                            <div class="form-check checkbox-checked">
                              <input class="form-check-input" id="subAdmin2" type="checkbox" name="subAdminAdd" @if($role->subAdminAdd == 'on') checked @endif>
                              <label class="form-check-label" for="subAdmin2" >Add</label>
                            </div>
                          </div>
                        </div>
                        <div class="col-sm-3">
                          <div class="mb-3">
                            <div class="form-check checkbox-checked">
                              <input class="form-check-input" id="subAdmin3" type="checkbox" name="subAdminEdit" @if($role->subAdminEdit == 'on') checked @endif>
                              <label class="form-check-label" for="subAdmin3" >Edit</label>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="row">
                        <div class="col-sm-3">
                          <div class="mb-3">
                            <label>Users</label>
                          </div>
                        </div>
                        <div class="col-sm-3">
                          <div class="mb-3">
                            <div class="form-check checkbox-checked">
                              <input class="form-check-input" id="news1" type="checkbox" name="newsView" @if($role->userView == 'on') checked @endif>
                              <label class="form-check-label" for="news1" >View</label>
                            </div>
                          </div>
                        </div>
                        
                     </div>
                      <div class="row">
                        <div class="col">
                          <div class="text-end"><button class="btn btn-success me-3" type="submit">Update</button><a class="btn btn-danger" href="#">Cancel</a></div>
                        </div>
                      </div>
                    </form>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- Container-fluid Ends-->
      
    </div>
@endsection