@extends('master')

@section('content')
<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-sm-flex align-items-center justify-content-between">
            <h4 class="mb-sm-0">{{ session()->get('title') }}</h4>

            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="javascript: void(0);">Dashboard</a></li>
                    <li class="breadcrumb-item active">{{ session()->get('title') }}</li>
                </ol>
            </div>

        </div>
    </div>
</div>
<!-- end page title -->

<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-header">
                <h5>Tambah Role</h5>
                <!-- <button type="button" class="btn btn-primary btn-label waves-effect waves-light rounded-pill" data-bs-toggle="modal" data-bs-target="#exampleModalgrid"><i class="ri-add-circle-line label-icon align-middle rounded-pill fs-16 me-2"></i> Tambah Data Baru</button> -->
            </div>
            <div class="card-body">
                <form action="{{ url('admin/role/create') }}" method="POST">
                    {{ csrf_field() }}
                    <div class="card-body">
                        <div class="row">
                            <div class="col-6">
                                <div class="form-group">
                                    <label>Nama Role</label>
                                    <input type="text" class="form-control" name="name" id="name" required>
                                </div>
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-12">
                                <div class="form-group">
                                    <label for="">Akses Menu</label>
                                    <div>
                                        <button class="btn btn-success" type="button" onclick="check_all()"><i class="ri-check-line"></i>
                                            check
                                            all</button>
                                        <button class="btn btn-danger" type="button" onclick="uncheck_all()"><i class="ri-close-fill"></i> uncheck
                                            all</button>
                                    </div>
                                    <div class="table-responsive">
                                        <table class="table">
                                            <thead>
                                                <tr>
                                                    <td>#</td>
                                                    <td style="text-align: left;">Menu</td>
                                                    <td>View</td>
                                                    <td>Add</td>
                                                    <td>Edit</td>
                                                    <td>Delete</td>
                                                    <td>Upload</td>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /.card-body -->
                    <div class="card-footer">
                        <div style="width:100%;">
                            <a class="btn  btn-secondary" href="{{ url('admin/role') }}">
                                <i class="ri-arrow-left-line"></i>
                                Kembali</a>
                            <button class="btn  btn-info float-end" type="submit"><i class="ri-save-line"></i>
                                Simpan</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div><!--end col-->
</div><!--end row-->
@endsection

@push('after-script')

<script>
    function select_c(id) {
        var checked = $('input:checkbox[name=cbView' + id + ']:checked').val();
        if (!checked) {
            $('input:checkbox[name=cbAdd' + id + ']:checked').prop('checked', false);
            $('input:checkbox[name=cbEdit' + id + ']:checked').prop('checked', false);
            $('input:checkbox[name=cbDelete' + id + ']:checked').prop('checked', false);
            $('input:checkbox[name=cbUpload' + id + ']:checked').prop('checked', false);
        }
    }

    function check_all() {
        $('input:checkbox').prop('checked', true);
    }

    function uncheck_all() {
        $('input:checkbox').prop('checked', false);
    }
</script>
@endpush