@extends('process.view.view', [
	'selected' => 'file',
	'process_id' => $info_process->process_id,
])

@include('html.header.select2')
@include('html.header.fileupload')
@include('html.header.edm-ajax')
@include('html.header.input')

@push('css')
<link rel="stylesheet" type="text/css" href="/css/register.css"/>
@endpush

@push('head')
<style type="text/css">
	.section-content h4.title{max-width:688px;}
	.section-register.files{margin-bottom:40px;}
	.section-register-cont{max-width:688px;margin-left:auto;margin-right:auto;}
</style>
<script type="text/javascript">
	$(document).ready(function() {
		$('form[name=form_view]').submit(function() {
			var fileupload = $(this).find('.ui-fileupload').data('fileupload');
			var form_data = $(this).serializeObject();
	        form_data.json = true;


	        var el_success_msg = 'Saving file has been completed.';
	        var files = $(this).find('.ui-fileupload input[name="file_id[]"]');
	        if (files.length > 0 && files.filter('[value=""]').length > 0) {
	        	el_success_msg = 'File upload is starting.';
	        }

			// update or delete
			$.edm_ajax({
				url:'{{ URL::route('process.file.update', $info_process->process_id) }}',
				data:form_data,
				closeDelay:1000,
				el_proc_msg:'Saving file is in progress.',
				el_success_msg:el_success_msg,
				el_fail_msg:'Changing file is unsuccessful.',
				success:function(el, data) {
					setTimeout(function() {
						fileupload.startUpload();
					}, el.data('edm_ajax_setting').closeDelay);
				}
			});
			return false;
		});
	});
</script>
@endpush

@section('ui-content')
	<div class="section-content">
		<form method="POST" name="form_view">
			<input type="hidden" name="_token" value="{{ csrf_token() }}"/>
			<div class="section-register files">
				<h4 class="title">{{ strtoupper(Lang::get('process.word.file_uploads')) }}</h4>
				<div class="section-register-cont">
					@include('template.process.register.fileupload', [
						'process_id' => $info_process->process_id,
						'code_country' => $info_process->code_country,
						'code_uhaktype' => $info_process->code_uhaktype,
						'code_uhakcourse' => $info_process->code_uhakcourse,
						'file' => $info_process->file
					])
				</div>
			</div>
			<div class="section-register text-center">
				<button type="button" class="btn btn-action btn-inverse" onclick="window.close()">{{ Lang::get('process.word.close') }}</button>
				<button type="submit" class="btn btn-action btn-success btn-submit">{{ Lang::get('process.word.save') }}</button>
			</div>
		</form>
	</div>
@endsection