@extends('layouts.app')

@section('content')
    <section id="content_outer_wrapper" class="">
        <input type="hidden" id="authUser" value="{{Auth::user()->rule}}">
        <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">
                @if(Auth::user()->rule!=3 && Auth::user()->rule!=4)
                <button class="btn btn-info" data-toggle="modal" onclick="init_add_click()" data-target="#position_form"><i class="zmdi zmdi-plus"></i> დამატება<div class="ripple-container"></div></button>
                @endif
                <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="positions_datatable" class="mdl-data-table product-table m-t-30" cellspacing="0" width="100%">
                                            <thead>
                                            <tr>
                                                <th>თანამდებობა</th>
                                                <th>დეპარტამენტი</th>
                                                <th>მოვალეობები</th>
                                                <th>ადგილები</th>
                                                <th>ბიუჯეტი</th>
                                                <th>ერთეული</th>
                                                <th id="tableEdit">რედაქტირება</th>
                                                <th id="tableDelete">წაშლა</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <div class="modal fade" id="position_form" 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">დამატება</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="position_forms-form" action="{{ route('deppositions.store') }}" method="POST">
                                @csrf
                                <input type="hidden" name="dep_id" id="dep_id" value="">
                                <input type="hidden" name="_method" id="_method" value="POST">
                                <div class="form-group is-empty">
                                    <div class="">
                                        <div class="radio">
                                            <label>
                                                <input checked id="staffRadio1" type="radio" name="staffRadio" value="საშტატო">
                                                საშტატოთი ერთეული
                                            </label>
                                            <label>
                                                <input id="staffRadio2" type="radio" name="staffRadio" value="არასაშტატო">
                                                არასაშტატოთი ერთეული
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group is-empty">
                                    <div class="">
                                        <label id="depLabel" class="control-label">აირჩიეთ დეპარტამენტი</label>
                                        <select id="departmentId" name="dep_pos_dep" class="form-control select">
                                            @if(count($deps)>=1)
                                                @foreach($deps as $dep)
                                                    <option value="dep-{{$dep->id}}">{{$dep->name}}</option>
                                                @endforeach
                                                @foreach($facs as $fac)
                                                    <option value="fac-{{$fac->id}}">{{$fac->name}}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group is-empty">
                                    <div class="">
                                        <input id="dep_pos_parent_placeholder" class="form-control"  type="text" name="dep_pos_parent_placeholder" placeholder="უშუალო ხელმძღვანელი">
                                        <input id="dep_pos_parent" class="form-control"  type="hidden" name="dep_pos_parent" placeholder="უშუალო ხელმძღვანელი">
                                    </div>
                                </div>
                                <div class="form-group is-empty">
                                    <div class="">
                                        <input id="nameOfPosition" type="text" required class="form-control" name="dep_pos_name" required placeholder="თანამდებობის სახელი*">
                                    </div>
                                </div>
                                <div class="form-group is-empty">
                                    <div class="">
                                        <input id="countOfPosition" type="text" class="form-control" required name="dep_positions" required placeholder="ადგილების რაოდენობა*">
                                    </div>
                                </div>
                                <div class="form-group is-empty">
                                    <div class="">
                                        <input id="payment" type="text" class="form-control" name="dep_pos_salary" placeholder="ხელფასი">
                                    </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>
                                    <input id="id" type="hidden" name="id">
                                    <button type="submit" class="btn btn-primary">შენახვა</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- ფუნქციის დამატების მოდალი და ფორმა --}}
        <div class="modal fade bd-example-modal-lg" id="add_function_form_modal" tabindex="-1" role="dialog" aria-labelledby="basic_modal" style="display: none;">
            <div style="width:60%" 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="{{route('depfunctions.store')}}" method="POST">
                                    @csrf
                                    <input type="hidden" name="function_id" id="function_id" value="">
                                    <input type="hidden" name="data_holder_Id" id="function_data_holder_Id" value="">

                                    {{-- submit type insert/update --}}
                                    <input type="hidden" name="submit_type" id="submit_type" value="insert">
                                    {{-- submit form --}}
                                    <input type="hidden" name="function_type" id="function_type" value="pos">

                                    <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="function_short_description" required placeholder="მოკლე აღწერა">
                                        </div>
                                    </div>
                                    <div class="form-group is-empty">
                                        <div class="">
                                            <textarea name="description" class="form-control" rows="3" id="function_add_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>
        </div>
        {{-- ფუნქციის შეცვლის მოდალი და ფორმა --}}
        <div class="modal fade bd-example-modal-lg" id="edit_function_form_modal" tabindex="-1" role="dialog" aria-labelledby="basic_modal" style="display: none;">
            <div style="width:60%" 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">
                                <select id="functions_select" onchange="load_department_function_content(this.value)" class="form-control select">
                                </select>
                                <form id="form" action="{{route('depfunctions.store')}}" method="POST">
                                    @csrf
                                    <input type="hidden" name="edit_function_id" id="edit_function_id" value="">
                                    <input type="hidden" name="edit_data_holder_Id" id="function_edit_data_holder_Id" value="">

                                    {{-- submit type insert/update --}}
                                    <input type="hidden" name="submit_type" id="submit_type" value="update">
                                    {{-- submit form --}}
                                    <input type="hidden" name="function_type" id="function_type" value="dep">

                                    <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="function_edit_short_description" required placeholder="მოკლე აღწერა">
                                        </div>
                                    </div>
                                    <div class="form-group is-empty">
                                        <div class="">
                                            <textarea name="description" class="form-control" rows="3" id="function_edit_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>
        </div>
        {{-- ფუნქციების ჩამონათვლის ნახვის მოდალი --}}
        <div class="modal fade bd-example-modal-lg" id="view_function_form_modal" tabindex="-1" role="dialog" aria-labelledby="basic_modal" style="display: none;">
            <div style="width:60%" 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">
                                <table id="functions_datatable" class="mdl-data-table product-table m-t-30" cellspacing="0" width="100%">
                                    <thead>
                                    <tr>
                                        <th>ფუნქციის აღწერა</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{-- უფლების დამატების მოდალი და ფორმა --}}
        <div class="modal fade bd-example-modal-lg" id="add_right_form_modal" tabindex="-1" role="dialog" aria-labelledby="basic_modal" style="display: none;">
            <div style="width:60%" 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="{{route('deprights.store')}}" method="POST">
                                    @csrf
                                    <input type="hidden" name="right_id" id="right_id" value="">
                                    <input type="hidden" name="data_holder_Id" id="right_data_holder_Id" value="">

                                    {{-- submit type insert/update --}}
                                    <input type="hidden" name="submit_type" id="submit_type" value="insert">
                                    {{-- submit form --}}
                                    <input type="hidden" name="function_type" id="function_type" value="dep">

                                    <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="right_short_description" required placeholder="მოკლე აღწერა">
                                        </div>
                                    </div>
                                    <div class="form-group is-empty">
                                        <div class="">
                                            <textarea name="description" class="form-control" rows="3" id="right_add_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>
                    <!-- modal-content -->
                </div>
            </div>
        </div>
        {{-- უფლების შეცვლის მოდალი და ფორმა --}}
        <div class="modal fade bd-example-modal-lg" id="edit_right_form_modal" tabindex="-1" role="dialog" aria-labelledby="basic_modal" style="display: none;">
            <div style="width:60%" 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">
                                <select id="rights_select" onchange="load_department_right_content(this.value)" class="form-control select">
                                </select>
                                <form id="form" action="{{route('deprights.store')}}" method="POST">
                                    @csrf
                                    <input type="hidden" name="edit_right_id" id="edit_right_id" value="">
                                    <input type="hidden" name="edit_data_holder_Id" id="right_edit_data_holder_Id" value="">

                                    {{-- submit type insert/update --}}
                                    <input type="hidden" name="submit_type" id="submit_type" value="update">
                                    {{-- submit form --}}
                                    <input type="hidden" name="function_type" id="function_type" value="dep">

                                    <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="right_edit_short_description" required placeholder="მოკლე აღწერა">
                                        </div>
                                    </div>
                                    <div class="form-group is-empty">
                                        <div class="">
                                            <textarea name="description" class="form-control" rows="3" id="right_edit_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>
        </div>
        {{-- უფლების ჩამონათვლის ნახვის მოდალი --}}
        <div class="modal fade bd-example-modal-lg" id="view_function_form_modal" tabindex="-1" role="dialog" aria-labelledby="basic_modal" style="display: none;">
            <div style="width:60%" 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">
                                <table id="functions_datatable" class="mdl-data-table product-table m-t-30" cellspacing="0" width="100%">
                                    <thead>
                                    <tr>
                                        <th>ფუნქციის აღწერა</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="user-options" class="toolbar-icons hidden">
            <a href="#" id="add" ><i class="zmdi zmdi-plus"></i></a>
            <a href="#" id="edit" ><i class="zmdi zmdi-edit"></i></a>
            <a href="#" class="view_function" data-toggle="modal" data-target="#view_function_form_modal"><i class="zmdi zmdi-eye"></i></a>
            <a href="#"><i class="zmdi zmdi-delete"></i></a>
        </div>
    </div>
@push('custom-scripts')
    <script src="/vendor/unisharp/ckeditor/ckeditor.js"></script>
    <script>
        CKEDITOR.replace( 'function_edit_description' );
        CKEDITOR.replace( 'function_add_description' );
        CKEDITOR.replace( 'right_edit_description' );
        CKEDITOR.replace( 'right_add_description' );
        functions_editor = CKEDITOR.instances.function_edit_description;
        rights_editor = CKEDITOR.instances.right_edit_description;
    </script>
    <script type="text/javascript" src="{{ asset ('js/page-managers/positions_manage.js') }}"></script>
@endpush
@endsection