<?xml version="1.0" encoding="UTF-8"?>

<?xml-stylesheet href="foaf-xforms.css" type="text/css"?>

<html:html xmlns="http://www.w3.org/2002/xforms/cr" 
	xmlns:ev="http://www.w3.org/2001/xml-events" 
	xmlns:html="http://www.w3.org/1999/xhtml" 
	xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" 
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:foaf="http://xmlns.com/foaf/0.1/"
	xmlns:an="http://rdf.desire.org/vocab/recommend.rdf#"
	xmlns:lang="http://purl.org/net/inkel/rdf/schemas/lang/1.1#">

	<html:head>
		<html:title>FOAF codepiction in XForms</html:title>
		<model id="foaf">
			<instance src="./Xforcodepict.rdf" id="default"/>
			<bind nodeset="foaf:Person/foaf:name" calculate="concat(../foaf:givenname , ' ' , ../foaf:family_name)"/>
			<bind nodeset="rdf:Description/dc:creator/foaf:Person/foaf:name" calculate="concat(../foaf:givenname , ' ' , ../foaf:family_name)"/>
			<bind ref="rdf:Description[@rdf:id='thePic']/@rdf:about" calculate="instance('default')/rdf:Description/an:annotates/@rdf:resource"/>
			<bind nodeset="foaf:Person/foaf:depiction/@rdf:resource" calculate="instance('default')/rdf:Description[@rdf:id='thePic']/@rdf:about" />
			<submission action="./codepiXt.rdf" id="submit1" method="put"/> 
		</model>
	</html:head>
	<html:body>
  <h1>Codepiction with XForms</h1>

      <h2>About You</h2>


	<group>
		<input ref="rdf:Description[@rdf:id='thisDoc']/dc:creator/foaf:Person/foaf:mbox/@rdf:resource" class="uri">
		<label>Your email address - !!No sha1 yet :(</label>
		</input>

		<input ref="instance('default')/rdf:Description[@rdf:id='thisDoc']/dc:creator/foaf:Person/foaf:givenname" class="uri">
			<label>Your given name</label>
		</input>

		<input ref="instance('default')/rdf:Description[@rdf:id='thisDoc']/dc:creator/foaf:Person/foaf:family_name" class="uri">
			<label>Your family name or surname</label>
		</input>
	</group>

<h2>About the picture</h2>

	<group>
		<input ref="instance('default')/rdf:Description[@rdf:id='thisDoc']/an:annotates/@rdf:resource" class="uri">
			<label>A URI for a picture</label>
		</input>

		<input ref="instance('default')/rdf:Description[@rdf:id='thePic']/foaf:thumbnail/@rdf:resource" class="uri">
			<label>A URI for a thumbnail of the picture</label>
		</input>
	</group>
	<group>
		<input ref="instance('default')/rdf:Description[@rdf:id='thePic']/dc:title" class="uri">
			<label>The title of the picture</label>
		</input>

		<textarea ref="instance('default')/rdf:Description[@rdf:id='thePic']/dc:description" class="uri">
			<label>A description of the picture</label>
		</textarea>
	</group>
<!-- I want to include an image and update its attributes according to data entered. this ain't how %-\
	<html:img src="./default.png" alt="a dummmy image" />
	<bind ref="html:img/@src" calculate="instance('default')/rdf:Description[@rdf:id='thePic']/@rdf:about" />
	<bind ref="html:img/@alt" calculate="instance('default')/rdf:Description[@rdf:id='thePic']/dc:title" />
-->

<html:h3>Who took it?</html:h3>

	<group>
		<input ref="instance('default')/rdf:Description[@rdf:id='thePic']/dc:creator/foaf:Person/foaf:mbox/@rdf:resource" class="uri">
		<label>Your email address - !!No sha1 yet :(</label>
		</input>

		<input ref="instance('default')/rdf:Description[@rdf:id='thePic']/dc:creator/foaf:Person/foaf:givenname" class="uri">
			<label>Your given name</label>
		</input>

		<input ref="instance('default')/rdf:Description[@rdf:id='thePic']/dc:creator/foaf:Person/foaf:family_name" class="uri">
			<label>Your family name or surname</label>
		</input>
	</group>



	<h3>In the picture...</h3>
	<group>
		<trigger>
			<label>Add another person</label>
			<insert at="index('repeat-knows')" ev:event="xforms-activate" nodeset="instance('default')/foaf:Person" position="after"/>
		</trigger>
		<trigger>
			<label>Delete a person</label>
			<delete at="index('repeat-knows')" ev:event="xforms-activate" nodeset="instance('default')/foaf:Person"/>
		</trigger>
	</group>
	<repeat nodeset="instance('default')/foaf:Person" id="repeat-knows">
		<group class="section">
			<h4>Person</h4>
			<group>
				<input ref="foaf:mbox/@rdf:resource" class="uri">
					<label>email address (no sha1 yet)</label>
				</input>

				<input ref="foaf:givenname" class="uri">
				<label>Their given name</label>
				</input>

				<input ref="foaf:family_name" class="uri">
				<label>Their family name or surname</label>
				</input>
			</group>
		</group>
	</repeat>
	<group>
	<input ref="submission/@action" class="uri">
		<label>URI to PUT results to</label>
	</input>
	<submit submission="submit1">
		<label>Generate the RDF</label> 
	</submit>
	</group>			
	</html:body>
</html:html>