@extends('cms.layout.app')

@section('content')
    <div class="page-wrapper">
        <div class="page-header card">
            <div class="row align-items-end">
                <div class="col-lg-8">
                    <div class="page-header-title">
                        <i class="icofont icofont-user bg-dark"></i>
                        <div class="d-inline">
                            <h4>Roles</h4>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="page-header-breadcrumb">
                        <ul class="breadcrumb-title">
                            <li class="breadcrumb-item">
                                <a href="{{route('cms.dashboard')}}">
                                    <i class="icofont icofont-home"></i>
                                </a>
                            </li>
                            <li class="breadcrumb-item"><a href="{{route('cms.users')}}">Roles</a></li>
                            <li class="breadcrumb-item"><a href="#!">{{$role->name ?? 'Add Role'}}</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="page-body">

            <div class="card">
                <div class="card-header">
                    <h5>Role Form</h5>
                    <hr>
                </div>
                <div class="card-block">
                    <form method="POST">
                        @csrf
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Role Name</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control @error('name') form-bg-danger @enderror" value="{{ $role->name ?? old('name')}}" name="name">
                                @error('name')
                                    <span class="float-left text-danger">
                                        {{$message}}
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Permissions</label>
                            <div class="col-sm-10">
                                @error('permissons')
                                    <span class="float-left text-danger">
                                        {{$message}}
                                    </span>
                                @enderror
                                <table class="table table-hover">
                                    <thead>
                                        <tr>
                                            <th>Name</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                       <tr>
                                           <td>Stores</td>
                                           <td><input type="checkbox" {{isset($role) && $role->has_permission('stores') ?  'checked' : '' }} value="stores" name="permissions[]" class="form-control"></td>
                                       </tr>
                                       <tr>
                                            <td>Networks</td>
                                            <td><input type="checkbox" {{isset($role) && $role->has_permission('networks') ?  'checked' : '' }}  value="networks" name="permissions[]" class="form-control"></td>
                                        </tr>
                                        <tr>
                                            <td>Donations</td>
                                            <td><input type="checkbox" {{isset($role) && $role->has_permission('donations') ?  'checked' : '' }}  value="donations" name="permissions[]" class="form-control"></td>
                                        </tr>
                                        <tr>
                                            <td>Offers</td>
                                            <td><input type="checkbox" {{isset($role) && $role->has_permission('offers') ?  'checked' : '' }}  value="offers" name="permissions[]" class="form-control"></td>
                                        </tr>
                                        <tr>
                                            <td>Users</td>
                                            <td><input type="checkbox" {{isset($role) && $role->has_permission('users') ?  'checked' : '' }}  value="users" name="permissions[]" class="form-control"></td>
                                        </tr>
                                        <tr>
                                            <td>Settings</td>
                                            <td><input type="checkbox" {{isset($role) && $role->has_permission('settings') ?  'checked' : '' }}  value="settings" name="permissions[]" class="form-control"></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        
                        <div class="col-12 text-right">
                            <hr>
                            <input type="submit" value="Save" class="btn btn-success">
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection