@extends('layout')


@section('title')
    {{ l('{0}', Inflector::humanize(f('controller')->getClass())) . ' Update' }}
@stop

@section('page.breadcumb.section')
    <li>
        <a href="{{ f('controller.url')}}" >{{ l('{0}', Inflector::humanize(f('controller')->getClass())) }}</a>
        <i class="fa fa-circle"></i>
    </li>
    <li>
        <span>Update</span>
    </li>
@stop

@section('fields')

    <div class="row">
        <div class="col-md-12">
            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption">
                        @section('caption')
                        <i class="icon-user font-green"></i>
                        <span class="caption-subject font-green bold uppercase"> Update {{ l('{0}', Inflector::humanize(f('controller')->getClass())) }}</span>
                        @show
                        <!-- <span class="caption-helper">demo form...</span> -->
                    </div>

                </div>

                <div class="portlet-body form">
                    <!-- BEGIN FORM-->
                    <form method="post" id="updateform" class="read">
                        <div class="form-body">
                            <div class="row">
                                <div class="col-md-6 parent_id">
                                    <div class="form-group form-md-line-input">
                                        <label class="control-label label-jenis">Parent</label>
                                        <select name="parent_id" data-id="{{ $entry['parent_id'] }}" class="lookup-document-type" style="width: 100%;">
                                            <option value="">Silahkan Pilih</option>
                                        </select>

                                        <div class="form-control-focus"> </div>
                                        <span class="help-block"></span>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group form-md-line-input">
                                        <label class="control-label">Tipe Dokumen</label>
                                        {{ $entry->format('name', 'input') }}

                                        <div class="form-control-focus"> </div>
                                        <span class="help-block"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-actions">
                            <div class="caption pull-left">
                                <input type="button" value="Submit" class="btn green" onclick="$('#updateform').submit ()">
                                <!-- <a href="javascript:history.back()" class="btn blue"><i class="fa fa-arrow-left"></i> Back </a> -->
                            </div>
                            <div class="btn-set pull-right">
                                <input type="reset" value="Reset" class="btn yellow-lemon" onclick="$('#updateform').reset ()">
                                <a href="{{ f('controller.url', '/'.$entry['$id'].'/delete') }}" class="btn red delete-popup">Delete</a>
                            </div>
                        </div>
                    </form>
                    <!-- END FORM-->
                </div>
            </div>
        </div>
    </div>
@stop

@section('quick.nav')
@stop

@section('customjs')
    <!-- Custom JS -->
    <script>
        $(function(){
            /* Inisialisasi jenis dokumen */
            $('.lookup-document-type').select2({
                ajax: {
                    url: '{{ URL::site("get_document_type_by_name") }}',
                    dataType: 'json',
                    delay: 250,
                    cache: true,
                    data: function (params) {
                        var query = {
                            term: params.term,
                            type: $('select[name="parent_id"]').val()
                        }

                        return query;
                    },
                    processResults: function (data) {
                        return {
                            results: $.map(data, function (item) {
                                return {
                                    text: item.name,
                                    id: item.id
                                }
                            })
                        };
                    }
                },
                placeholder: "Silahkan Pilih",
                allowClear: true
            });

            var parent = $('select[name="parent_id"]').data('id');
            $.ajax({
                type: 'GET',
                url: '{{ URL::site("get_existing_document_type") }}',
                data: { jenis_peraturan: parent }
            }).then(function (data) {
                data = JSON.parse(data);
                var option = new Option(data.name, data.id, true, true);

                $('select[name="parent_id"]').append(option).trigger('change');
            });
        });
    </script>
@stop