@extends('backend.layouts.master')
@section('content')
    <!-- Breadcrumb -->
    <div class="content-body">
        <section id="basic-form-layouts">
            <div class="row match-height">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title" id="basic-layout-form">Thông tin quản trị viên</h4>
                            <a class="heading-elements-toggle"><i class="fa fa-ellipsis-v font-medium-3"></i></a>
                        </div>
                        <div class="card-content collapse show">
                            <div class="card-body">

                                @if (isset($doc))
                                    {!! Form::model($doc, array('url' => route('admin.roles.update',$doc->id), 'method' => 'put', 'files'=> true)) !!}
                                @else
                                    {!! Form::open(array('url' => route('admin.roles.store'), 'method' => 'post', 'files'=> true)) !!}
                                @endif
                                @include('backend.pages.role.form')
                                {!! Form::close() !!}

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection

<script>
    // $(document).ready(function () {
    function checkAll(baseId, itemId) {
        var baseCheck = document.getElementById(baseId).checked;
        var item = document.getElementById(itemId + '1');
        var i = 1;

        while (item != null) {
            if (item.disabled == false) {
                item.checked = baseCheck;
            }
            i = i + 1;
            item = document.getElementById(itemId + i);
        }
    }

    // })
    $('#type').on('change', function () {
        var id = $(this).val();
        $.ajax({
            url: '/admincms/admin/ajax/get-category',
            type: 'GET',
            data: {
                id: id,
            },
            success: function (data) {
                if (data.length > 0) {

                    var row = $('body').find('#parent_id');
                    html = '';
                    $.each(data, function (i, v) {
                        html += '<option value="0">Không có</option><option value="' + v.id + '">' + v.name + '</option>';
                        row.html(html);
                    });
                } else {
                    html = `<option value="0">Không có</option>`;
                    var row = $('body').find('#parent_id');
                    row.html(html);
                }
            },
            error: function () {
                alert("Lỗi, xin kiểm tra lại");
            }
        })
    })
</script>