@extends('base.app')

@section('title',  'Doctorx | Form Modul ')

@section('content')
    <div class="block">
        <div class="block-header block-header-default">
            <h3 class="block-title">Modul</h3>

        </div>
        <div class="block-content">
            @if(empty($isEdit))
                {{ html()->form('POST', route('setting-modul.store'))->class('js-validation-bootstrap form-horizontal')->attributes(['autocomplete' => 'off'])->open() }}
            @else
                {{ html()->form('POST', route('setting-modul.update',@$data->id_modul))->class('js-validation-bootstrap form-horizontal')->attributes(['autocomplete' => 'off'])->open() }}
                {{ method_field('PATCH') }}
            @endif
            @php

                @endphp
            <div class="row mt-4">
                <div class="col">

                    <div class="form-group row">
                        {{ html()->label("Parent Module")
                            ->class('col-md-2 form-control-label')
                            ->for('section_id') }}

                        <div class="col-md-10">
                            <select name="parent_id" class="form-control select2">
                                <option>Tidak Ada</option>
                                @foreach(\App\Modul::all() as $item)
                                    <option value="{{ $item->id_modul }}" {{ @$data->parent_id == $item->id_modul ? 'selected' : '' }}> {{ $item->nama_modul }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="form-group row">
                        {{ html()->label("Nama Modul")
                            ->class('col-md-2 form-control-label')
                            ->for('section_id') }}

                        <div class="col-md-10">
                            {{ html()->text('nama_modul')
                                ->class('form-control')
                                ->placeholder("Nama Modul")
                                ->required()
                                ->autofocus()->value(@$data->nama_modul) }}
                        </div>
                    </div>

                    <div class="form-group row">
                        {{ html()->label("Url")
                            ->class('col-md-2 form-control-label')
                            ->for('section_id') }}

                        <div class="col-md-10">
                            {{ html()->text('url_modul')
                                ->class('form-control')
                                ->placeholder("Url Modul")
                                ->autofocus()->value(@$data->url_modul) }}
                        </div>
                    </div>

                    <div class="form-group row">
                        {{ html()->label("Icon")
                            ->class('col-md-2 form-control-label')
                            ->for('section_id') }}

                        <div class="col-md-10">
                            {{ html()->text('icon')
                                ->class('form-control')
                                ->placeholder("Icon")
                                ->autofocus()->value(@$data->icon) }}
                        </div>
                    </div>
                </div>
            </div>

            <div class="form-group row">
                <div class="col">
                    {{ form_cancel(route('setting-modul.index'), __('buttons.general.cancel')) }}
                </div><!--col-->

                <div class="col text-right">
                    @if(empty($isEdit))
                        {{ form_submit(__('buttons.general.crud.create')) }}
                    @else
                        {{ form_submit("Ubah") }}
                    @endif
                </div><!--col-->
            </div>
            {{ html()->form()->close() }}
        </div>
    </div>

    <script type="text/javascript">
        jQuery(function () {
            Codebase.helpers(['select2']);
            $('.select2').select2();
        });

        var BeFormValidation = function() {
            var initValidationBootstrap = function(){
                jQuery('.js-validation-bootstrap').validate({
                    ignore: [],
                    errorClass: 'invalid-feedback animated fadeInDown',
                    errorElement: 'div',
                    errorPlacement: function(error, e) {
                        jQuery(e).parents('.form-group > div').append(error);
                    },
                    highlight: function(e) {
                        jQuery(e).closest('.form-group').removeClass('is-invalid').addClass('is-invalid');
                    },
                    success: function(e) {
                        jQuery(e).closest('.form-group').removeClass('is-invalid');
                        jQuery(e).remove();
                    },
                    rules: {
                        'name': {
                            required: true
                        },
                        'price': {
                            required: true,
                            minlength: 5,
                            maxlength: 12,
                            number: true
                        },
                    },
                });
            };

            return {
                init: function () {
                    // Init Bootstrap Forms Validation
                    initValidationBootstrap();

                    // Init Validation on Select2 change
                    jQuery('.js-select2').on('change', function(){
                        jQuery(this).valid();
                    });
                }
            };
        }();

        // Initialize when page loads
        jQuery(function(){ BeFormValidation.init(); });
    </script>
@endsection