<div class="amui-l-app-layout">
<nav class="amui-o-top-bar navbar">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#top-bar-collapse" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="amui-o-top-bar__logo amui-m-navbar-logo navbar-brand" href="index.html">
<h1 class="amui-a-brand-logo is--light">Bienvenue Aix-Marseille université</h1>
<span class="amui-m-navbar-logo__heading-title">Si AMU</span>
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="top-bar-collapse">
<ul class="amui-o-top-bar__nav navbar-nav navbar-right">
<li class="amui-o-top-bar__nav-list-item">
<a class="amui-m-nav-icon is--inner-text-inline-block" href="#">
<i class="material-icons md-24">account_circle</i>
<span class="amui-m-nav-icon__inner-text">Utilisateur</span>
</a>
</li>
<li class="amui-o-top-bar__nav-list-item">
<a class="amui-m-nav-icon" href="http://ent.univ-amu.fr">
<span class="amui-m-nav-icon__inner-text">ENT</span>
</a>
</li>
<li class="amui-o-top-bar__nav-list-item">
<a class="amui-m-nav-icon" href="info.html">
<i class="material-icons md-24">help</i>
</a>
</li>
<li class="amui-o-top-bar__nav-list-item amui-m-btn-dropdown dropdown dropdown--parent">
<a class="amui-m-nav-icon is--inner-text-inline-block dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<i class="material-icons md-24">settings</i>
<span class="amui-m-nav-icon__inner-text">Admin</span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li>
<a href="#">Visites</a>
</li>
<li>
<a href="#">Paramétrages</a>
</li>
<li>
<a href="#">Listes</a>
</li>
<li>
<a href="#">Historique</a>
</li>
</ul>
</li>
<li class="amui-o-top-bar__nav-list-item">
<a class="amui-m-nav-icon" href="#">
<i class="material-icons md-24">exit_to_app</i>
</a>
</li>
</ul>
</div>
</div> <!-- Container fluid -->
</nav> <!-- Organism top bar -->
<div id="navbar-collapse" class="amui-l-app-layout__wrapper">
<ul class="amui-o-sidebar-nav">
<li class="amui-o-sidebar-nav__list-item">
<a class="amui-m-nav-icon is--inner-text" href="#">
<i class="material-icons md-24">home</i>
<span class="amui-m-nav-icon__inner-text">Accueil</span>
</a>
</li>
<li class="amui-o-sidebar-nav__list-item">
<a class="amui-m-nav-icon is--active is--inner-text" href="#">
<i class="material-icons md-24">announcement</i>
<span class="amui-m-nav-icon__inner-text">Evènements</span>
</a>
</li>
<li class="amui-o-sidebar-nav__list-item">
<a class="amui-m-nav-icon is--inner-text" href="#">
<i class="material-icons md-24">apps</i>
<span class="amui-m-nav-icon__inner-text">Applications</span>
</a>
</li>
<li class="amui-o-sidebar-nav__list-item">
<a class="amui-m-nav-icon is--inner-text" href="#">
<i class="material-icons md-24">storage</i>
<span class="amui-m-nav-icon__inner-text">Serveurs</span>
</a>
</li>
<li class="amui-o-sidebar-nav__list-item">
<a class="amui-m-nav-icon is--inner-text" href="#">
<i class="material-icons md-24">account_balance</i>
<span class="amui-m-nav-icon__inner-text">Habilitation</span>
</a>
</li>
</ul>
<main role="main" class="amui-l-app-layout__main">
<div class="container-fluid">
<div class="amui-l-page-header amui-g-grid row is--middle">
<div class="amui-g-grid__item col-xs-12 col-md-6">
<h2 class="amui-l-page-header__title">Création d'un évènement</h2>
</div>
</div>
<div class="amui-o-panel-tabs amui-m-panel">
<div class="amui-m-panel__heading">
<ul class="amui-m-nav-tabs nav nav-tabs">
<li role="presentation" class="amui-m-nav-tabs__item active">
<a data-toggle="tab" href="#menu1"><h2 class="amui-m-panel__heading-title">Informations Générales</h2></a>
</li>
<li role="presentation" class="amui-m-nav-tabs__item">
<i class="material-icons">navigate_next</i>
<a data-toggle="tab" href="#menu2"><h2 class="amui-m-panel__heading-title">Email</h2></a>
</li>
</ul>
</div>
<div class="tab-content">
<div id="menu1" class="tab-pane fade in active">
<form class="amui-o-form-group clearfix">
<div class="amui-m-panel__body">
<div class="amui-g-grid row">
<div class="amui-g-grid__item col-xs-12 col-sm-6 col-lg-4">
<div class="amui-m-form-group form-group">
<label class="amui-a-form-label" for="exampleInputName1">Catégorie évènement</label>
<input type="text" class="amui-a-form-control form-control" id="exampleInputName1" placeholder="Text input">
</div>
</div>
<div class="amui-g-grid__item col-xs-12 col-sm-6 col-lg-4">
<div class="amui-m-form-group form-group">
<label class="amui-a-form-label" for="exampleInputName2">Nom</label>
<input type="text" class="amui-a-form-control form-control" id="exampleInputName2" placeholder="Text input">
</div>
</div>
</div>
<div class="amui-g-grid row">
<div class="amui-g-grid__item col-xs-12 col-sm-6 col-lg-4">
<div class="amui-m-form-group form-group">
<label class="amui-a-form-label" for="exampleInputName3">Type</label>
<input type="text" class="amui-a-form-control form-control" id="exampleInputName3" placeholder="Text input">
</div>
</div>
<div class="amui-g-grid__item col-xs-12 col-sm-6 col-lg-4">
<div class="amui-m-form-group form-group">
<label class="amui-a-form-label" for="exampleInputName4">Criticité</label>
<input type="text" class="amui-a-form-control form-control" id="exampleInputName4" placeholder="Text input">
</div>
</div>
</div>
<div class="amui-g-grid row">
<div class="amui-g-grid__item col-xs-12 col-sm-6 col-lg-4">
<div class="amui-m-form-group form-group">
<label class="amui-a-form-label" for="exampleInputName5">Description</label>
<textarea class="amui-a-form-control form-control" id="exampleInputName5" rows="4" placeholder="Description..."></textarea>
</div>
</div>
<div class="amui-g-grid__item col-xs-12 col-sm-6 col-lg-4">
<div class="amui-m-form-group form-group">
<label class="amui-a-form-label" for="exampleInputName6">Description pour affichage public</label>
<textarea class="amui-a-form-control form-control" id="exampleInputName6" rows="4" placeholder="Attention, ce texte sera visible pour tous les personnels. Merci de soigner l'écriture"></textarea>
</div>
</div>
</div>
<div class="amui-g-grid row">
<div class="amui-g-grid__item col-xs-12 col-sm-6 col-lg-4">
<div class="amui-m-form-group form-group">
<label class="amui-a-form-label" for="exampleInputName7">Début</label>
<span class="is--datepicker">
<input type="text" class="amui-a-form-control form-control" id="exampleInputName7" placeholder="DD/MM/YYYY HH:MM" value="">
</span>
</div>
</div>
<div class="amui-g-grid__item col-xs-12 col-sm-6 col-lg-4">
<div class="amui-m-form-group form-group">
<label class="amui-a-form-label" for="exampleInputName8">Fin</label>
<span class="is--datepicker">
<input type="text" class="amui-a-form-control form-control" id="exampleInputName8" placeholder="DD/MM/YYYY HH:MM" value="">
</span>
</div>
</div>
<div class="amui-g-grid__item col-xs-12 col-sm-6 col-lg-2">
<div class="amui-m-form-group form-group">
<label class="amui-a-form-label" for="exampleInputName9">Durée d'interruption</label>
<input type="number" class="amui-a-form-control form-control" id="exampleInputName9" placeholder="en minutes" value="">
</div>
</div>
<div class="amui-g-grid__item col-xs-12 col-sm-6 col-lg-2">
<div class="amui-m-form-group form-group">
<button type="button" class="amui-a-btn is--primary is--sm amui-h-mt-md">Calculer</button>
</div>
</div>
</div>
</div>
<div class="amui-m-panel__footer">
<div class="amui-g-grid row">
<div class="amui-g-grid__item col-xs-12 amui-h-mt-md">
<button type="button" class="amui-a-btn is--success btn">Créer l'évènement</button>
<button type="button" class="amui-a-btn is--primary btn">Envoi de l'email</button>
</div>
</div>
</div>
</form>
</div>
<div id="menu2" class="tab-pane fade in">
<form class="amui-o-form-group clearfix">
<div class="amui-m-panel__body">
<div class="amui-g-grid row">
<div class="amui-g-grid__item col-xs-12 col-sm-6">
<div class="amui-m-form-group form-group">
<label class="amui-a-form-label" for="exampleInputName10">Titre du mail</label>
<input type="text" class="amui-a-form-control form-control" id="exampleInputName10" placeholder="SIAMU - Evènements">
</div>
</div>
</div>
<div class="amui-g-grid row">
<div class="amui-g-grid__item col-xs-12 col-sm-6">
<button type="button" class="amui-a-btn is--primary is--sm is--icon-left"><i class="material-icons md-18">add</i><span>Ajouter un destinataire</span></button>
</div>
</div>
<hr class="amui-a-separator">
<div class="amui-g-grid row">
<div class="amui-g-grid__item col-xs-12 col-sm-6">
<div class="amui-m-form-group form-group">
<label class="amui-a-form-label" for="exampleInputName11">Contenu du mail</label>
<textarea class="amui-a-form-control form-control" id="exampleInputName11" rows="4" placeholder="Veuillez mettre une description de l'évènement."></textarea>
</div>
</div>
</div>
<div id="accordion" class="amui-m-accordion is--dark" role="tablist" aria-multiselectable="true">
<div class="amui-m-panel amui-m-accordion__content">
<div class="amui-m-panel__heading" role="tab" id="headingOne">
<a class="amui-m-panel__heading-title collapsed" role="button" data-toggle="collapse" data-parent="#accordion" aria-expanded="true" aria-controls="collapseOne" href="#collapseOne">
<div class="amui-g-grid row">
<div class="amui-g-grid__item col-xs-11 is--pull">
<h3>Informations sur les liens avec le SI</h3>
</div>
<div class="amui-g-grid__item col-xs-1 is--push">
<i class="material-icons md-24 amui-h-mt-xxs"></i>
</div>
</div>
</a>
</div>
<div id="collapseOne" class="amui-m-panel__body collapse" role="tabpanel" aria-labelledby="headingOne" aria-expanded="true">
<div class="amui-m-panel">
<div class="amui-m-panel__heading">
<h4 class="amui-m-panel__heading-title">Heberge / Consomme les applications suivantes</h4>
</div>
<div class="amui-m-panel__body">
</div>
</div>
<div class="amui-m-panel">
<div class="amui-m-panel__heading">
<h4 class="amui-m-panel__heading-title">Producteur</h4>
</div>
<div class="amui-m-panel__body">
</div>
</div>
</div>
</div> <!-- Accordion #1 -->
<div class="amui-m-panel amui-m-accordion__content">
<div class="amui-m-panel__heading" role="tab" id="headingTwo">
<a class="amui-m-panel__heading-title collapsed" role="button" data-toggle="collapse" data-parent="#accordion" aria-expanded="true" aria-controls="collapseTwo" href="#collapseTwo">
<div class="amui-g-grid row">
<div class="amui-g-grid__item col-xs-11 is--pull">
<h3>Responsables</h3>
</div>
<div class="amui-g-grid__item col-xs-1 is--push">
<i class="material-icons md-24 amui-h-mt-xxs"></i>
</div>
</div>
</a>
</div>
<div id="collapseTwo" class="amui-m-panel__body collapse" role="tabpanel" aria-labelledby="headingTwo" aria-expanded="true">
<div class="amui-m-panel">
<div class="amui-m-panel__heading">
<h4 class="amui-m-panel__heading-title">Responsables de l'évènement</h4>
</div>
<div class="amui-m-panel__body is--info">
<div class="amui-m-panel__heading"">
<h5 class="amui-m-panel__heading-title">Responsables Développement</h5>
</div>
<div class="amui-m-panel__body">
<label class="amui-a-form-check">
<input type="checkbox" id="Checkbox1" name="Checkbox1" value="option1">
<span class="amui-a-form-check__indicator"></span>
<span class="amui-a-form-check__label">Ajouter ces adresses aux destinataires de la note d'information</span>
</label>
<hr class="amui-a-separator">
</div>
</div>
<div class="amui-m-panel__body is--info">
<div class="amui-m-panel__heading"">
<h5 class="amui-m-panel__heading-title">Responsables Technique</h5>
</div>
<div class="amui-m-panel__body">
<label class="amui-a-form-check">
<input type="checkbox" id="Checkbox1" name="Checkbox1" value="option1">
<span class="amui-a-form-check__indicator"></span>
<span class="amui-a-form-check__label">Ajouter ces adresses aux destinataires de la note d'information</span>
</label>
<hr class="amui-a-separator">
</div>
</div>
<div class="amui-m-panel__body is--info">
<div class="amui-m-panel__heading"">
<h5 class="amui-m-panel__heading-title">Responsables Fonctionnel</h5>
</div>
<div class="amui-m-panel__body">
<label class="amui-a-form-check">
<input type="checkbox" id="Checkbox1" name="Checkbox1" value="option1">
<span class="amui-a-form-check__indicator"></span>
<span class="amui-a-form-check__label">Ajouter ces adresses aux destinataires de la note d'information</span>
</label>
<hr class="amui-a-separator">
</div>
</div>
</div>
</div>
</div> <!-- Accordion #2 -->
</div> <!-- Accordions container -->
</div>
<div class="amui-m-panel__footer">
<div class="amui-g-grid row">
<div class="amui-g-grid__item col-xs-12">
<button type="button" class="amui-a-btn is--success btn is--sm">Créer + Envoi de mail</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</main>
</div> <!-- Main container -->
<footer role="contentinfo" class="amui-m-footer amui-l-app-layout__footer panel-default">
<small>Aix-Marseille Université - Dosi Pôle développement <a href="mailto:jp.floret@univ-amu.fr?subject=Siamu">jp.floret@univ-amu.fr</a> </small>
</footer> <!-- Footer -->
</div>