@extends('layout.master')
@section('parentPageTitle', 'Media')
@section('title', 'Tambah 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.store')}}" 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 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">
                                </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 Massa</option>
                                        <option value="Video">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" id="jenis_media_massa" class="form-control col-sm-10">
                                        <option value="Cetak">Cetak</option>
                                        <option value="Online">Online</option>
                                        <option value="Repository PT">Repository PT</option>
                                    </select>
                                </div>
                            </div>
                            <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">
                                </div>
                            </div>

                            <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>
    $(document).ready(function() {
        hibah_show();

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

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