@extends('layouts.app')

{{-- Important Variables --}}


@section('title')
    {{ $moduleName }}->{{ $createItemName }}
@stop

@section('top-bar')
    @include('includes.top-bar')
@stop
@section('left-sidebar')
    @include('includes.recovery-left-sidebar')
@stop
@section('content')

    <section class="content">
        <div class="container-fluid">
            <div class="block-header pull-right">
                <a class="btn btn-sm btn-info waves-effect" href="{{ url()->previous() }}">{{__('lang.back')}}</a>
            </div>

            <ol class="breadcrumb breadcrumb-col-cyan pull-left">
                <li><a href="{{ route('realtor_dashboard') }}"><i class="material-icons">home</i> {{__('lang.home')}}</a></li>
                <li><a href="{{ route($ParentRouteName) }}"><i
                                class="{{ $breadcrumbMainIcon  }} "></i>{{  $breadcrumbMainName }}</a>
                </li>
                <li class="active"><i
                            class="material-icons">{{ $breadcrumbCurrentIcon  }}</i> {{ $breadcrumbCurrentName  }}</li>
            </ol>

            <!-- Inline Layout | With Floating Label -->
            <div class="row clearfix">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="card">
                        <div class="header">
                            <h2>
                                {{ $createItemName  }}
                                <!-- <small>Put {{ $moduleName  }} Information</small> -->
                            </h2>
                            <br>
                            <div class="body">
                                    {{-- User Permissions Form Start --}}
                                    <form class="form" id="form_validation" method="post"
                                    action="{{ route($ParentRouteName . '.store') }}">

                                    {{ csrf_field() }}

                                    <div class="row clearfix">

                                            {{-- Role Manage Name --}}
                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input autofocus="" value="{{ old('name') }}" name="name"
                                                        type="text" class="form-control">
                                                    <label class="form-label">{{__('lang.name')}}</label>
                                                </div>
                                            </div>
                                        </div>

                                            {{-- Permissions Table Start --}}
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 tableFixed">
                                            <table class="table  table-bordered table-hover">
                                                <thead>
                                                    <tr>
                                                        {{-- Select all check boxes in the form --}}
                                                        <th class="checkbox_custom_style text-center">
                                                            <input name="selectTop" type="checkbox" id="md_checkbox_p"
                                                                class="chk-col-cyan topBottom" />
                                                            <label for="md_checkbox_p"></label>
                                                        </th>
                                                        <th scope="col" class="text-center">S.L</th>
                                                        <th scope="col" class="text-center">Module Name</th>
                                                        <th scope="col" class="text-center">All</th>
                                                        <th scope="col" class="text-center">Show</th>
                                                        <th scope="col" class="text-center">Create</th>
                                                        <th scope="col" class="text-center">Edit</th>
                                                        <th scope="col" class="text-center">Delete</th>
                                                        <th scope="col" class="text-center">PDF</th>
                                                        <th scope="col" class="text-center">Trash Show</th>
                                                        <th scope="col" class="text-center">Restore</th>
                                                        <th scope="col" class="text-center">Permanently Delete</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @php
                                                        $count = 1;
                                                        
                                                        function genChild($colName, $roleName, $childs, $index, $userPerms)
                                                        {
                                                            $checked = $userPerms && $userPerms[$roleName][$index] ? 'checked' : '';
                                                        
                                                            foreach ($childs as $perm_name) {
                                                                if ($perm_name === $colName) {
                                                                    $checkBox = "<div class='switch'>
                                                                                        <label>
                                                                                            <input class='switch-box'
                                                                                                name='roles[$roleName][$index]'
                                                                                                type='checkbox' $checked  />
                                                                                                <span class='lever switch-col-cyan'></span>
                                                                                        </label>
                                                                                    </div>";
                                                                    return $checkBox;
                                                                }
                                                            }
                                                        }
                                                        
                                                        function genRolesSubChilds($role_name, $column, $userPerms = null)
                                                        {
                                                            $permissionChildArray = [
                                                                'All' => 1,
                                                                'Show' => 2,
                                                                'Create' => 3,
                                                                'Edit' => 4,
                                                                'Delete' => 5,
                                                                'Pdf' => 6,
                                                                'TrashShow' => 7,
                                                                'Restore' => 8,
                                                                'PermanentlyDelete' => 9,
                                                            ];
                                                        
                                                            foreach ($permissionChildArray as $colname => $value) {
                                                                echo '<td>', genChild($colname, $role_name, $column, $value, $userPerms), '</td>';
                                                            }
                                                        }
                                                        
                                                    @endphp
                                                    @foreach ($allRolePermissions as $role_name => $column)
                                                        <tr class="text-center">
                                                            
                                                            {{-- Select All Check Box --}}
                                                            <td>
                                                                <input type="checkbox" id="md_checkbox_{{ $role_name }}" class="chk-col-cyan selects " />
                                                                <label for="md_checkbox_{{ $role_name }}"></label>
                                                            </td>

                                                            {{-- Serial Number --}}
                                                            <th class="text-center">{{ $count++ }}</th>

                                                            {{-- Role Name --}}
                                                            <td>
                                                                <input type="hidden" name="roles[{{ $role_name }}][0]"
                                                                    value="{{ $role_name }}">
                                                                @php
                                                                    echo $roleNameCaps = ucwords(implode(' ', preg_split('/(?=[A-Z])/', $role_name)));
                                                                @endphp
                                                            </td>

                                                            {{-- Role Sub Childs --}}
                                                            @php
                                                                genRolesSubChilds($role_name, $column, $userPermissions);
                                                            @endphp

                                                        </tr>
                                                    @endforeach

                                                </tbody>

                                                <thead>
                                                    <tr>
                                                        <th class="checkbox_custom_style text-center">
                                                            <input name="selectBottom" type="checkbox"
                                                                id="md_checkbox_footer" class="chk-col-cyan topBottom" />
                                                            <label for="md_checkbox_footer"></label>
                                                        </th>

                                                        <th scope="col" class="text-center">S.L</th>
                                                        <th scope="col" class="text-center">Module Name</th>
                                                        <th scope="col" class="text-center">All</th>
                                                        <th scope="col" class="text-center">Show</th>
                                                        <th scope="col" class="text-center">Create</th>
                                                        <th scope="col" class="text-center">Edit</th>
                                                        <th scope="col" class="text-center">Delete</th>
                                                        <th scope="col" class="text-center">PDF</th>
                                                        <th scope="col" class="text-center">Trash Show</th>
                                                        <th scope="col" class="text-center">Restore</th>
                                                        <th scope="col" class="text-center">Permanently Delete</th>
                                                    </tr>
                                                </thead>

                                            </table>
                                        </div>
                                            {{-- Permissions Table END --}}

                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                            <input type="submit" class="btn btn-primary m-t-5 waves-effect" value='Create' />
                                        </div>
                                    </div>
                                </form>
                                {{-- User Permissions Form End --}}

                            </div>
                        </div>
                    </div>
                </div>
                <!-- #END# Inline Layout | With Floating Label -->
            </div>
        </div>
    </section>

@stop

@push('include-css')
    <!-- Colorpicker Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css') }}" rel="stylesheet" />

    <!-- Dropzone Css -->
    <link href="{{ loadAsset('asset/plugins/dropzone/dropzone.css') }}" rel="stylesheet">

    <!-- Multi Select Css -->
    <link href="{{ loadAsset('asset/plugins/multi-select/css/multi-select.css') }}" rel="stylesheet">

    <!-- Bootstrap Spinner Css -->
    <link href="{{ loadAsset('asset/plugins/jquery-spinner/css/bootstrap-spinner.css') }}" rel="stylesheet">

    <!-- Bootstrap Tagsinput Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-tagsinput/bootstrap-tagsinput.css') }}" rel="stylesheet">

    <!-- Bootstrap Select Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-select/css/bootstrap-select.css') }}" rel="stylesheet" />



    <!-- Bootstrap Material Datetime Picker Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker.css') }}"
        rel="stylesheet" />

    <!-- Bootstrap DatePicker Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-datepicker/css/bootstrap-datepicker.css') }}" rel="stylesheet" />


    <!-- noUISlider Css -->
    <link href="{{ loadAsset('asset/plugins/nouislider/nouislider.min.css') }}" rel="stylesheet" />

    <!-- Sweet Alert Css -->
    <link href="{{ loadAsset('asset/plugins/sweetalert/sweetalert.css') }}" rel="stylesheet" />
@endpush

@push('include-js')
    <!-- Moment Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/momentjs/moment.js') }}"></script>

    <!-- Bootstrap Material Datetime Picker Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.js') }}">
    </script>

    <!-- Bootstrap Datepicker Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js') }}"></script>


    <!-- Sweet Alert Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/sweetalert/sweetalert.min.js') }}"></script>


    <!-- Autosize Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/autosize/autosize.js') }}"></script>

    <script src="{{ loadAsset('asset/js/pages/forms/basic-form-elements.js') }}"></script>


    <script>
        @if (Session::has('success'))
            toastr["success"]('{{ Session::get('success') }}');
        @endif

        @if (Session::has('error'))
            toastr["error"]('{{ Session::get('error') }}');
        @endif



        @if ($errors->any())
            @foreach ($errors->all() as $error)
                toastr["error"]('{{ $error }}');
            @endforeach
        @endif


      

           
        let selects = $('input[type="checkbox"].selects');
        let allSelect = $('#md_checkbox_p');

        allSelect.change(function() {
            if ($(this).is(":checked")) {
                selects.attr("checked", true)
                selects.parent().siblings().find('.switch-box').click()
            } else {
                selects.attr("checked", false)
                selects.parent().siblings().find('.switch-box').attr('checked', false)
            }
        });

        selects.each(function() {
            $(this).change(function() {
                if ($(this).is(":checked")) {
                    $(this).parent().siblings().find('.switch-box').click()
                } else {
                    $(this).parent().siblings().find('.switch-box').attr('checked', false)
                }
            })
        })
        BaseController.init();
    </script>
    
@endpush