@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 id="content" class="container-fluid">
                <div class="content-body">
                    <div class="flex-row align-items-start ">
                        <div class="col-xs-12">
                            <div class="card card-data-tables product-table-wrapper">
                                <header class="card-heading" style="height: 80px">
                                    <div class="row">
                                        <div class="col-xs-12 col-sm-6">
                                            <h3 class="card-title">მომხარებლის როლები</h3>
                                        </div>
                                        <div class="col-xs-12 col-sm-6">
                                            <h3 class="card-title"></h3>
                                        </div>
                                    </div>
                                    <ul class="card-actions icons right-top">
                                        <li>
                                            <a onclick="slide_card('rules_datatabl_holder',this)"
                                               data-toggle-view="code"> <i class="zmdi zmdi-triangle-down"></i></a>
                                        </li>
                                    </ul>
                                </header>
                                <div id="rules_datatabl_holder" style="display:none;" class="card-body">
                                    <table id="rules_datatable"
                                           class="mdl-data-table product-table m-t-30 program-tables" cellspacing="0"
                                           width="100%">
                                        <thead>
                                        <tr>
                                            <th class="col-xs-2">სათაური</th>
                                            <th class="col-xs-2">როლის დახასიათება</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12">
                            <div class="card card-data-tables product-table-wrapper">
                                <header class="card-heading" style="height: 80px">
                                    <div class="row">
                                        <div class="col-xs-12 col-sm-6">
                                            <h3 class="card-title">მომხარებლები</h3>
                                        </div>
                                        <div class="col-xs-12 col-sm-6">
                                            <h3 class="card-title"></h3>
                                        </div>
                                    </div>
                                    <ul class="card-actions icons right-top">
{{--                                        <li>--}}
{{--                                            <button class="btn btn-info btn-sm" onclick='open_add_user_modal()'><i class="zmdi zmdi-edit"></i> დამატება--}}
{{--                                                <div class="ripple-container"></div>--}}
{{--                                            </button>--}}
{{--                                        </li>--}}
                                        <li>
                                            <a onclick="slide_card('users_datatabl_holder',this)"
                                               data-toggle-view="code"> <i class="zmdi zmdi-triangle-down"></i></a>
                                        </li>
                                    </ul>
                                </header>
                                <div id="users_datatabl_holder" style="display:none;" class="card-body">
                                    <table id="users_datatable"
                                           class="mdl-data-table product-table m-t-30 program-tables" cellspacing="0"
                                           width="100%">
                                        <thead>
                                        <tr>
                                            <th class="col-xs-2">ელ-ფოსტა</th>
                                            <th class="col-xs-2">როლი</th>
                                            <th class="col-xs-2">რედაქტირება</th>
                                            <th class="col-xs-2">წაშლა</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <div class="modal fade " id="add-users-modal" tabindex="-1" role="dialog" aria-labelledby="basic_modal"
         style="display: none;">
        <div class="modal-dialog " 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="faculty-form" action="{{ route('user.store') }}" method="POST">
                                @csrf
                                <div class="form-group is-empty">
                                    <div class="">
                                        <input type="text" class="form-control" name="user_email" required  placeholder="ელ ფოსტა">
                                    </div>
                                </div>
                                <div class="form-group is-empty">
                                    <div class="">
                                        <input type="password" class="form-control" name="user_password" required   placeholder="პაროლი">
                                    </div>
                                </div>
                                <div class="form-group is-empty">
                                    <div class="">
                                        <select name="user_role_select">
                                            @foreach ($rules as $rule)
                                                <option value="{{$rule->id}}">{{$rule->title}}</option>
                                            @endforeach
                                        </select>
                                    </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>
        </div>
    </div>
{{--    <div class="modal fade " id="add-users-role-modal" tabindex="-1" role="dialog" aria-labelledby="basic_modal"--}}
{{--         style="display: none;">--}}
{{--        <div class="modal-dialog " 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="faculty-form" action="{{ route('role.store') }}" method="POST">--}}
{{--                                @csrf--}}
{{--                                <div class="form-group is-empty">--}}
{{--                                    <div class="">--}}
{{--                                        <input type="text" class="form-control" name="rule_title" required--}}
{{--                                               placeholder="სახელი">--}}
{{--                                    </div>--}}
{{--                                </div>--}}
{{--                                <div class="" style="display: flex; flex-direction: column">--}}
{{--                                    @foreach ($Menus as $menu)--}}
{{--                                        @foreach ($menu['sub_menus'] as $_subMenu)--}}
{{--                                            <div class="">--}}
{{--                                                <label for="m-{{$_subMenu->id}}">{{$_subMenu->title}}--}}
{{--                                                </label>--}}
{{--                                                <input id="m-{{$_subMenu->id}}" type="checkbox" class="form-control"--}}
{{--                                                       name="blocked_ids[]" value="{{$_subMenu->id}}">--}}
{{--                                            </div>--}}
{{--                                        @endforeach--}}
{{--                                    @endforeach--}}
{{--                                </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>--}}
{{--        </div>--}}
{{--    </div>--}}
    {{-- პროგრამების მოდალი --}}

    <div class="modal fade " id="edit_user_roles" tabindex="-1" role="dialog" aria-labelledby="basic_modal"
         style="display: none;">
        <div class="modal-dialog " 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="program-form" action="{{ route('user.role.store') }}" method="POST"
                                  autocomplete="off">
                                @csrf
                                <input type="hidden" name="user_id" id="user_id" value="">
                                <div class="form-group is-empty">
                                    <div class="">
                                        <select name="user_role_select" id="user_role_select">
                                            @foreach ($rules as $rule)
                                                <option value="{{$rule->id}}">{{$rule->title}}</option>
                                            @endforeach
                                        </select>
                                    </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>
        </div>
    </div>

    {{-- edit modal --}}
{{--    <div class="modal fade bd-example-modal-lg" id="edit_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="departments-form" action="" method="POST">--}}
{{--                                @csrf--}}
{{--                                <input type="hidden" name="edit_dep_id" id="edit_dep_id" value="">--}}

{{--                                <input type="hidden" name="edit_sub_dep_id" id="edit_sub_dep_id" value="">--}}

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

{{--                                <div id="list_holder">--}}

{{--                                </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>--}}
    {{-- end edit modal --}}
    @push('custom-scripts')
        <script type="text/javascript" src="{{ asset ('js/page-managers/user_settings_manager.js') }}"></script>
    @endpush
@endsection