{% extends 'administration/base_administrasi2.html' %}

{% load static %}

{% block title %}
<title>Kelola Admin | Digipus</title>
{% endblock %}

{% block content %}
<div class="profile-content white-text">
  <div>
      {% if not user.default_profile_picture %}
      <img class="img-profile rounded-circle" src="https://i.ibb.co/9wgPzyZ/default-image.png" alt="Photo" class="img-thumbnail"></img>
      {% else %}
      <img class="img-profile rounded-circle" src="{{ user.profile_picture.url }}" alt="Photo" class="img-thumbnail"></img>
      {% endif %}
      <div class="profile-margin"></div>
      <h2>{{ user.name }}</h2>
      <h4>{{ user.email }}</h4>
      <h4>{{ user.biography }}</h4>
      <div class="profile-margin"></div>
      <div class="row">
        <div class="col-md-6 my-auto" style="font-size: 2rem;">
            instansi
        </div>
        <div class="col-md-6 my-auto" style="font-size: 1.2rem;">
            {{user.instansi}}
        </div>
      </div>
      <div class="row">
        <div class="col-md-6 my-auto" style="font-size: 2rem;">
            LinkedIn
        </div>
        <div class="col-md-6 my-auto" style="font-size: 1.2rem;">
            <a href="https://linkedin.com">{{ user.linkedin }}</a>
        </div>
      </div>
      <div class="row">
        <div class="col-md-6 my-auto" style="font-size: 2rem;">
            Facebook
        </div>
        <div class="col-md-6 my-auto" style="font-size: 1.2rem;">  
            <a href="https://facebook.com">{{ user.facebook }}</a>
        </div>
      </div>
      <div class="row">
        <div class="col-md-6 my-auto" style="font-size: 2rem;">
            Twitter
        </div>
        <div class="col-md-6 my-auto" style="font-size: 1.2rem;">
            <a href="https://twitter.com">{{ user.twitter }}</a>
        </div>
      </div>
      <div class="row">
        <div class="col-md-6 my-auto" style="font-size: 2rem;">
            Instagram
        </div>
        <div class="col-md-6 my-auto" style="font-size: 1.2rem;">
            <a href="https://instagram.com">{{ user.instagram }}</a>
        </div>
      </div>
      <a class="btn btn-primary btn-admin" href="/administration/kelola-admin/">Kembali ke Kelola Admin</a>
  </div>
</div>
{% endblock%}