@extends('layouts.app') @section('content')
<section id="content_outer_wrapper" class="">
    <div id="content_wrapper" class="rightnav_v2 toggle-right">
        <div id="header_wrapper" class="header-md" style="height:6%">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-xs-5">
                        <header id="header">
                            <h1>განყოფილებების მართვა</h1>
                        </header>
                    </div>
                </div>
            </div>
        </div>
        <div class="container-fluid">
            <div class="row">
                <div class="col-xs-12 col-sm-6">
                    <header class="card-heading">
                        <h1>ფუნქციები</h1>
                    </header>
                    <button class="btn btn-info" data-toggle="modal" data-target="#form_modal" onclick="init_click(1)">
                        <i class="zmdi zmdi-plus"></i> დამატება
                        <div class="ripple-container"></div>
                    </button>
                    <div id="content" class="card p-b-20">
                        <div class="content-body">
                            <div class="row">
                                <div class="col-xs-12">
                                    <div class="card card-data-tables product-table-wrapper">
                                        <div class="card-body p-0">
                                            <div class="table-responsive">
                                                <table id="functions_datatable" class="mdl-data-table product-table m-t-30" cellspacing="0" width="100%">
                                                    <thead>
                                                        <tr>
                                                            <th>ID</th>
                                                            <th>ფუნქციის აღწერა</th>
                                                            <th>მოქმედება</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6">
                    <header class="card-heading">
                        <h1>უფლებები</h1>
                    </header>
                    <button class="btn btn-info" data-toggle="modal" data-target="#form_modal" onclick="init_click(2)">
                        <i class="zmdi zmdi-plus"></i> დამატება
                        <div class="ripple-container"></div>
                    </button>
                    <div id="content" class="card p-b-20">

                        <div class="content-body">
                            <div class="row">
                                <div class="col-xs-12">
                                    <div class="card card-data-tables product-table-wrapper">
                                        <div class="card-body p-0">
                                            <div class="table-responsive">
                                                <table id="rights_datatable" class="mdl-data-table product-table m-t-30" cellspacing="0" width="100%">
                                                    <thead>
                                                        <tr>
                                                            <th>ID</th>
                                                            <th>უფლების აღწერა</th>
                                                            <th>მოქმედება</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<div class="modal fade bd-example-modal-lg" id="form_modal" tabindex="-1" role="dialog" aria-labelledby="basic_modal" style="display: none;">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">

                <h4 class="modal-title" id="md_header_title">ფუნქციის დამატება</h4>
                <ul class="card-actions icons right-top">

                    <a href="javascript:void(0)" data-dismiss="modal" class="text-white" aria-label="Close">
                        <i class="zmdi zmdi-close"></i>
                    </a>

                </ul>
            </div>
            <div class="modal-body">
                    <div class="card">
                        <div class="card-body">
                            <form id="form" action="#" method="POST">
                                @csrf
                                <input type="hidden" name="id" id="id" value="">

                                <input type="hidden" name="_method" id="_method" value="POST">

                                <div class="form-group is-empty">
                                    <div class="">
                                        <input name="short_description" class="form-control"  id="short_description" required placeholder="მოკლე აღწერა">
                                    </div>
                                </div>
                                <div class="form-group is-empty">
                                    <div class="">
                                        <textarea name="description" class="form-control" rows="3" id="description" required placeholder="მოვალეობა"></textarea>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default btn-flat" data-dismiss="modal">
                                        დახურვა
                                        <div class="ripple-container">
                                            <div class="ripple ripple-on ripple-out" style="left: 71.9688px; top: 13.8594px; background-color: rgb(104, 134, 150); transform: scale(14.5);">
                                            </div>
                                            <div class="ripple ripple-on ripple-out" style="left: 73.9688px; top: 4.85938px; background-color: rgb(104, 134, 150); transform: scale(14.5);">
                                            </div>
                                        </div>
                                    </button>
                                    <button type="submit" class="btn btn-primary">შენახვა</button>
                                </div>
                            </form>
                        </div>
                    </div>
                    {{-- </div> --}}

            </div>
            <!-- modal-content -->
        </div>
        <!-- modal-dialog -->
    {{-- </div> --}}
</div>
    @push('custom-scripts')
        <script src="/vendor/unisharp/ckeditor/ckeditor.js"></script>
        <script>
            CKEDITOR.replace( 'description' );
         </script>
        <script type="text/javascript" src="{{ asset ('js/page-managers/dep_functions_manage.js') }}"></script>
    @endpush
@endsection