@extends(getTemplate('admin'))
    @section('content')
        @push('custom-css')
        <link href="@asset('plugins/superbox/css/superbox.min.css')" rel="stylesheet" />
        <link href="@asset('plugins/lity/dist/lity.min.css')" rel="stylesheet" />
        <style>
            .form-group>div {
                padding: 15px;
                border-left: unset !important;
            }
            .x-min{
                min-width: 240px;
            }
            .select2-arrow {
                width: 30px!important;
        </style>
        @endpush
    @if($group)
    <!-- begin profile -->
    <div class="profile">
        <div class="profile-header">
            <div class="profile-header-cover"></div>
            <div class="profile-header-content">
            </div>
        </div>
    </div>
    <!-- end profile -->
    <!-- begin profile-content -->
    <div class="profile-content">
        <!-- begin tab-content -->
        <div class="tab-content p-0">
            <!-- begin #profile-about tab -->
            <div class="tab-pane fade show active" id="profile-about">
                <!-- begin table -->
                <div class="table-responsive">
                    <table class="table table-profile">
                        <tbody>
                        <tr>
                            <td class="field">Name</td>
                            <td>
                                <a href="javascript:;" class="x-edit" data-name="name" data-type="text" data-placeholder="Enter Name" data-pk="{{$group->id}}" data-u="update_object/{{$type}}" data-title="Name" data-required="true">{{$group->name}} </a>
                            </td>
                        </tr>
                        <tr>
                            <td class="field">Description</td>
                            <td>
                                <a href="javascript:;" class="x-edit" data-name="description" data-type="text" data-placeholder="Enter Description" data-pk="{{$group->id}}" data-u="update_object" data-title="Description" data-required="true">{{$group->description}} </a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <!-- end table -->
            </div>
        </div>
        <!-- end tab-content -->
    </div>
    <!-- end profile-content -->
    @else
        <!-- begin panel -->
        <div class="panel panel-inverse" data-sortable-id="ui-widget-6">
            <div class="panel-heading">
                <h4 class="panel-title">
                    {{$title}}
                </h4>
            </div>
            <div class="alert alert-success fade show">
                <span class="close" data-dismiss="alert">×</span>
                <i class="fa fa-check fa-2x pull-left m-r-10"></i>
                <p class="m-b-0">{{ucfirst($type)}} Does Not Exists.</p>
            </div>
            <div class="panel-body">
                <p>{{ucfirst($type)}}</p>
            </div>
        </div>
        <!-- end panel -->
    @endif
        @push('custom-js')
        <script src="@asset('plugins/superbox/js/jquery.superbox.min.js')"></script>
        <script src="@asset('plugins/lity/dist/lity.min.js')"></script>
        <script src="@asset('js/demo/profile.demo.min.js')"></script>
        <script>
            handleXeditable();
            checkboxHandler();
            $(document).ready(function() {
                let page = '{{$page}}';
                if(page === 'edit_group') {
                    setTimeout(function() {
                        Profile.init();
                    },200);
                }
            });
        </script>
        @endpush
    @endsection