@extends('app-new')

@push('head-script')
    <!-- BEGIN: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/forms/wizard/bs-stepper.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/flatpickr/flatpickr.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/pickadate/pickadate.css">
    <!-- END: Vendor CSS-->

    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-validation.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-wizard.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-pickadate.css">
    <!-- END: Page CSS-->
@endpush

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">{{trans('rights.rights_management')}}</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/home">{{trans('rights.home')}}</a>
                    </li>
                    <li class="breadcrumb-item"><a href="/rights">{{trans('rights.rights_management')}}</a>
                    </li>
                    <li class="breadcrumb-item active">
                        {{trans('rights.add_sub_module')}}
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@section('content')
<!-- Basic multiple Column Form section start -->
{!! Form::model($subModule, ['method' => isset($subModule) && $subModule->id ? 'put' : 'post']) !!}
    <section class="vertical-wizard">
        <div class="bs-stepper vertical vertical-wizard-example">
            <div class="bs-stepper-header">
                <div class="step" data-target="#personal-info-vertical" role="tab" id="personal-info-vertical-trigger">
                    <button type="button" class="step-trigger">
                        <span class="bs-stepper-box">1</span>
                        <span class="bs-stepper-label">
                            <span class="bs-stepper-title">{{trans('rights.sub_module_details')}}</span>
                            <span class="bs-stepper-subtitle">{{trans('rights.add_sub_module_details')}}</span>
                        </span>
                    </button>
                </div>
            </div>
            <div class="bs-stepper-content">
                <div id="personal-info-vertical" class="content position-relative" role="tabpanel" aria-labelledby="personal-info-vertical-trigger" style="height: 470px">
                    <div class="content-header">
                        <h5 class="mb-0">{{trans('rights.sub_module_details')}}</h5>
                        <small class="text-muted">{{trans('rights.enter_sub_module_details')}}</small>
                    </div>
                    <div class="row">
                        @if(isset($subModule->id) && $subModule->isPrimayFirstChild!=1)
                        <div class="col-md-6">
                            <label class="form-label" for="v">{{trans('rights.parent_menu')}}</label>
                            <select class="form-select select2" name="parent_menu_id" id="parent_menu_id">
                                @foreach($menus as $val)
                                    <option value="{{$val->id}}" @if($subModule->parent_menu_id == $val->id) selected @endif>{{$val->name}}</option>
                                    @foreach($val->sub_menu as $subVal)
                                        @if($subVal->isPrimayFirstChild!=1 && $subVal->id != $subModule->id)
                                            <option value="{{$subVal->id}}" @if($subModule->parent_menu_id == $subVal->id) selected @endif>{{$subVal->name}}</option>
                                        @endif
                                    @endforeach
                                @endforeach
                            </select>
                        </div>
                        @endif
                        <div class="col-md-6">
                            <div class="mb-1  {{{ $errors->has('name') ? 'has-error' : '' }}}">
                                <input type="hidden" id="icon-db" value="{{$subModule->icon}}" />
                                <input type="hidden" id="platform-db" value="{{$subModule->platform}}" />
                                <label class="form-label" for="name">{{trans('rights.sub_module_name')}} <span class="mendatory-field text-danger">*</span></label>
                                {!! Form::text('name', isset($subModule) && $subModule->name ? $subModule->name : old('name'), ['class' => 'form-control', 'id' => 'name', 'required'=>'true']) !!} {!! $errors->first('name', '
                                    <label class="error" for="name">:message</label>')!!}
                            </div>
                        </div>

                     
                        <div class="col-md-6">
                            <div class="mb-1  {{{ $errors->has('alias') ? 'has-error' : '' }}}">
                                <label class="form-label" for="alias">{{trans('rights.sub_module_key')}} <span class="mendatory-field text-danger">*</span></label>
                                {!! Form::text('alias', isset($subModule) && $subModule->alias ? $subModule->alias : old('alias'), ['class' => 'form-control', 'id' => 'alias', 'required'=>'true']) !!} {!! $errors->first('alias', '
                                    <label class="error" for="alias">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-1  {{{ $errors->has('sequence') ? 'has-error' : '' }}}">
                                <label class="form-label" for="alias">{{trans('rights.sub_module_sequence')}} <span class="mendatory-field text-danger">*</span></label>
                                {!! Form::text('sequence', isset($subModule) && $subModule->sequence ? $subModule->sequence : old('sequence'), ['class' => 'form-control', 'id' => 'sequence', 'required'=>'true']) !!} {!! $errors->first('sequence', '
                                    <label class="error" for="sequence">:message</label>')!!}
                            </div>
                        </div>

                    
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="platform">{{trans('rights.module_platform')}} <span class="mendatory-field text-danger">*</span></label>
                                <select class="form-select select2" name="platform" id="platform">
                                    <option value="Web" @if((isset($subModule) && ($subModule->platform == 'Web')) || (old('platform') == 'Web')) selected @endif>Web</option>
                                    <option value="Android" @if((isset($subModule) && ($subModule->platform == 'Android')) || (old('platform') == 'Android')) selected @endif>Android</option>
                                    <option value="iOS" @if((isset($subModule) && ($subModule->platform == 'iOS')) || (old('platform') == 'iOS')) selected @endif>iOS</option>
                                    <option value="Web,Android" @if((isset($subModule) && ($subModule->platform == 'Web,Android')) || (old('platform') == 'Web,Android')) selected @endif>Web,Android</option>
                                    <option value="Web,iOS" @if((isset($subModule) && ($subModule->platform == 'Web,iOS')) || (old('platform') == 'Web,iOS')) selected @endif>Web,iOS</option>
                                    <option value="Web,Android,iOS" @if((isset($subModule) && ($subModule->platform == 'Web,Android,iOS')) || (old('platform') == 'Web,Android,iOS')) selected @endif>Web,Android,iOS</option>
                                </select>
                            </div>
                            {!! $errors->first('platform', '<label class="error" for="platform">:message</label>')!!}
                        </div>
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="icon">{{trans('rights.position')}}</label>
                                <select class="form-select select2" name="position" id="position">
                                    <option value="setting" @if(isset($subModule) && ($subModule->position == 'setting') || (old('position') == 'setting')) selected @endif>Setting</option>
                                    <option value="left" @if(isset($subModule) && ($subModule->position == 'left') || (old('position') == 'left')) selected @endif>Left</option>
                                    <option value="both" @if(isset($subModule) && ($subModule->position == 'both') || (old('position') == 'both')) selected @endif>Both</option>
                                </select>
                            </div>
                        </div>
                    
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="icon">{{trans('rights.module_icon')}} <span class="mendatory-field text-danger">*</span></label>
                                @php
                                    $icons = App\Helpers\GeneralHelper::iconsList();
                                    @endphp
                                <select class="form-select icon select2" name="icon" id="icon">
                                    @foreach($icons as $key => $value)
                                    <option value="{{ $key }}" @if((isset($subModule) && ($subModule->icon == $key)) || (old('icon') == $key)) selected @endif>{{ $value }}</option>
                                    @endforeach
                                    
                                </select>
                            </div>
                            {!! $errors->first('icon', '<label class="error" for="icon">:message</label>')!!}
                        </div>
                    
                        <div class="col-md-6">
                            <div class="mb-1">
                                <label class="form-label" for="icon">{{trans('rights.module_new_icon')}} <span class="mendatory-field text-danger">*</span></label>
                                <select class="form-select icon_new" name="icon_new" id="icon_new">
                                   
                                </select>
                            </div>
                            {!! $errors->first('icon_new', '<label class="error" for="icon_new">:message</label>')!!}
                        </div>
                    </div>
                    
                    <div class="content-footer position-absolute bottom-0 col-md-12">
						<div class="d-flex justify-content-between content-footer">
							<button type="submit" class="btn btn-success btn-submit" id="confirm-submit-text">{{trans('common/common.submit')}}</button>
						</div>
					</div>
                </div>
                
                
            </div>
        </div>
    </section>
 
{!! Form::close() !!} 
<!-- Basic Floating Label Form section end -->

@endsection 

@push('footer-script')

<!-- BEGIN: Page Vendor JS-->
<script src="/app-assets/vendors/js/forms/wizard/bs-stepper.min.js"></script>
<script src="/app-assets/vendors/js/forms/select/select2.full.min.js"></script>
<script src="/app-assets/vendors/js/forms/validation/jquery.validate.min.js"></script>
<script src="/app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.date.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.time.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/legacy.js"></script>
<!-- END: Page Vendor JS-->

<!-- BEGIN: Page JS-->
<script src="/app-assets/js/scripts/forms/form-wizard.js"></script>
<script src="/app-assets/js/scripts/forms/form-validation.js"></script>
<script src="/app-assets/js/scripts/forms/pickers/form-pickers.js"></script>
<!-- END: Page JS-->

<script>
    $(function(){
        var icons = Object.keys(feather.icons);
        var data = '';
        $.each(icons, function(index, value){
            data+= '<option value="'+value+'" data-icon="'+value+'">'+value+'</otpion>'
        });
        $('#icon_new').html(data);

        $('#icon_new').select2({
            width: '100%',
            minimumResultsForSearch: Infinity,
            dropdownParent: $('#icon_new').parent(),
            templateResult: iconFormat,
            templateSelection: iconFormat,
            escapeMarkup: function (es) {
                return es;
            }
        });

        $('.icon').val($("#icon-db").val());
        $('#icon_new').val($("#icon-new-db").val());
        $('#platform').val($("#platform-db").val());
    });
    function iconFormat(icon) {
        var originalOption = icon.element;
        if (!icon.id) {
        return icon.text;
        }

        var $icon = feather.icons[$(icon.element).data('icon')].toSvg() + icon.text;

        return $icon;
    }
</script>
@endpush