@extends('user_layout')
@section('content')
<!-- Content Header (Page header) -->
<!-- Main content -->
<div class="content-header">

</div>
<!-- /.content-header -->

<section class="content">
  <div class="row">
    <div class="col-12">
      <div class="card">
        <!-- /.card-header -->
        <div class="card-body">
          <div class="row">
            <!-- left column -->
            <div class="col-md-12">
              <!-- jquery validation -->
              <div class="card card-default">
                <div class="card-header">
                  <div class="row">
                    <div class="col-md-10">
                      <h3>{{$page_title}}</h3>
                    </div>
                    <div class="col-md-2 float-right text-right">
                      <a class="btn btn-sm btn-primary" href="{{url('roles')}}">Back To List</a>
                     </div>
                  </div>
                </div>

                <!-- /.card-header -->
                <!-- form start -->
                <form role="form" id="role_form" name="role_form" method="post">
                  <input type="hidden" name="id" id="id" value="{{$group_detail->id}}">
                  <div class="card-body">
                    <div class="form-group">
                    <label class="control-label col-md-2 col-sm-3 col-xs-12 text-left" for="first-name">Name<span class="required">*</span>
                    </label>
                    <div class="col-md-9 col-sm-9 col-xs-12">
                    <input value="{{$group_detail->name}}" placeholder="Group Name" id="name" name="name" class="form-control col-md-7 col-xs-12" type="text">
                    </div>
                    </div>
                    <div class="row">
                    <h4 class="col-md-12 col-sm-12 col-xs-12">Permissions</h4>
                    <div class="col-md-2 col-sm-2 col-xs-4">
                    <label class="control-label">Name</label>
                    </div>
                    <div class="col-md-2 col-sm-2 col-xs-2">
                    <label class="control-label"><input  id="check_all_permissions" type="checkbox">&nbsp;&nbsp;All</label>
                    </div>
                    <div class="col-md-2 col-sm-2 col-xs-2">
                    <label class="control-label">List</label>
                    </div>
                    <div class="col-md-2 col-sm-2 col-xs-2">
                    <label class="control-label">View</label>
                    </div>
                    <div class="col-md-2 col-sm-2 col-xs-2">
                    <label class="control-label">Modify</label>
                    </div>
                    <div class="col-md-2 col-sm-2 col-xs-2">
                    <label class="control-label">Delete</label>
                    </div>
                    </div>
                    @foreach($permissions as $permission)
                      <div class="row">
                      <div class="col-md-2 col-sm-2 col-xs-2">
                      <label class="control-label">{{ucfirst(str_replace("_"," ",$permission->name))}}</label>
                      </div>
                      <div class="col-md-2 col-sm-2 col-xs-2">
                        <label class="control-label"><input  value="{{$permission->id}}" class="check_all_row_permissions" type="checkbox"></label>
                      </div>
                      <div class="col-md-2 col-sm-2 col-xs-2">
                      <label class="control-label"><input class="permission-{{$permission->id}}" value="{{$permission->route_name}}"