@extends('layout.master')
@section('parentPageTitle', 'Media')
@section('title', 'Edit Media')


@section('content')
<div class="section-body mt-3">
        <div class="container-fluid">
            <div class="card">
                <div class="card-body">
                    <form method="post" action="{{ route('luaran.pengmas.media.update', $media->media_id) }}" enctype="multipart/form-data">
                    @csrf
                        @if(Session::has('alert'))
                            <div class="alert alert-danger">
                                <div><button type="button" class="close" data-dismiss="alert"></button> &nbsp;&nbsp; {{Session::get('alert')}}</div>
                            </div>
                        @endif
                            <div class="col-lg-10 col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label for="pilih_hibah" class="col-sm-12 col-form-label">Pilih Jenis</label>
                                    <select name="pilih_hibah" id="pilih_hibah" class="form-control">
                                        <option value="0">Non Hibah</option>
                                        <option value="1">Hibah</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row clearfix">
                                <div class="col-md-2 col-sm-12" id="filter_tahun">
                                    <div class="form-group">
                                        <label for="filterHibahPelaksanaan" class="col-sm-12 col-form-label">Pilih Tahun<span class="required" style="color: red;"> *</span></label>
                                        <select name="filterHibahPelaksanaan" id="filterHibahPelaksanaan" class="form-control">
                                            <option value="">-- Pilih Tahun --</option>
                                            @for($i=2019;$i<2030;$i++)
                                            <option value="{{$i}}">{{$i}}</option>
                                            @endfor
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-8 col-sm-12" id="filter_hibah">
                                    <div class="form-group">
                                        <label for="filterHibahOption" class="col-sm-12 col-form-label">Pilih Hibah<span class="required" style="color: red;"> *</span></label>
                                        <select name="hibah_id" id="filterHibahOption" class="form-control">
                                            
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <input type="hidden" name="tahun_selected" value="{{$tahun_hibah}}" id="tahun_selected">
                            <input type="hidden" name="hibah_id_selected" value="{{$id_hibah}}" id="hibah_id_selected">
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="judul" class="col-sm-3 col-form-label">Judul<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="judul" class="form-control col-sm-10" placeholder="Judul Media" value="{{ $media->judul }}">
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="jenis_media">Jenis Media<span class="required" style="color: red;"> *</span></label>
                                    <select name="jenis_media" id="jenis_media" class="form-control col-sm-10">
                                        <option value="Media Massa" {{ ($media->jenis_media == "Media Massa") ? "selected" : "" }}>Media Massa</option>
                                        <option value="Video" {{ ($media->jenis_media == "Video") ? "selected" : "" }}>Video</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12 col-jenis_media_massa">
                                <div class="form-group">
                                    <label for="jenis_media_massa">Jenis Media Massa<span class="required" style="color: red;"> *</span></label>
                                    <select name="jenis_media_massa" class="form-control col-sm-10">
                                        <option value="Cetak" {{ ($media->jenis_media_massa == "Cetak") ? "selected" : "" }}>Cetak</option>
                                        <option value="Online" {{ ($media->jenis_media_massa == "Online") ? "selected" : "" }}>Online</option>
                                        <option value="Repository PT" {{ ($media->jenis_media_massa == "Repository PT") ? "selected" : "" }}>Repository PT</option>
                                    </select>
                                </div>
                            </div>
                            @if($media->file_media != null)
                            <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label for="file_media" class="col-sm-3 col-form-label"><b>Uploaded Dokumen</b></label>
                                    <div class="col-sm-12">
                                        <a href="{{ asset('upload/media/'.$media->file_media) }}"><i class="fa fa-paperclip"></i>&nbsp;{{ $media->file_media }}</a>
                                    </div>
                                </div>
                            </div>
                            @endif
                            <div class="col-lg-12 col-md-12 col-sm-12 col-file_media">
                                <div class="form-group">
                                    <label for="file_media" class="col-sm-4 col-form-label">Unggah File Media Massa </label>
                                    <div class="col-sm-12">
                                        <input type="file" id="file_media" name="file_media" class="form-control col-sm-10">
                                    </div>
                                    <ul>
                                        <li>
                                            <p>Format file untuk diunggah adalah ekstensi JPG/PNG/DOC/PDF</p>
                                        </li>
                                        <li>
                                            <p>Ukuran maksimal file adalah 5 MB</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label for="url_media" class="col-sm-3 col-form-label">URL Media<span class="required" style="color: red;"> *</span></label>
                                    <input type="url" name="url_media" class="form-control col-sm-10" placeholder="URL Media" value="{{ $media->url_media }}">
                                </div>
                            </div>

                            @if(isset($flag))
                            <input type="hidden" name="flag" value="{{$flag}}" id="tahun_selected">
                            @endif

                            <div class="col-10">
                                <div align="right">
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="history.back();">Kembali</button>
                                    <button type="submit" class="btn btn-primary">Simpan</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>            
    </div>
@stop

@section('page-styles')
<link rel="stylesheet" href="{{ asset('assets/plugins/sweetalert/sweetalert.css') }}">
<link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css') }}">

@stop

@section('page-script')
<script src="{{ asset('assets/plugins/sweetalert/sweetalert.min.js') }}"></script>

<script src="{{ asset('assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }}"></script>
<script src="{{ asset('assets/js/core.js') }}"></script>
<script src="{{ asset('assets/js/page/dialogs.js') }}"></script>
<script>
    var jenis_media = $('#jenis_media').val();

    $(document).ready(function(){
        var filterHibahPelaksanaan = $("#filterHibahPelaksanaan").val();

        if(filterHibahPelaksanaan != ""){
            document.getElementById("pilih_hibah").value="1";
        } else {
            $("#filter_tahun").hide();
            $("#filter_hibah").hide();
        }

        if( jenis_media == "Video"){
            $('.col-jenis_media_massa').hide();
        } else {
            $('.col-jenis_media_massa').show();
        }
    });

    function hibah_show(){
        var pilih_hibah = $('#pilih_hibah').val();
        if(pilih_hibah == "0"){
            $("#filter_tahun").hide();
            $("#filter_hibah").hide();
            document.getElementById("filterHibahPelaksanaan").value="";
            document.getElementById("filterHibahOption").value="";
        } else {
            document.getElementById("filterHibahPelaksanaan").value="";
            $("#filter_tahun").show();
        }
    }

    $("#pilih_hibah").change(function(){
        hibah_show();
    });
</script>
@stop