<div class="row mb-4">
  <div class="col-md">

<div class="card niceborder">
  <div class="card-header">Votre équipe est composée de :</div>
  <div class="card-body" ng-if="!my.members.length">
    Passez voir l'équipe serveur pour compléter ces informations.
  </div>
  <ul class="list-group" ng-if="my.members.length">
    <li class="list-group-item" ng-repeat="member in my.members">
      {{ member.firstname | capitalize }}
      <span style="font-style: italic" ng-if="member.nickname">{{ member.nickname }}</span>
      <span style="font-variant: small-caps;">{{ member.lastname | capitalize }}</span>
      <span ng-if="member.company">- {{ member.company}}</span>
    </li>
  </ul>
</div>

<div class="card border-info mt-3" ng-if="!settings.denyNameChange">
  <div class="card-header bg-info text-light">Changer de nom d'équipe</div>
  <div class="card-body">
    <p ng-class="messageClass" ng-if="message || sberr"><strong ng-if="!sberr">Votre demande a bien été envoyée !</strong><strong ng-if="sberr">{{ sberr }}</strong> {{ message }}</p>
    <form ng-submit="tsubmit()">
      <div class="form-group row">
	<label for="newName" class="col col-form-label">Nouveau nom</label>
	<div class="col-sm-10">
	  <div class="input-group">
	    <input type="text" class="form-control" id="newName" ng-model="my.newName" placeholder="{{ my.name }}">
	    <div class="input-group-append">
	      <button type="submit" class="btn btn-info">Valider</button>
	    </div>
	  </div>
	</div>
      </div>
    </form>
  </div>
</div>

  </div>
  <div class="col-md-5" ng-if="notify_field != 0">

    <div class="card border-success niceborder">
      <div class="card-header bg-success text-light">Gestion des notifications</div>
      <form class="card-body" ng-submit="alternotify()">
	<p>
	  Ces paramètres ne seront valable que pour votre navigateur.
	</p>

	<div class="form-check">
	  <label class="custom-control custom-checkbox">
	    <input class="custom-control-input" type="checkbox" disabled ng-model="notify.info">
	    <span class="custom-control-label">Ne pas recevoir les notifications de l'équipe serveur.</span>
	  </label>
	</div>

	<div class="form-check">
	  <label class="custom-control custom-checkbox">
	    <input class="custom-control-input" type="checkbox" ng-model="notify.team">
	    <span class="custom-control-label">Ne pas recevoir les notifications de mon équipe.</span>
	  </label>
	</div>

	<div class="form-check">
	  <label class="custom-control custom-checkbox">
	    <input class="custom-control-input" type="checkbox" ng-model="notify.others">
	    <span class="custom-control-label">Ne pas recevoir les notifications des autres équipes.</span>
	  </label>
	</div>

	<div class="form-check">
	  <label class="custom-control custom-checkbox">
	    <input class="custom-control-input" type="checkbox" ng-model="notify.solve">
	    <span class="custom-control-label">Ne pas recevoir les notifications de résolution.</span>
	  </label>
	</div>

	<div class="form-check">
	  <label class="custom-control custom-checkbox">
	    <input class="custom-control-input" type="checkbox" ng-model="notify.hint">
	    <span class="custom-control-label">Ne pas recevoir les notifications de découverte d'indice.</span>
	  </label>
	</div>

	<div class="form-check">
	  <label class="custom-control custom-checkbox">
	    <input class="custom-control-input" type="checkbox" ng-model="notify.tries">
	    <span class="custom-control-label">Ne pas recevoir les notifications de tentatives.</span>
	  </label>
	</div>

	<div class="form-check">
	  <label class="custom-control custom-checkbox">
	    <input class="custom-control-input" type="checkbox" ng-model="notify.rename">
	    <span class="custom-control-label">Ne pas recevoir les notifications de nouvelle équipe.</span>
	  </label>
	</div>

	<button type="submit" class="btn btn-success float-right">Enregistrer</button>
      </form>
    </div>

  </div>
</div>
