@extends('admin.component.layout')
@section('extended_css')
<link rel="stylesheet" href="{{ url('/') }}/tag_input/bootstrap-tagsinput.css">
<script>
    var BASE_URL = "{{ url('/') }}/";
</script>
@stop
@section('content')
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <h6 class="card-title">Upload File</h6>
                <form method="POST" action="{{ route('PublikasiSave') }}" enctype="multipart/form-data">
                    {{ csrf_field() }}
                     @if (Session::has('success'))
                        <div class="alert alert-success">
                            {{ Session::get('success') }}
                        </div>
                    @endif
                    @if ($data != '')
                    <input type="hidden" name="id" value="{{$data->id_file}}">
                    @endif
                    <div class="row">
                        <div class="col-md-12">
                           

                            <div class="form-group">
                                <label class="form-control-label">Nama File</label>
                                <input class="form-control judul" type="text" required="" name="nama_file" @if (!empty($data)) value="{{$data->nama_file}}" @endif>
                            </div>

                 
                            
                            <div class="form-group">
                                <label class="form-control-label" style='font-weight:bold;color:black'>File :</label>
                               @if (!empty($data)) 
                                <a href="{{url('resources/file/'.$data->file)}}" target="_blank">{{ url('resources/file/'.$data->file) }}</a>
                               @endif
                                <div class='clearfix' style='padding-bottom:5px'></div>
                                <input type="file" class="upload"  name="gambar" accept="application/pdf,application/vnd.ms-excel,image/*" class="form-control input-sm col-md-7 col-xs-12" style='border-color:#4a9e3c;color:#4a9e3c'>
                               @if (!empty($data)) 
                                <small>* kosongi jika tidak ingin mengganti</small>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="py-3">
                        <a href="{{ route('Publikasi') }}" class="btn btn-warning btn-cancel"><i class="fa fa-chevron-left fs-14 m-r-5"></i> Kembali</a>
                        <button type="submit" class="btn btn-primary btn-submit float-right">Simpan <i class="fa fa-save fs-14 m-l-5"></i></button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@stop
@section('extended_js')

<script src="{{ url('/') }}/tag_input/bootstrap-tagsinput.js"></script>
<script src="{{ url('/') }}/tag_input/bootstrap3-typeahead.js"></script>
<script type="text/javascript" src="{{ url('resources/ckeditor/ckeditor.js') }}"></script>

{{-- <script src="{!! url('assets/ckeditor1/ckeditor.js') !!}"></script> --}}
{{-- <script src="{!! url('assets/ckeditor1/adapters/jquery.js') !!}"></script> --}}
<script type="text/javascript">
  var onLoad = (function() {
      $('#panel-form').animateCss('bounceInUp');
  })();
   
    $('.permalink').on('click',function(){
        var desired = $('.judul').val().replace(/[^\w\s]/gi, '')
        var slug = desired.split(' ').join('-');
        $('.permalink').val(slug.toLowerCase());
    });

  function loadFilePhoto(event) {
      var image = URL.createObjectURL(event.target.files[0]);
      $('#preview-photo').fadeOut(function(){
          $(this).attr('src', image).fadeIn().css({
              '-webkit-animation' : 'showSlowlyElement 700ms',
              'animation'         : 'showSlowlyElement 700ms'
          });
      });
  };

</script>
@stop