<% use ui::cmn; my ($prj,$outdir,$cfgref) = @_;  
my $props_prefix = "createdmg_";

%>


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

<div class="main ui container">
 <div class="ui segment">
    <% $forge->include('wgt-semui-header', __('Creating Mac OS X Disk Image (.DMG) Installer') ) %>
    <form class="ui form"   id=mainform>
	<input type=hidden name=havevals value=1>
	<input type=hidden name=indir value="<%= $prj->{indir} %>" id=indir>



	<% $forge->include('wgt-browseoutfn-semui', $prj, $props_prefix, 'installer.dmg'), qw(width_of_fn four   width_of_dir four) %>

    	    <div class=" four wide field required">
		<label><i class="ui NOicon file outline"></i>
		    <%$ __("Volume name") . tooltip($props_prefix . 'dmg_volname')  %></label>
		<div class="ui input">
		    <input required name="dmg_volname"   value="<%= $prj->{opts}->{$props_prefix . 'dmg_volname'} || "My product" %>"  type="text">
		</div>
	    </div>

    	    <div class="four wide fluid field">
		<label>&nbsp;</label>
                <button class="ui fluid primary wide button"><i class="ui icon apple"></i>
                 <%=   __('Create DMG')  %>  </button>
    	    </div>

	</div> <!-- of .fields started by wgt-browseoutfn-semui -->





<p>
<div class="setting-hint">
<i class="icon idea"></i>
<%$ __('It\'s recommended to produce the prototype just for Mac before creating installer. Also it\'s recommended to do <a href=pack.optimize class=noul>Optimize &amp; Pack Prototype&rArr;Optimize directory structure</a> first before generating Mac Disk Image.') %>
</div>
<p>


    </form>
 </div>
</div>









<div class="ui accordion container">

    <div class="title"><i class="dropdown icon"></i><%= __('Why use this?') %></div>
    <div class="content">
	<%$ $tipdata{"menu.pack.create-osx-dmg"} %>
    </div>
</div>




















