@extends('admin.layouts.index')
@section('title', 'Halaman Admin SI PeSSUT')
@section('judul', 'Samarinda Dalam Angka')
@section('subjudul', 'Tambah Data Samarinda Dalam Angka')
@section('konten')
    <div class="container-widget animated fadeInRight">

    <div class="panel panel-default">
        <div class="panel-title">Tambah Data</div>
        <div class="panel-body">
            {!! Form::open(
                ['route'  => ['admin.simdasi.update', $dataSimdasi->id],
                'method' => 'post',
                'class'  => 'form-horizontal']) !!}
                @csrf
                <div class="form-group{{ $errors->has('element_data') ? ' has-error' : '' }}">
                    {{ Form::label('element_data', null, ['class' => 'col-sm-2 control-label form-label']) }}
                    <div class="col-sm-10">
                        {{ Form::text('element_data', $dataSimdasi->element_data, ['class' => 'form-control', 'placeholder' => 'Element Data', 'id' => 'input_element_data', 'autofocus']) }}
                    </div>
                </div>

                @if(Auth::user()->group->nama == 'Administrator')
                <div class="form-group{{ $errors->has('opd_id') ? ' has-error' : '' }}">
                    {{ Form::label('nama_opd', null, ['class' => 'col-sm-2 control-label form-label']) }}
                    <div class="col-sm-10">
                        {{ Form::select('opd_id', $opds, $dataSimdasi->opd_id, ['class' => 'form-control', 'placeholder' => 'OPD...', 'data-live-search' => 'true']) }}
                    </div>
                </div>
                @endif

                <div class="row">
                        <div class="col-lg-10">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-lg-12">
                                        <label>Pilih Tata letak Table</label>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="radio radio-danger">
                                            <input type="radio" name="tamplate_table" id="template_std" class="layout_table" value="1">
                                            <label for="template_std"> {!! Html::image(asset('admin/img/table/table-1.jpg'), null, ['class'=> 'img-rounded img-responsive', 'width' => '90%']) !!}</label>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="radio radio-danger">
                                            <input type="radio" name="tamplate_table" id="template_slt" class="layout_table" value="2">
                                            <label for="template_slt"> {!! Html::image(asset('admin/img/table/table-2.jpg'), null, ['class'=> 'img-rounded img-responsive', 'width' => '90%']) !!}</label>
                                        </div>
                                    </div>
                                    
                                </div>
                                
                            </div>
                        </div>
                    </div>

                <div class="form-group">
                    {{ Form::label('capaian', null, ['class' => 'col-sm-2 control-label form-label']) }}
                    <div class="col-sm-10">
                        {!! Form::textarea('capaian', $dataSimdasi->capaian, ['id' => 'input_capaian', 'class' => 'form-control']) !!}
                        <span class="help-block">
                            <strong>Nb:</strong> jika ada table yang telah di buat sebelumnya dapat digunakan dengan meng <strong><i>copy-paste</i></strong> pada form capaian tersebut
                        </span>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-10">
                        <input type="submit" class="btn btn-default">
                    </div>
                </div>

            {!! Form::close() !!}
        </div>
    </div>

</div>
@push('style')
<script>
    jQuery(document).ready(function () {
        if(jQuery("#input_capaian").length > 0){
            tinymce.init({
                selector: "textarea#input_capaian",
                theme: "modern",
                height:300,
                plugins: [
                "advlist lists charmap preview hr spellchecker",
                "searchreplace wordcount visualblocks visualchars insertdatetime",
                "table contextmenu directionality paste textcolor"
                ],
                toolbar: "undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent",
                style_formats: [
                {title: 'Bold text', inline: 'b'},
                {title: 'Red text', inline: 'span', styles: {color: '#ff0000'}},
                {title: 'Red header', block: 'h1', styles: {color: '#ff0000'}},
                {title: 'Example 1', inline: 'span', classes: 'example1'},
                {title: 'Example 2', inline: 'span', classes: 'example2'},
                {title: 'Table styles'},
                {title: 'Table row 1', selector: 'tr', classes: 'tablerow1'}
                ]
            });
        }

        jQuery(document).on('click','.layout_table', function(e){
                var id = jQuery(this).val();
                
                jQuery.ajax({
                    type	 : 'get',
                    url		 : "{{ url('admin/simdasi/table') }}",
                    data	 : {id:id},
                    typeData : 'json',
                    success:function(data)
                    {
                        console.log(data)
                        tinymce.activeEditor.setContent(data);
                        
                    }
                })
            })
    });
</script>
@endpush
@endsection