{% extends "base.html" %}
{% load static %}

{% block additionnal_css %}
<link rel="stylesheet" href="{% static "css/members-space.css" %}?v=">
<link rel="stylesheet" href="{% static "css/members-space-my-shifts.css" %}?v=">
{% endblock %}

{% block additionnal_scripts %}{% endblock %}

{% block content %}

<div class="page_body">
  {% include "members_space/header.html" %}

  <div id="main_content" class="page_content">
  </div>

  <div id="templates" style="display:none;">
    <div id="shift_line_template">
      <div class="shift_line">
        <i class="fas fa-chevron-right shift_line_chevron"></i>
        <span class="shift_line_date"></span> - <span class="shift_line_time"></span>
      </div>
    </div>

    <div id="history_line_template">
      <div class="history_table_line">
        <div class="table_line_el table_line_date"></div>
        <div class="table_line_el table_line_created_by"></div>
        <div class="table_line_el table_line_service"></div>
        <div class="table_line_el table_line_desc"></div>
        <div class="table_line_el table_line_pts"></div>
      </div>
    </div>
  </div>
</div>

<script>
  var app_env = '{{app_env}}';
  var partner_data = {
    "partner_id":"{{partnerData.id}}",
    "name":"{{partnerData.display_name}}",
    "in_ftop_team":"{{partnerData.in_ftop_team}}",
    "final_standard_point":"{{partnerData.final_standard_point}}",
    "final_ftop_point":"{{partnerData.final_ftop_point}}",
    "dateProlonge":"{{partnerData.date_delay_stop}}",
    "date_alert_stop":"{{partnerData.date_alert_stop}}",
    "cooperative_state":"{{partnerData.cooperative_state}}",
    "is_leave": "{{partnerData.is_leave}}",
    "leave_start_date": "{{partnerData.leave_start_date}}",
    "leave_stop_date": "{{partnerData.leave_stop_date}}",
    "next_regular_shift_date": "{{partnerData.next_regular_shift_date}}",
    "regular_shift_name": "{{partnerData.regular_shift_name}}",
    "verif_token" : "{{partnerData.verif_token}}"
  }
</script>
<script src="{% static "js/all_common.js" %}?v="></script>
<script src="{% static "js/members-space-home.js" %}?v="></script>
<script src="{% static "js/members-space-my-info.js" %}?v="></script>
<script src="{% static "js/members-space-my-shifts.js" %}?v="></script>
<script src="{% static "js/members-space-shifts-exchange.js" %}?v="></script>
<script src="{% static "js/members-space.js" %}?v="></script>
{% endblock %}
