@extends('be.layout-index')
@section('content')
@php
$modul="Risalah Sidang";
$modula="m_sidang";
$id='';
$tanggal='';
$proses='';
$file_pdf='';
$file_audio='';
if(isset($data)){
	$id=$data->id;
	$tanggal=$data->tanggal;
	$proses=$data->proses;
	$file_pdf=$data->file_pdf;
	$file_audio=$data->file_audio;
}
@endphp
<link rel="stylesheet" href="{{asset('media/assets/css/select2.min.css')}}">
<link rel="stylesheet" href="{{asset('media/assets/css/select2-bootstrap.css')}}">
<link href="{{asset('media/assets/css/bootstrap-datetimepicker.min.css')}}" rel="stylesheet">
<div class="row">
   <div class="col-12">
       <div class="card">
           	<div class="card-body">
			
<div class="panel-default">
	<div class="content-box-header  panel-heading">
		<div class="panel-title"></div>
	</div>
	<div class="content-box-large box-with-header">
		<form id=frm name=frm enctype="multipart/form-data" method=post>
			@csrf
			<div class="row">
				<div class="col-sm-12">
					<div class="form-group row required">
						<label class="col-sm-2 control-label">Tanggal</label>
						<div class="col-sm-3 input-group">
							<input type='text' class="form-control" id='tanggal' name=tanggal placeholder="dd/mm/yyyy hh:mm" value="{!!$tanggal!!}"/>
		                    <div class="input-group-append"> 
		                        <span class="input-group-text"><i class="icon-calender"></i></span> 
		                    </div> 
						</div>
					</div>
					<div class="form-group row required">
						<label class="col-sm-2 control-label">Acara</label>
						<div class="col-sm-5">
							<textarea name=proses id=proses class="form-control" rows=4>{!!$proses!!}</textarea>
						</div>
					</div>
					<div class="form-group row">
						<label class="col-sm-2 control-label">File PDF</label>
						<div class="col-sm-7">
							<input type=file name=file_pdf id=file_pdf>
							@php
								if($file_pdf!=''){
									echo '<br><br><a href="'.route("download.be_sd_dk")."/".rawurlencode($file_pdf).'" class="btn btn-primary btn-xs"><i class=" ti-download"></i> Download</a>';
								}
							@endphp
						</div>
					</div>
					<div class="form-group row">
						<label class="col-sm-2 control-label">File Audio</label>
						<div class="col-sm-7">
							<input type=file name=file_audio id=file_audio>
							@php
								if($file_audio!=''){
									echo '<br><br><a href="'.route("download.be_sd_dk")."/".rawurlencode($file_audio).'" class="btn btn-primary btn-xs"><i class=" ti-download"></i> Download</a>';
								}
							@endphp
						</div>
					</div>
				</div>
			</div>
			<br />
			<div class="row">
				<div class="col-sm-6">
					<div class="form-group" style="margin-left:13px">
						<div class="col-sm-offset-2 col-sm-10">
							<input name="id" type="hidden" value="{!!$id!!}" />
							<input name="id_sidang" value="{!!$id_sidang!!}" type="hidden" />
							<input name="id_jenislaporan" type="hidden" value="{!!$id_jenislaporan!!}"/>
							<button type="submit" class="btn btn-primary btn-sm" name="btnSave"><i class='fa fa-save'></i> Simpan</button>
							<a href="javascript:history.back()" class="btn btn-warning btn-sm"><i class='fa fa-repeat'></i> Batalkan</a>
						</div>
					</div>
				</div>
			</div>
		</form>
	</div>
</div>	

			</div>
        </div>
    </div>        
</div>
<script src="{{asset('media/assets/node_modules/moment/moment.js')}}"></script>
<script src="{{asset('media/assets/js/bootstrap-datetimepicker.min.js')}}"></script>
<script>
$(function() {
  $("#frm").validate({
  	errorClass: "errorCssClass",
    rules: {
	  proses: "required"
    },
    messages: {
      proses: "Isikan acara terlebih dahulu"
    },
	errorPlacement: function (error, element) {
        if (element.parent('.input-group').length) { 
            error.insertAfter(element.parent());      // radio/checkbox?
        } else if (element.hasClass('select2')) {    
            error.insertAfter(element.next('span'));  // select2
        } else {         
            error.insertAfter(element);               // default
        }
    },
	highlight: function (element, errorClass, validClass) {
        $(element).addClass(errorClass); //.removeClass(errorClass);
        $(element).closest('.form-group').removeClass('has-success').addClass('has-error');
    },
   	unhighlight: function (element, errorClass, validClass) {
       	$(element).removeClass(errorClass); //.addClass(validClass);
       },
	submitHandler: function(form) {
		if(gosubmit()){
			$("#overlay").fadeIn(300);
			var frm = document.getElementById("frm");
			//frm.submit();
			var formData = new FormData(frm);
			$.ajax({
			    type: "POST",
			    url: "{!!route($modula.'.save_risalah')!!}",
			    data: formData,
			    contentType: false,
			    processData: false,
			    beforeSend: function() {
			    },
			    success: function(msg){
					document.location.href=msg
			    },
			    error: function() {
			    }
			});
		}
	}
  });
});
</script>
<script type="text/javascript">	
    $(function () {
		$('#tanggal').datetimepicker({
		    format:'DD/MM/YYYY HH:mm',
			@if(isset($tanggal))
				date:new Date('{!!$tanggal!!}')
			@endif
		}); 
    });
</script>
<script src="{{asset('media/assets/js/select2.full.js')}}"></script>
<script>
$(".select2").select2();
</script>
@endsection