<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

<h:head>
    <f:facet name="first">
        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
        <!-- Obsolète : apple-mobile-web-app-capable. Remplacé par mobile-web-app-capable -->
        <meta name="mobile-web-app-capable" content="yes"/>
        <link rel="icon" type="image/x-icon" href="#{resource['images/favicon.ico']}"/>
    </f:facet>
    
    <title>
        <ui:insert name="title">UnionFlow</ui:insert>
    </title>
    
    <h:outputStylesheet name="freya-layout/css/primeflex.min.css"/>
    <h:outputStylesheet name="freya-layout/css/primeicons.css"/>
    <h:outputStylesheet name="primefaces-freya-blue-light/theme.css"/>
    
    <style>
        body {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            margin: 0;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        }
    </style>
    
    <ui:insert name="head"/>
</h:head>

<h:body>
    <ui:insert name="content">
        <!-- Public page content -->
    </ui:insert>
    
    <ui:insert name="scripts"/>
</h:body>

</html>