<%
    {my $mod = $ENV{REQUEST_URI} =~ m,^/ws-ui, ? "ui" : "obfui" ;eval("use " . $mod . "::cmn;");}; #import proper module

    my ($html,$cfgref,$prj,$is_creation,%options) = @_;

    #declare vars that were passed to 'page-prjoptions'
    my $typehtml = $html;
    my $s = $options{s};
    my $filename = $options{filename};

%>

<% $forge->include('wgt-load-semanticui') %>
<% $forge->include('wgt-init-filesysbrowser',$cfgref) %>

<div class="main ui container">
<div class="ui segment">
    <% $forge->include('wgt-semui-header', $is_creation ?  __('Creating new project') : __('Editing project options') ) %>

    <form class="ui form" method=post enctype="multipart/form-data" id=mainform>
    <input type=hidden name=havevals value=1>

	<div class="field">
    	    <div class=" fluid field required">
		<label><%$ __("Project title:") . tooltip("prj.title") %></label>
		<input value="<%= $prj->{title} %>" required name="title"  placeholder="<%= __('My project title') %>" type="text">
	    </div>

        </div>


	<div class=" fields">

    	    <div class="eight wide field required">
		<label><%$ __("Input directory:") . tooltip("prj.indir")  %></label>
		<div class="ui action input">
		    <input required name="indir"  id=indir value="<%= $prj->{indir} %>"
			placeholder="<%= $^O =~ /Win/ ? 'c:\\work\project1\\in' :  "$ENV{HOME}/work/project1/in"  %>" type="text">
		    <button class="ui icon button" id="indir_btn" dataset-id="indir">
			<i class="folder icon"></i>
		      </button>
		</div>
	    </div>

    	    <div class="eight wide field required">
		<label><%$ __("Output directory:") . tooltip("prj.outdir") %></label>
		<div class="ui action input">
		    <input required name="outdir"  id=outdir placeholder="../out" type="text" 
				 value="<%= $prj->{outdir} %>">
		    <button class="ui icon button"  id="outdir_btn" dataset-id="outdir">
			<i class="folder icon"></i>
		      </button>
		</div>
	    </div>


        </div>



	<div class="fields">
        	<button class="ui  primary wide button"><i class="ui icon upload"></i>
		 <%= $is_creation ?  __('Create') : __('Save') %>  </button>
	</div>

<div>&nbsp;</div>

<div class="ui accordion container">
    <div class="title"><i class="dropdown icon"></i><%= __('Advanced options') %></div>
    <div class="content">
	<div class="equally spaced fluid fields">


    	    <div class="eight wide field">
		<label><%$  __("Commandline to run BEFORE building project:") . tooltip('prj.precmdline') %></label>
		<div class="ui  input">
		    <input  name=precmdline placeholder="<%= __('enter command line here') %>" type="text"
			value="<%= $prj->{precmdline} %>" >
		</div>
	    </div>

    	    <div class="eight wide field">
		<label><%$  __("Commandline to run AFTER building project:") . tooltip('prj.postcmdline') %></label>
		<div class="ui  input">
		    <input  name=postcmdline placeholder="<%= __('enter command line here') %>" type="text"
			value="<%= $prj->{postcmdline} %>" >
		</div>
	    </div>	    
	</div>

<% if (length($html)) { %>
	<div class="inline fields">
    	    <div class="field">
		<label><%$ __('File copy method') . tooltip('prj.filecopy_method') %></label>
		<%$ $html %>
	    </div>
	</div>

<% } %>

	<div class="field fluid">
	    <label><%$ __("Project description:") . tooltip('prj.description') %></label>
<% 
       my $placeholder = "Put project description here. HTML markup allowed, including links. It will be shown as tooltip in Project &rArr; Open screen";
%>
	    <textarea  name=description  rows="5" placeholder="<%$ $placeholder %>"><%= $prj->{description} %></textarea>
	</div>



<% if (!$is_creation) { %>
    <div>&nbsp;</div>

    <div>
	<i class="icon folder"></i>
	<%= __('The project file is stored in file named: ') %>
	<tt><%= $filename%></tt>
	<%= __('You can safely copy content of the directory it resides in to backup or move all your projects to another computer.') %>
    </div>


    <div>&nbsp;</div>

    <% $forge->include('wgt-gobtn',__('Delete this project'), 
	"project.delete",'confirm',
	__('Do you really wish to delete this project?'), 'class'=>'button-wide' ) %>
    <p>

<% } %>


    </div> <!-- accordion content-->
</div> <!-- -->

    </form>


</div> <!-- segment -->
</div> <!-- container -->

<% $forge->include('wgt-page-prjoptions-pickdirjs') %>
