@extends('layouts.backend')

@section('content')
    <!-- Page Content -->
    <div class="content">
        <div class="row justify-content-md-center">
            <div class="col-md-12">
                <div class="block">
                    <div class="block-header">
                        <h3 class="block-title">Add Role</h3>
                    </div>
                    <div class="block-content block-content-full">
                        <form id="formData">
                            @csrf
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="example-text-input">Role Name *</label>
                                        <input type="text" class="form-control" id="name" name="name" placeholder="Role Name">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                </div>
                            </div>
                        </form>
                        <form role="form" id="formPicture">
                            <div class="form-body">
                                <br>
                                <div class="caption font-red-soft">
                                  <i class="fa fa-bookmark font-red-soft"></i>
                                  <span class="caption-subject bold uppercase">Detail Item</span>
                                </div>
                                <br>
                                <br>
                                <table class="table table-striped  nowrap table-sm table-special">
                                    <thead>
                                        <tr role="row" class="heading">
                                            <th> Code </th>
                                            <th> Menu </th>
                                            <th> Submenu </th>
                                            <th> Access Menu </th>
                                            <th> 
                                                <div class="custom-control custom-checkbox d-inline-block">
                                                    <input type="checkbox" class="custom-control-input" id="check-all" onchange="checkCondition()">
                                                    <label class="custom-control-label" for="check-all">Have Access</label>
                                                </div>
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody id="table_view_detail">
                                        @foreach($data["access"] as $key => $access)
                                            <tr>
                                                <td>{{ $access->code }}</td>
                                                <td>{{ $access->menu }}</td>
                                                <td>{{ $access->submenu }}</td>
                                                <td>{{ $access->access_name }}</td>
                                                <td>
                                                   <div class="custom-control custom-checkbox d-inline-block">
                                                        <input type="checkbox" class="custom-control-input checkboxtable" id="row{{$key}}" ame="{{$access->code}}"  value="{{$access->code}}" onchange="checkValue(this)">
                                                        <label class="custom-control-label" for="row{{$key}}"></label>
                                                    </div>    
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </form>
                        <div class="form-group" style="text-align:right;">
                            <a href="/role" class="btn btn-secondary">Cancel</a>
                            <button type="submit" class="btn btn-primary" onclick="submitDataSpecial();">Submit</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END Page Content -->
@endsection

@section('js_after')
    @include('pages.role.function_create')
    @include('pages.globalFunction')
@endsection