@extends('layouts.dashboard_admin')
@section('content')

<style>
    select {
        max-width: 100%;
    }

    .select2 {
        width:100%!important;
    }
</style>

<div class="container-widget animated fadeInRight">

    <!-- Start Page Header -->
    <div class="page-header">
        <h1 class="title">Input Data Informasi Publik</h1>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-title"> Upload Dokumen 
                </div>
                <div class="panel-body">
                    <form class="form-horizontal" action="{{ route('dip.store') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="row">
                            <div class="col-md-8">
                                <div class="form-group">
                                    <label for="name" class="col-sm-2 control-label form-label">Judul</label>
                                    <div class="col-sm-12">
                                        <input id="name" type="text" name="judul" class="form-control" value="{{ old('judul') }}" required>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="name" class="col-sm-12 control-label form-label">Jenis Informasi</label>
                                    <select name="jenis" class=" mb-4 pilihan-select2 form-control" data-live-search="true" style="width:auto !important;">
                                        @if (auth()->user()->is_admin == 2)
                                        <optgroup label="Admin">
                                            @foreach ($jenis_admin as $js)
                                            <option value="{{$js->id}}">{{$js->jenis_dip}} | {{$js->kategori}}</option>
                                            @endforeach
                                        </optgroup>
                                        @endif
                                        @foreach ($opd as $penerbit)
                                        <optgroup label="{{$penerbit->penerbit_dip}}">
                                            @foreach ($jenis as $jen)
                                            @if ($penerbit->id == $jen->user->penerbit->id)
                                            <option value="{{$jen->id}}">{{$jen->jenis_dip}} | {{$jen->kategori}}</option>
                                            @endif
                                            @endforeach
                                        </optgroup>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            
                            
                        </div>
                        <div class="row">
                            <div class="col-md-8">
                                <div class="form-group">
                                    <label for="info" class="col-sm-6 control-label form-label">Kandungan Informasi</label>
                                    <div class="col-sm-12">
                                        <textarea name="informasi" id="info" cols="5" rows="5" class="form-control">{{ old('informasi') }}   </textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                {{-- Hapus --}}
                                {{-- <div class="form-group">
                                    <label for="name" class="col-sm-2 control-label form-label">Type</label>
                                    <div class="col-sm-12">
                                        <select class="form-control" name="type" required>
                                            <option value="">--Pilih Type--</option>
                                            <option value="audio">Audio</option>
                                            <option value="video">Video</option>
                                            <option value="teks">Teks</option>
                                        </select>
                                    </div>
                                </div> --}}
                                <div class="form-group">
                                    <label for="name" class="col-sm-6 control-label form-label">File Name</label>
                                    <div class="col-sm-12">
                                        <input id="name" type="file" name="file" class="form-control-file">
                                    </div>
                                    <label for= "name" class="col-sm-8 control-label form-label">(Max 10MB jpeg,jpg,png,pdf)</label>
                                </div>
                                
                                <div class="form-group">
                                    <label for="featured">Link</label>
                                    <input type="text" name="link" class="form-control">
                                </div>

                                <div class="form-group">
                                    <label for="name" class="col-sm-6 control-label form-label">Status Dokumen</label>
                                    <div class="col-sm-12">
                                        <select class="form-control" name="status" required>
                                            <option value="">--Pilih Status--</option>
                                            <option value="draft">Draft</option>
                                            <option value="publik">Publik</option>
                                            <option value="simpan">Simpan</option>
                                        </select>
                                    </div>
                                </div>

                                {{-- Tempat Pembuatan --}}
                                <div class="form-group">
                                    <label for="name" class="col-sm-6 control-label form-label">Tempat Pembuatan</label>
                                    <div class="col-sm-12">
                                        <select class="form-control" name="tempat_pembuatan" required>
                                            <option value="">--Pilih Kota--</option>
                                            @foreach ($kotas as $item)
                                            <option value="{{$item['city_name']}}">{{$item['city_name']}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                {{-- Tahun pembuatan --}}
                                <div class="form-group">
                                    <label for="name" class="col-sm-6 control-label form-label">Tahun Pembuatan</label>
                                    <div class="col-sm-12">
                                        <input type="date" id="date-years" name="tahun_pembuatan" class="form-control" />
                                    </div>
                                </div>
                                {{-- Format Informasi --}}
                                <div class="form-group">
                                    <label for="name" class="col-sm-12 control-label form-label">Format Informasi</label>
                                    <div class="col-sm-12">
                                        <textarea class="form-control" name="format_informasi"></textarea>
                                    </div>
                                </div>
                                {{-- Jangka Waktu --}}
                                <div class="form-group">
                                    <label for="name" class="col-sm-12 control-label form-label">Jangka Waktu Penyimpanan</label>
                                    <div class="col-sm-12">
                                        {{-- <textarea class="form-control" name="jangka_waktu"></textarea> --}}
                                        <select class="form-control" name="jangka_waktu" required>
                                            <option value="">--Pilih Jangka Waktu--</option>
                                            <option value="1 Tahun">1 Tahun</option>
                                            <option value="2 Tahun">2 Tahun</option>
                                            <option value="3 Tahun">3 Tahun</option>
                                            <option value="4 Tahun">4 Tahun</option>
                                            <option value="5 Tahun">5 Tahun</option>
                                        </select>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-8">  

                                {{-- Penanggung Jawab --}}
                                <div class="form-group">
                                    <label for="name" class="col-sm-12 control-label form-label">Penanggung Jawab</label>
                                    <div class="col-sm-12">
                                        <textarea class="form-control" name="penanggung_jawab"></textarea>
                                    </div>
                                </div>
                                {{--
                                @if (auth()->user()->is_admin == 2 || auth()->user()->is_admin == 1)
                                <div class="form-group">
                                    <label for="name" class="col-sm-6 control-label form-label">Terbitkan Sebagai</label>
                                    <div class="col-sm-12">
                                        <select class="form-control" name="opd" required>
                                            <option value="">--Pilih--</option>
                                            @foreach (\App\Penerbitdip::all() as $pendip)
                                            <option value="{{$pendip->id}}">{{$pendip->penerbit_dip}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                @else 
                                <div class="form-group">
                                    <label for="name" class="col-sm-6 control-label form-label">Terbitkan Sebagai</label>
                                    <div class="col-sm-12">
                                        <input type="hidden" name="opd" value="{{auth()->user()->Penerbit->id}}" readonly class="form-control">
                                        <input type="text"   value="{{auth()->user()->Penerbit->penerbit_dip}}" readonly class="form-control">
                                    </div>
                                </div>
                                @endif
                                --}}
                                <div class="form-group" style="{{ auth()->user()->is_admin !== 2 ? 'display:none;': 'display:none;'}}">
                                    <input type="radio" name="info" 
                                    {{ auth()->user()->is_admin == 0 ? 'checked' : ''}} value="opd"> OPD
                                    <input type="radio" name="info" 
                                    {{ auth()->user()->is_admin == 1 ? 'checked' : ''}} value="provinsi"> PROVINSI
                                    <input type="radio" name="info" 
                                    {{ auth()->user()->is_admin == 2 ? 'checked' : ''}} value="all"> ALL
                                    <input type="radio" name="info" 
                                    {{ auth()->user()->is_admin == 3 ? 'checked' : ''}} value="opd"> Kab/Kota
                                </div>
                            </div>
                            <div class="col-md-4">  
                                <div class="form-group">
                                    <div class="text-center"><br>
                                        <button class="btn btn-success" type="submit">Proses</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>        
</div>


@endsection

@push('scripts')

    <!-- Bootstrap WYSIHTML5 --> 
    <script type="text/javascript" src="{{asset('asset_admin/html/js/bootstrap-wysihtml5/wysihtml5-0.3.0.min.js')}}"></script><!-- main file --> 
    <script type="text/javascript" src="{{asset('asset_admin/html/js/bootstrap-wysihtml5/bootstrap-wysihtml5.js')}}"></script><!-- bootstrap file --> 
    <!-- Tinymce --> 
    <script type="text/javascript" src="{{asset('asset_admin/html/js/tinymce/tinymce.min.js')}}"></script>
    <!-- MetisMenu --> 
    <script type="text/javascript" src="{{asset('asset_admin/html/js/metismenu/metisMenu.min.js')}}"></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script>
        $(document).ready(function () {
            $(".pilihan-select2").select2();
            if(jQuery("#info").length > 0){
                tinymce.init({
                    selector: "textarea#info",
                    theme: "modern",
                    height:300,
                    plugins: [
                    "advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker",
                    "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
                    "save table contextmenu directionality emoticons template paste textcolor"
                    ],
                    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | l      ink image | print preview media fullpage | forecolor backcolor emoticons",
                    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'}
                    ]
                });
            }
        });
    </script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/js/bootstrap-select.min.js"></script>
@endpush