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

{% block additionnal_css %}
<link rel="stylesheet" href="{% static 'css/datatables/jquery.dataTables.css' %}">
<link rel="stylesheet" href="{% static 'css/datatables/responsive.dataTables.min.css' %}">
<link rel="stylesheet" href="{% static 'fullcalendar-5.9.0/lib/main.min.css' %}"></script>
<link rel="stylesheet" href="{% static "css/members-space.css" %}?v=">
<link rel="stylesheet" href="{% static "css/members-space-my-shifts.css" %}?v=">
<link rel="stylesheet" href="{% static "css/members-space-my-info.css" %}?v=">
<link rel="stylesheet" href="{% static "css/members-space-shifts-exchange.css" %}?v=">
{% endblock %}

{% block additionnal_scripts %}
<script type="text/javascript" src="{% static 'js/datatables/jquery.dataTables.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/datatables/dataTables.responsive.min.js' %}"></script>
<script type="text/javascript" src="{% static 'fullcalendar-5.9.0/lib/main.min.js' %}"></script>
<script type="text/javascript" src="{% static 'fullcalendar-5.9.0/lib/locales/fr.js' %}"></script>
{% 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="selectable_shift_line_template">
      <div class="selectable_shift_line btn--primary">
        <input type="checkbox" class="checkbox">
        <div class="selectable_shift_line_text">
          <span class="shift_line_date"></span> - <span class="shift_line_time"></span>
        </div>
      </div>
    </div>

    <div id="modal_shift_exchange_template">
      <div>Je suis sur le point d'échanger le service du : </div>
      <div><span class="date_old_shift"></span> à <span class="time_old_shift"></span></div>
      <div>par celui du : </div>
      <div><span class="date_new_shift"></span> à <span class="time_new_shift"></span></div>
    </div>
    <div id="modal_add_shift_template">
      <div>Je suis sur le point de m'inscrire au service du : <span class="date_new_shift"></span> à <span class="time_new_shift"></span></div>
    </div>
  </div>
</div>

<script>
  var app_env = '{{app_env}}';
  var unsuscribe_form_link = '{{unsuscribe_form_link}}';
  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}}",
    "date_delay_stop":"{{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}}",
    "makeups_to_do" : "{{partnerData.makeups_to_do}}",
    "barcode_base" : "{{partnerData.barcode_base}}",
    "street" : "{{partnerData.street}}",
    "street2" : "{{partnerData.street2}}",
    "zip" : "{{partnerData.zip}}",
    "city" : "{{partnerData.city}}",
    "mobile" : "{{partnerData.mobile}}",
    "phone" : "{{partnerData.phone}}",
    "email" : "{{partnerData.email}}",
    "is_associated_people" : "{{partnerData.is_associated_people}}",
    "parent_id" : "{{partnerData.parent_id}}",
    "parent_name" : "{{partnerData.parent_name}}",
  }
  var days_to_hide = "{{daysToHide}}"
</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 %}
