diff --git a/beesdoo_website_shift/controllers/main.py b/beesdoo_website_shift/controllers/main.py
index 84bbec4..0f73fb5 100644
--- a/beesdoo_website_shift/controllers/main.py
+++ b/beesdoo_website_shift/controllers/main.py
@@ -28,6 +28,11 @@ class WebsiteShiftController(http.Controller):
         working_mode = user.partner_id.working_mode
         return working_mode == 'regular'
 
+    def is_user_regular_without_shift(self):
+        user = request.env['res.users'].browse(request.uid)
+        return (not user.partner_id.subscribed_shift_ids.id and
+                self.is_user_regular())
+
     def is_user_exempted(self):
         user = request.env['res.users'].browse(request.uid)
         working_mode = user.partner_id.working_mode
@@ -89,7 +94,12 @@ class WebsiteShiftController(http.Controller):
                 'beesdoo_website_shift.my_shift_irregular_worker',
                 self.my_shift_irregular_worker(nexturl='/my/shift')
             )
-        if self.is_user_regular():
+        if self.is_user_regular_without_shift():
+            return request.render(
+                'beesdoo_website_shift.my_shift_regular_worker_without_shift',
+                self.my_shift_regular_worker_without_shift()
+            )
+        if self.is_user_regular() and not self.is_user_regular_without_shift():
             return request.render(
                 'beesdoo_website_shift.my_shift_regular_worker',
                 self.my_shift_regular_worker()
@@ -199,6 +209,12 @@ class WebsiteShiftController(http.Controller):
 
         return template_context
 
+    def my_shift_regular_worker_without_shift(self):
+        """
+        Return template variables for 'beesdoo_website_shift.my_shift_regular_worker_without_shift' template
+        """
+        return self.my_shift_worker_status()
+
     def my_shift_regular_worker(self):
         """
         Return template variables for 'beesdoo_website_shift.my_shift_regular_worker' template
diff --git a/beesdoo_website_shift/i18n/fr_BE.po b/beesdoo_website_shift/i18n/fr_BE.po
index 6164d57..1eeb905 100644
--- a/beesdoo_website_shift/i18n/fr_BE.po
+++ b/beesdoo_website_shift/i18n/fr_BE.po
@@ -562,10 +562,15 @@ msgstr "Vous êtes un supercoopérateur"
 
 #. module: beesdoo_website_shift
 #: model:ir.ui.view,arch_db:beesdoo_website_shift.my_shift_exempted_worker
-#: model:ir.ui.view,arch_db:beesdoo_website_shift.my_shift_non_worker
 msgid "You don't have to participate to shift system."
 msgstr "Vous ne devez pas participer au système de shift."
 
+#. module: beesdoo_website_shift
+#: model:ir.ui.view,arch_db:beesdoo_website_shift.my_shift_non_worker
+#: model:ir.ui.view,arch_db:beesdoo_website_shift.my_shift_regular_worker_without_shift
+msgid "Please contact the members office to suscribe to shifts."
+msgstr "Merci de contacter le bureau des membres pour vous inscrire à un créneau de travail."
+
 #. module: beesdoo_website_shift
 #: model:ir.ui.view,arch_db:beesdoo_website_shift.my_shift_next_shifts
 msgid "Your next shifts"
diff --git a/beesdoo_website_shift/views/my_shift_website_templates.xml b/beesdoo_website_shift/views/my_shift_website_templates.xml
index f938142..163d8e1 100644
--- a/beesdoo_website_shift/views/my_shift_website_templates.xml
+++ b/beesdoo_website_shift/views/my_shift_website_templates.xml
@@ -5,96 +5,98 @@
 -->
 <openerp>
 
-  <!-- Add menu entries -->
-  <template id="my_shift_link" name="Link to frontend portal" inherit_id="website.layout">
-    <xpath expr="//li[@id='o_logout']" position="before">
-      <li><a href="/my/shift" role="menuitem">My Shift</a></li>
-    </xpath>
-  </template>
-
-  <!-- Reusable templates -->
-  <template
-    id="my_shift_title"
-    name="My Shift Title">
-
-    <div class="oe_structure"/>
-
-    <section class="wrap">
-      <div class="container">
-        <div class="row">
-          <div class="col-md-12">
-            <h1 class="text-center">
-              Your shifts
-            </h1>
-          </div>
-        </div>
-      </div>
-    </section>
+    <!-- Add menu entries -->
+    <template id="my_shift_link" name="Link to frontend portal" inherit_id="website.layout">
+        <xpath expr="//li[@id='o_logout']" position="before">
+            <li>
+                <a href="/my/shift" role="menuitem">My Shift</a>
+            </li>
+        </xpath>
+    </template>
+
+    <!-- Reusable templates -->
+    <template
+            id="my_shift_title"
+            name="My Shift Title">
+
+        <div class="oe_structure"/>
+
+        <section class="wrap">
+            <div class="container">
+                <div class="row">
+                    <div class="col-md-12">
+                        <h1 class="text-center">
+                            Your shifts
+                        </h1>
+                    </div>
+                </div>
+            </div>
+        </section>
 
-    <div class="oe_structure"/>
+        <div class="oe_structure"/>
 
-  </template>
+    </template>
 
-  <template
-    id="my_shift_worker_status_title"
-    name="My Shift Worker Status Title">
+    <template
+            id="my_shift_worker_status_title"
+            name="My Shift Worker Status Title">
 
-    <div class="oe_structure"/>
+        <div class="oe_structure"/>
 
-    <section class="wrap">
-      <div class="container">
-        <div class="row">
-          <div class="col-md-12">
-            <h2>
-              Worker status
-              <span t-att-class="'label %s pull-right' % ('label-success' if status.can_shop else 'label-danger',)">
-                <span class="fa fa-shopping-cart"></span>
-                <t t-if="status.can_shop">
-                  <span class="fa fa-check"></span>
-                </t>
-                <t t-if="not status.can_shop">
-                  <span class="fa fa-times"></span>
-                </t>
-              </span>
-            </h2>
-          </div>
-        </div>
-      </div>
-    </section>
+        <section class="wrap">
+            <div class="container">
+                <div class="row">
+                    <div class="col-md-12">
+                        <h2>
+                            Worker status
+                            <span t-att-class="'label %s pull-right' % ('label-success' if status.can_shop else 'label-danger',)">
+                                <span class="fa fa-shopping-cart"></span>
+                                <t t-if="status.can_shop">
+                                    <span class="fa fa-check"></span>
+                                </t>
+                                <t t-if="not status.can_shop">
+                                    <span class="fa fa-times"></span>
+                                </t>
+                            </span>
+                        </h2>
+                    </div>
+                </div>
+            </div>
+        </section>
 
-    <div class="oe_structure"/>
+        <div class="oe_structure"/>
 
-  </template>
+    </template>
 
-  <template
-    id="my_shift_worker_status_common"
-    name="My Shift Worker Status Common">
+    <template
+            id="my_shift_worker_status_common"
+            name="My Shift Worker Status Common">
 
-    <p>
-      <label>Working Mode:</label>
-      <t t-esc="dict(status.fields_get(allfields=['working_mode'])['working_mode']['selection'])[status.working_mode]"/>
-    </p>
+        <p>
+            <label>Working Mode:</label>
+            <t t-esc="dict(status.fields_get(allfields=['working_mode'])['working_mode']['selection'])[status.working_mode]"/>
+        </p>
 
-    <p t-if="status.super">
-      You are a Super Cooperator
-    </p>
+        <p t-if="status.super">
+            You are a Super Cooperator
+        </p>
 
-    <p>
-      <label>Status:</label>
-      <t t-esc="dict(status.fields_get(allfields=['status'])['status']['selection'])[status.status]"/>
-    </p>
+        <p>
+            <label>Status:</label>
+            <t t-esc="dict(status.fields_get(allfields=['status'])['status']['selection'])[status.status]"/>
+        </p>
 
-    <p t-if="status.holiday_start_time and status.holiday_start_time > status.today or status.status == 'holiday'">
-      <label>Begin of Holiday:</label>
-      <t t-esc="time.strftime('%A %d %B %Y', time.strptime(status.holiday_start_time, '%Y-%m-%d'))"/>
-    </p>
+        <p t-if="status.holiday_start_time and status.holiday_start_time > status.today or status.status == 'holiday'">
+            <label>Begin of Holiday:</label>
+            <t t-esc="time.strftime('%A %d %B %Y', time.strptime(status.holiday_start_time, '%Y-%m-%d'))"/>
+        </p>
 
-    <p t-if="status.holiday_end_time and status.holiday_end_time > status.today or status.status == 'holiday'">
-      <label>End of Holiday:</label>
-      <t t-esc="time.strftime('%A %d %B %Y', time.strptime(status.holiday_end_time, '%Y-%m-%d'))"/>
-    </p>
+        <p t-if="status.holiday_end_time and status.holiday_end_time > status.today or status.status == 'holiday'">
+            <label>End of Holiday:</label>
+            <t t-esc="time.strftime('%A %d %B %Y', time.strptime(status.holiday_end_time, '%Y-%m-%d'))"/>
+        </p>
 
-  </template>
+    </template>
 
 
   <template
@@ -138,7 +140,7 @@
     id="my_shift_next_shifts"
     name="My Shift : Next Shifts">
 
-    <div class="oe_structure"/>
+        <div class="oe_structure"/>
 
     <section class="wrap">
       <div class="container">
@@ -251,42 +253,141 @@
                 <t t-esc="shift.super_coop_id.name"/>
               </h4>
             </div>
-            <div class="modal-body">
-              <i class="fa fa-phone" aria-hidden="true"></i> <t t-esc="shift.super_coop_id.phone"/><br/>
-              <i class="fa fa-envelope" aria-hidden="true"></i>
-              <a t-att-href="'mailto:%s' % shift.super_coop_id.email">
-                <t t-esc="shift.super_coop_id.email"/>
-              </a>
+        </section>
+
+        <div class="oe_structure"/>
+
+        <section class="wrap" t-if="is_regular">
+            <div class="container">
+                <div class="row">
+                    <div class="col-md-12">
+                        <div class="alert alert-warning">
+                            <strong>Warning !</strong>
+                            For the moment public holidays are not taken into account. If your shift
+                            occures during a public holiday, you do not have to do it.
+                        </div>
+                    </div>
+                </div>
             </div>
-            <div class="modal-footer">
-              <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
+        </section>
+
+        <div class="oe_structure"/>
+
+        <div class="visible-xs" t-foreach="subscribed_shifts" t-as="shift">
+            <div class="panel panel-default">
+                <div class="panel-heading clearfix">
+                    <div class="panel-title">
+                        <t t-esc="time.strftime('%A %d %B %Y', time.strptime(shift.start_time, '%Y-%m-%d %H:%M:%S'))"/>
+                        <span t-field="shift.start_time" t-field-options='{"format": "HH:mm"}'/>
+                        -
+                        <span t-field="shift.end_time" t-field-options='{"format": "HH:mm"}'/>
+                    </div>
+                </div>
+                <div class="panel-body">
+                    <t t-esc="shift.task_type_id.name"/>
+                    <button type="button" class="btn btn-default btn-sm pull-right"
+                            t-if="shift.super_coop_id.name"
+                            data-toggle="modal"
+                            t-att-data-target="'#super_coop-shift-%s' % shift_index">
+                        <span class="fa fa-info" aria-hidden="true"></span>
+                        Super Cooperator Info
+                    </button>
+                </div>
             </div>
-          </div>
         </div>
-      </div>
-    </t>
 
-    <section class="wrap" t-if="not subscribed_shifts">
-      <div class="container">
-        <div class="row">
-          <div class="col-md-12">
-            <div class="alert alert-warning">
-              <strong>Warning !</strong> You have not yet signed up to a shift.
+        <table class="hidden-xs table table-striped" t-if="subscribed_shifts">
+            <thead>
+                <tr>
+                    <th>Day</th>
+                    <th>Date</th>
+                    <th>Time</th>
+                    <th>Type of Shift</th>
+                    <th class="text-center">Super Cooperator Info</th>
+                </tr>
+            </thead>
+            <tbody>
+                <t t-foreach="subscribed_shifts" t-as="shift">
+                    <tr>
+                        <td>
+                            <t t-esc="time.strftime('%A', time.strptime(shift.start_time, '%Y-%m-%d %H:%M:%S'))"/>
+                        </td>
+                        <td>
+                            <t t-esc="time.strftime('%d %B %Y', time.strptime(shift.start_time, '%Y-%m-%d %H:%M:%S'))"/>
+                        </td>
+                        <td>
+                            <span t-field="shift.start_time" t-field-options='{"format": "HH:mm"}'/>
+                            -
+                            <span t-field="shift.end_time" t-field-options='{"format": "HH:mm"}'/>
+                        </td>
+                        <td>
+                            <t t-esc="shift.task_type_id.name"/>
+                        </td>
+                        <td class="text-center">
+                            <button type="button" class="btn btn-default btn-sm"
+                                    t-if="shift.super_coop_id.name"
+                                    data-toggle="modal"
+                                    t-att-data-target="'#super_coop-shift-%s' % shift_index">
+                                <span class="fa fa-info" aria-hidden="true"></span>
+                            </button>
+                        </td>
+                    </tr>
+                </t>
+            </tbody>
+        </table>
+
+        <!-- Super Cooperator info modal -->
+        <t t-foreach="subscribed_shifts" t-as="shift">
+            <div class="modal fade" t-if="shift.super_coop_id.name" t-att-id="'super_coop-shift-%s' % shift_index"
+                 tabindex="-1" role="dialog"
+                 t-att-aria-labelledby="'super_coop-shift-%s-label' % shift_index">
+                <div class="modal-dialog" role="document">
+                    <div class="modal-content">
+                        <div class="modal-header">
+                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                                <span aria-hidden="true">×</span>
+                            </button>
+                            <h4 class="modal-title" t-att-id="'super_coop-shift-%s-label' % shift_index">
+                                <t t-esc="shift.super_coop_id.name"/>
+                            </h4>
+                        </div>
+                        <div class="modal-body">
+                            <i class="fa fa-phone" aria-hidden="true"></i>
+                            <t t-esc="shift.super_coop_id.phone"/>
+                            <br/>
+                            <i class="fa fa-envelope" aria-hidden="true"></i>
+                            <a t-att-href="'mailto:%s' % shift.super_coop_id.email">
+                                <t t-esc="shift.super_coop_id.email"/>
+                            </a>
+                        </div>
+                        <div class="modal-footer">
+                            <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
+                        </div>
+                    </div>
+                </div>
             </div>
-          </div>
-        </div>
-      </div>
-    </section>
+        </t>
 
-    <div class="oe_structure"/>
+        <section class="wrap" t-if="not subscribed_shifts">
+            <div class="container">
+                <div class="row">
+                    <div class="col-md-12">
+                        <div class="alert alert-warning">
+                            <strong>Warning !</strong>
+                            You have not yet signed up to a shift.
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
 
-  </template>
+        <div class="oe_structure"/>
 
-  <template
-    id="my_shift_past_shifts"
-    name="My Shift : Past Shifts">
+    </template>
 
-    <div class="oe_structure"/>
+    <template
+            id="my_shift_past_shifts"
+            name="My Shift : Past Shifts">
 
     <section class="wrap">
       <div class="container">
@@ -450,432 +551,657 @@
                   <span class="fa fa-check" aria-hidden="true"></span>
                   Subscribed
                 </div>
-              </t>
-              <t t-if="not is_subscribed">
-                <button type="button" class="btn btn-default btn-sm" data-toggle="modal"
-                  t-att-data-target="'#subscribe-shift-%s' % shift.id">
-                  <span class="fa fa-user-plus" aria-hidden="true"></span>
-                  Subscribe
-                </button>
-              </t>
-            </td>
-          </tr>
-        </t>
-      </tbody>
-    </table>
-
-    <!-- Subscribe check -->
-    <t t-foreach="shift_templates" t-as="shift_count_subscribed">
-      <t t-set="shift" t-value="shift_count_subscribed[0]" />
-      <t t-set="count" t-value="shift_count_subscribed[1]" />
-      <t t-set="is_subscribed" t-value="shift_count_subscribed[2]" />
-      <div class="modal fade" t-att-id="'subscribe-shift-%s' % shift.id" tabindex="-1" role="dialog"
-        t-att-aria-labelledby="'subscribe-shift-%s-label' % shift.id">
-        <div class="modal-dialog" role="document">
-          <div class="modal-content">
-            <div class="modal-header">
-              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                <span aria-hidden="true">×</span>
-              </button>
-              <h4 class="modal-title" t-att-id="'subscribe-shift-%s-label' % shift.id">
-                Are you shure you want to subscribe to this shift?
-              </h4>
             </div>
-            <div class="modal-body">
-              <t t-esc="time.strftime('%A', time.strptime(shift.start_time, '%Y-%m-%d %H:%M:%S'))"/>
-              <t t-esc="time.strftime('%d %B %Y', time.strptime(shift.start_time, '%Y-%m-%d %H:%M:%S'))"/>
-              <span t-field="shift.start_time" t-field-options='{"format": "HH:mm"}'/> -
-              <span t-field="shift.end_time" t-field-options='{"format": "HH:mm"}'/><br/>
-              <t t-esc="shift.task_type_id.name"/><br/>
-              <t t-esc="count"/> available space(s)
-            </div>
-            <div class="modal-footer">
-              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
-              <a class="btn btn-primary"
-                t-if="irregular_enable_sign_up"
-                t-att-href="'/shift/%s/subscribe?nexturl=%s' % (shift.id, nexturl)">
-                Subscribe
-              </a>
+        </section>
+
+        <div class="oe_structure"/>
+
+        <div class="visible-xs" t-foreach="past_shifts" t-as="shift">
+            <div class="panel panel-default">
+                <div class="panel-heading clearfix">
+                    <div class="panel-title">
+                        <t t-esc="time.strftime('%A %d %B %Y', time.strptime(shift.start_time, '%Y-%m-%d %H:%M:%S'))"/>
+                        <span t-field="shift.start_time" t-field-options='{"format": "HH:mm"}'/>
+                        -
+                        <span t-field="shift.end_time" t-field-options='{"format": "HH:mm"}'/>
+                    </div>
+                </div>
+                <div class="panel-body">
+                    <t t-esc="shift.task_type_id.name"/>
+                </div>
             </div>
-          </div>
         </div>
-      </div>
-    </t>
-
-    <div class="oe_structure"/>
-
-  </template>
-
-  <!-- Help Texts -->
-  <template
-    id="help_text_title"
-    name="Help Text Title">
 
-    <div class="oe_structure"/>
+        <table class="hidden-xs table table-striped" t-if="past_shifts">
+            <thead>
+                <tr>
+                    <th>Day</th>
+                    <th>Date</th>
+                    <th>Time</th>
+                    <th>Type of Shift</th>
+                    <th>Status</th>
+                </tr>
+            </thead>
+            <tbody>
+                <t t-foreach="past_shifts" t-as="shift">
+                    <tr>
+                        <td>
+                            <t t-esc="time.strftime('%A', time.strptime(shift.start_time, '%Y-%m-%d %H:%M:%S'))"/>
+                        </td>
+                        <td>
+                            <t t-esc="time.strftime('%d %B %Y', time.strptime(shift.start_time, '%Y-%m-%d %H:%M:%S'))"/>
+                        </td>
+                        <td>
+                            <span t-field="shift.start_time" t-field-options='{"format": "HH:mm"}'/>
+                            -
+                            <span t-field="shift.end_time" t-field-options='{"format": "HH:mm"}'/>
+                        </td>
+                        <td>
+                            <t t-esc="shift.task_type_id.name"/>
+                        </td>
+                        <td>
+                            <t t-esc="shift.stage_id.name"/>
+                        </td>
+                    </tr>
+                </t>
+            </tbody>
+        </table>
 
-    <section class="wrap">
-      <div class="container">
-        <div class="row">
-          <div class="col-md-12">
-            <h2>
-              Help
-            </h2>
-          </div>
+        <section class="wrap" t-if="not past_shifts">
+            <div class="container">
+                <div class="row">
+                    <div class="col-md-12">
+                        <div class="alert alert-info">
+                            <strong>Info !</strong>
+                            You don't have any past shift.
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <div class="oe_structure"/>
+
+    </template>
+
+    <template
+            id="available_shift_irregular_worker"
+            name="Available Shift for Irregular Worker">
+
+        <div class="oe_structure"/>
+
+        <div class="visible-xs" t-foreach="shift_templates" t-as="shift_count_subscribed">
+            <t t-set="shift" t-value="shift_count_subscribed[0]"/>
+            <t t-set="count" t-value="shift_count_subscribed[1]"/>
+            <t t-set="is_subscribed" t-value="shift_count_subscribed[2]"/>
+            <t t-set="highlight_class" t-value="'panel-warning' if count >= highlight_rule else 'panel-default'"/>
+            <div t-att-class="'panel %s' % highlight_class">
+                <div class="panel-heading clearfix">
+                    <div class="panel-title pull-left">
+                        <t t-esc="time.strftime('%A %d %B %Y', time.strptime(shift.start_time, '%Y-%m-%d %H:%M:%S'))"/>
+                        <span t-field="shift.start_time" t-field-options='{"format": "HH:mm"}'/>
+                        -
+                        <span t-field="shift.end_time" t-field-options='{"format": "HH:mm"}'/>
+                    </div>
+                    <div class="label label-default pull-right">
+                        <t t-esc="count"/>
+                        space(s)
+                    </div>
+                </div>
+                <div class="panel-body clearfix">
+                    <t t-esc="shift.task_type_id.name"/>
+                    <t t-if="is_subscribed">
+                        <div class="label label-success pull-right">
+                            <span class="fa fa-check" aria-hidden="true"></span>
+                            Subscribed
+                        </div>
+                    </t>
+                    <t t-if="irregular_enable_sign_up and not is_subscribed">
+                        <button type="button" class="btn btn-default btn-sm pull-right" data-toggle="modal"
+                                t-att-data-target="'#subscribe-shift-%s' % shift.id">
+                            <span class="fa fa-user-plus" aria-hidden="true"></span>
+                            Subscribe
+                        </button>
+                    </t>
+                </div>
+            </div>
         </div>
-      </div>
-    </section>
 
-    <div class="oe_structure"/>
+        <table class="hidden-xs table table-striped">
+            <thead>
+                <tr>
+                    <th>Day</th>
+                    <th>Date</th>
+                    <th>Time</th>
+                    <th>Type of Shift</th>
+                    <th class="text-center">Available Spaces</th>
+                    <th class="text-center" t-if="irregular_enable_sign_up">Subscribed</th>
+                </tr>
+            </thead>
+            <tbody>
+                <t t-foreach="shift_templates" t-as="shift_count_subscribed">
+                    <t t-set="shift" t-value="shift_count_subscribed[0]"/>
+                    <t t-set="count" t-value="shift_count_subscribed[1]"/>
+                    <t t-set="is_subscribed" t-value="shift_count_subscribed[2]"/>
+                    <tr t-attf-class="{{ 'warning' if count >= highlight_rule else '' }}">
+                        <td>
+                            <t t-esc="time.strftime('%A', time.strptime(shift.start_time, '%Y-%m-%d %H:%M:%S'))"/>
+                        </td>
+                        <td>
+                            <t t-esc="time.strftime('%d %B %Y', time.strptime(shift.start_time, '%Y-%m-%d %H:%M:%S'))"/>
+                        </td>
+                        <td>
+                            <span t-field="shift.start_time" t-field-options='{"format": "HH:mm"}'/>
+                            -
+                            <span t-field="shift.end_time" t-field-options='{"format": "HH:mm"}'/>
+                        </td>
+                        <td>
+                            <t t-esc="shift.task_type_id.name"/>
+                        </td>
+                        <td class="text-center">
+                            <t t-esc="count"/>
+                        </td>
+                        <td class="text-center" t-if="irregular_enable_sign_up">
+                            <t t-if="is_subscribed">
+                                <div class="label label-success">
+                                    <span class="fa fa-check" aria-hidden="true"></span>
+                                    Subscribed
+                                </div>
+                            </t>
+                            <t t-if="not is_subscribed">
+                                <button type="button" class="btn btn-default btn-sm" data-toggle="modal"
+                                        t-att-data-target="'#subscribe-shift-%s' % shift.id">
+                                    <span class="fa fa-user-plus" aria-hidden="true"></span>
+                                    Subscribe
+                                </button>
+                            </t>
+                        </td>
+                    </tr>
+                </t>
+            </tbody>
+        </table>
 
-  </template>
+        <!-- Subscribe check -->
+        <t t-foreach="shift_templates" t-as="shift_count_subscribed">
+            <t t-set="shift" t-value="shift_count_subscribed[0]"/>
+            <t t-set="count" t-value="shift_count_subscribed[1]"/>
+            <t t-set="is_subscribed" t-value="shift_count_subscribed[2]"/>
+            <div class="modal fade" t-att-id="'subscribe-shift-%s' % shift.id" tabindex="-1" role="dialog"
+                 t-att-aria-labelledby="'subscribe-shift-%s-label' % shift.id">
+                <div class="modal-dialog" role="document">
+                    <div class="modal-content">
+                        <div class="modal-header">
+                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                                <span aria-hidden="true">×</span>
+                            </button>
+                            <h4 class="modal-title" t-att-id="'subscribe-shift-%s-label' % shift.id">
+                                Are you shure you want to subscribe to this shift?
+                            </h4>
+                        </div>
+                        <div class="modal-body">
+                            <t t-esc="time.strftime('%A', time.strptime(shift.start_time, '%Y-%m-%d %H:%M:%S'))"/>
+                            <t t-esc="time.strftime('%d %B %Y', time.strptime(shift.start_time, '%Y-%m-%d %H:%M:%S'))"/>
+                            <span t-field="shift.start_time" t-field-options='{"format": "HH:mm"}'/>
+                            -
+                            <span t-field="shift.end_time" t-field-options='{"format": "HH:mm"}'/>
+                            <br/>
+                            <t t-esc="shift.task_type_id.name"/>
+                            <br/>
+                            <t t-esc="count"/>
+                            available space(s)
+                        </div>
+                        <div class="modal-footer">
+                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+                            <a class="btn btn-primary"
+                               t-if="irregular_enable_sign_up"
+                               t-att-href="'/shift/%s/subscribe?nexturl=%s' % (shift.id, nexturl)">
+                                Subscribe
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </t>
 
-  <template
-    id="help_text_common"
-    name="Help Text Common">
-    <div class="oe_structure alert alert-info">
-      <strong>Info!</strong> If you do not agree with your status, please contact the members office by mail (membre@bees-coop.be) or during the open hours of the office (Monday 5PM to 7:30PM, Wednesday 5PM to 7:30 PM and Friday 2:30PM to 5 PM).
-    </div>
+        <div class="oe_structure"/>
 
-    <p class="oe_structure">
-      Explanation of the status:
-    </p>
+    </template>
 
-    <p class="oe_structure">
-      <strong>Up To Date:</strong>
-      That's perfect! You are in order. Thanks a lot. You can come and shop, so can your eaters if you have any.
-    </p>
-  </template>
+    <!-- Help Texts -->
+    <template
+            id="help_text_title"
+            name="Help Text Title">
 
-  <template
-    id="help_text_regular_worker"
-    name="Help Text for Regular Worker">
-    <p class="oe_structure">
-      <strong>Alert:</strong>
-      If you are in alert status, that means you didn't do your last shift. You have
-      until your next scheduled shift to do your compensation shift according to your situation.
-      Your compensation is either simple or double. If you don't how how many compensation shifts you have to do, please contact your supercooperator.
-      To do your compensation shift, no need to subscribe in advance : you come at the beginning of the shift that best suits you.
-      Add your name and the indication "compensation shift" on the attendance list.
-      No panic, you still can come and shop, so can your eaters if you have any.
-    </p>
-    <p class="oe_structure">
-      <strong>Suspended:</strong>
-      If you are suspended, that means you didn't come to a shift and you didn't do you compensation shifts in the delay (4 weeks).
-      You cannot shop (so as your eaters). But no need to panic : a two-weeks delay is activable on demand at the entrance of the supermarket.
-      You will be able to shop during 2 more weeks and to put your situation in order.
-      To do your compensation shift, no need to subscribe in advance : you come at the beginning of the shift that best suits you.
-      Add your name and the indication "compensation shift" on the attendance list.
-    </p>
-    <p class="oe_structure">
-      <strong>Auto-Extension:</strong>
-      You didn't manage to do your compensation shifts in the delay but you benefit from the auto-extension.
-      This is two more weeks to do your compensation shifts. You can shop.
-      If you don't do your compensation shifts, you'll be suspended.
-    </p>
-    <p class="oe_structure">
-      <strong>Unsubscribed:</strong>
-      You did not attend two consecutive shifts. You are now unsubscribed. You cannot shop (nor can your eaters) nor come to work.
-      To subscribe again, please contact membre@bees-coop.be or come to the members office during the opening hours.
-    </p>
-  </template>
+        <div class="oe_structure"/>
 
-  <template
-    id="help_text_irregular_worker"
-    name="Help Text for Irregular Worker">
-    <p class="oe_structure">
-      <strong>Alert:</strong>
-      If you are in alert status, that means you didn't anticipate enough shifts.
-      Your counter is now negative, directly to -2.
-      You have 4 weeks to do 2 shifts to be up to date.
-      For the compensation shifts, subscribe like you do for a normal shift.
-      Be careful, in addition to these 2 shifts, don't forget to do your normal shift in the same delay to prevent to be in the same situation next month.
-    </p>
-    <p class="oe_structure">
-      <strong>Suspended:</strong>
-      You did not anticipate enough shifts and you did not come back to a normal situation in the delay.
-      You cannot shop anymore, nor can your eaters.
-      But no need to panic : a two-weeks delay is activable on demand at the entrance of the supermarket.
-      You will be able to shop during 2 more weeks and to put your situation in order.
-      For the compensation shifts, subscribe like you do for a normal shift.
-    </p>
-    <p class="oe_structure">
-      <strong>Auto-Extension:</strong>
-      You didn't manage to do your compensation shifts in the delay but you benefit from the auto-extension.
-      This is two more weeks to do your compensation shifts. You can shop.
-      If you don't do your compensation shifts, you'll be suspended.
-    </p>
-    <p class="oe_structure">
-      <strong>Unsubscribed:</strong>
-      Your counter is negative and you haven't come to work for more than 8 weeks.
-      You are unsubscribed. You cannot shop nor can your eaters.
-      To subscribe again of if it's a mistake, please contact membre@bees-coop.be or come to the members office during the opening hours.
-    </p>
-  </template>
-
-  <!-- Shift for non-worker -->
-  <template
-    id="my_shift_non_worker"
-    name="My Shift for Non Worker"
-    page="True">
-    <t t-call="website.layout">
-
-      <t t-call="beesdoo_website_shift.my_shift_title"/>
-
-      <section class="wrap">
-        <div class="container">
-          <div class="row">
-            <div class="col-md-12">
-              <div class="alert alert-info">
-                You don't have to participate to shift system.
-              </div>
+        <section class="wrap">
+            <div class="container">
+                <div class="row">
+                    <div class="col-md-12">
+                        <h2>
+                            Help
+                        </h2>
+                    </div>
+                </div>
             </div>
-          </div>
-        </div>
-      </section>
-
-      <div class="oe_structure"/>
-
-    </t>
-  </template>
-
-  <!-- Shifts Exempted Workers -->
-  <template
-    id="my_shift_exempted_worker"
-    name="My Shifts for Exempted Workers"
-    page="True">
-    <t t-call="website.layout">
+        </section>
 
-      <t t-call="beesdoo_website_shift.my_shift_title"/>
+        <div class="oe_structure"/>
 
-      <section class="wrap">
-        <div class="container">
-          <div class="row">
-            <div class="col-xs-12 col-md-4 pull-right text-justify">
+    </template>
 
-              <t t-call="beesdoo_website_shift.my_shift_worker_status_title"/>
+    <template
+            id="help_text_common"
+            name="Help Text Common">
+        <div class="oe_structure alert alert-info">
+            <strong>Info!</strong>
+            If you do not agree with your status, please contact the members office by mail (membre@bees-coop.be) or
+            during the open hours of the office (Monday 5PM to 7:30PM, Wednesday 5PM to 7:30 PM and Friday 2:30PM to 5
+            PM).
+        </div>
 
-              <t t-call="beesdoo_website_shift.my_shift_worker_status_common"/>
+        <p class="oe_structure">
+            Explanation of the status:
+        </p>
+
+        <p class="oe_structure">
+            <strong>Up To Date:</strong>
+            That's perfect! You are in order. Thanks a lot. You can come and shop, so can your eaters if you have any.
+        </p>
+    </template>
+
+    <template
+            id="help_text_regular_worker"
+            name="Help Text for Regular Worker">
+        <p class="oe_structure">
+            <strong>Alert:</strong>
+            If you are in alert status, that means you didn't do your last shift. You have
+            until your next scheduled shift to do your compensation shift according to your situation.
+            Your compensation is either simple or double. If you don't how how many compensation shifts you have to do,
+            please contact your supercooperator.
+            To do your compensation shift, no need to subscribe in advance : you come at the beginning of the shift that
+            best suits you.
+            Add your name and the indication "compensation shift" on the attendance list.
+            No panic, you still can come and shop, so can your eaters if you have any.
+        </p>
+        <p class="oe_structure">
+            <strong>Suspended:</strong>
+            If you are suspended, that means you didn't come to a shift and you didn't do you compensation shifts in the
+            delay (4 weeks).
+            You cannot shop (so as your eaters). But no need to panic : a two-weeks delay is activable on demand at the
+            entrance of the supermarket.
+            You will be able to shop during 2 more weeks and to put your situation in order.
+            To do your compensation shift, no need to subscribe in advance : you come at the beginning of the shift that
+            best suits you.
+            Add your name and the indication "compensation shift" on the attendance list.
+        </p>
+        <p class="oe_structure">
+            <strong>Auto-Extension:</strong>
+            You didn't manage to do your compensation shifts in the delay but you benefit from the auto-extension.
+            This is two more weeks to do your compensation shifts. You can shop.
+            If you don't do your compensation shifts, you'll be suspended.
+        </p>
+        <p class="oe_structure">
+            <strong>Unsubscribed:</strong>
+            You did not attend two consecutive shifts. You are now unsubscribed. You cannot shop (nor can your eaters)
+            nor come to work.
+            To subscribe again, please contact membre@bees-coop.be or come to the members office during the opening
+            hours.
+        </p>
+    </template>
+
+    <template
+            id="help_text_irregular_worker"
+            name="Help Text for Irregular Worker">
+        <p class="oe_structure">
+            <strong>Alert:</strong>
+            If you are in alert status, that means you didn't anticipate enough shifts.
+            Your counter is now negative, directly to -2.
+            You have 4 weeks to do 2 shifts to be up to date.
+            For the compensation shifts, subscribe like you do for a normal shift.
+            Be careful, in addition to these 2 shifts, don't forget to do your normal shift in the same delay to prevent
+            to be in the same situation next month.
+        </p>
+        <p class="oe_structure">
+            <strong>Suspended:</strong>
+            You did not anticipate enough shifts and you did not come back to a normal situation in the delay.
+            You cannot shop anymore, nor can your eaters.
+            But no need to panic : a two-weeks delay is activable on demand at the entrance of the supermarket.
+            You will be able to shop during 2 more weeks and to put your situation in order.
+            For the compensation shifts, subscribe like you do for a normal shift.
+        </p>
+        <p class="oe_structure">
+            <strong>Auto-Extension:</strong>
+            You didn't manage to do your compensation shifts in the delay but you benefit from the auto-extension.
+            This is two more weeks to do your compensation shifts. You can shop.
+            If you don't do your compensation shifts, you'll be suspended.
+        </p>
+        <p class="oe_structure">
+            <strong>Unsubscribed:</strong>
+            Your counter is negative and you haven't come to work for more than 8 weeks.
+            You are unsubscribed. You cannot shop nor can your eaters.
+            To subscribe again of if it's a mistake, please contact membre@bees-coop.be or come to the members office
+            during the opening hours.
+        </p>
+    </template>
+
+    <!-- Shift for non-worker -->
+    <template
+            id="my_shift_non_worker"
+            name="My Shift for Non Worker"
+            page="True">
+        <t t-call="website.layout">
+
+            <t t-call="beesdoo_website_shift.my_shift_title"/>
+
+            <section class="wrap">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-md-12">
+                            <div class="alert alert-info">
+                                Please contact the members office to suscribe to shifts.
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </section>
 
-              <p t-if="status.exempt_reason_id">
-                <label>Exempt Reason:</label>
-                <t t-esc="status.exempt_reason_id.name"/>
-              </p>
+            <div class="oe_structure"/>
 
-              <div class="oe_structure"/>
+        </t>
+    </template>
 
-            </div>
+    <!-- Shifts Exempted Workers -->
+    <template
+            id="my_shift_exempted_worker"
+            name="My Shifts for Exempted Workers"
+            page="True">
+        <t t-call="website.layout">
 
-            <div class="col-xs-12 col-md-8">
+            <t t-call="beesdoo_website_shift.my_shift_title"/>
 
-              <section class="wrap">
+            <section class="wrap">
                 <div class="container">
-                  <div class="row">
-                    <div class="col-md-12">
-                      <div class="alert alert-info">
-                        You don't have to participate to shift system.
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-
-              <div class="oe_structure"/>
-
-            </div> <!-- col-md-8 -->
-          </div> <!-- row -->
-        </div> <!-- container -->
-      </section>
+                    <div class="row">
+                        <div class="col-xs-12 col-md-4 pull-right text-justify">
 
-      <div class="oe_structure"/>
+                            <t t-call="beesdoo_website_shift.my_shift_worker_status_title"/>
 
-    </t>
-  </template>
+                            <t t-call="beesdoo_website_shift.my_shift_worker_status_common"/>
 
-  <!-- Shifts for Regular Workers -->
-  <template
-    id="my_shift_regular_worker"
-    name="My Shifts for Regular Workers"
-    page="True">
-    <t t-call="website.layout">
+                            <p t-if="status.exempt_reason_id">
+                                <label>Exempt Reason:</label>
+                                <t t-esc="status.exempt_reason_id.name"/>
+                            </p>
 
-      <t t-call="beesdoo_website_shift.my_shift_title"/>
+                            <div class="oe_structure"/>
 
-      <section class="wrap">
-        <div class="container">
-          <div class="row">
-            <div class="col-xs-12 col-md-4 pull-right text-justify">
+                        </div>
 
-              <t t-call="beesdoo_website_shift.my_shift_worker_status_title"/>
+                        <div class="col-xs-12 col-md-8">
 
-              <t t-call="beesdoo_website_shift.my_shift_worker_status_common"/>
+                            <section class="wrap">
+                                <div class="container">
+                                    <div class="row">
+                                        <div class="col-md-12">
+                                            <div class="alert alert-info">
+                                                You don't have to participate to shift system.
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </section>
 
-              <p t-if="status.sr != 0">
-                <label>Shift in Advance:</label>
-                <t t-esc="status.sr"/>
-              </p>
+                            <div class="oe_structure"/>
 
-              <p t-if="status.sc != 0">
-                <label>Compensation Shift:</label>
-                <t t-esc="status.sc"/>
-              </p>
+                        </div> <!-- col-md-8 -->
+                    </div> <!-- row -->
+                </div> <!-- container -->
+            </section>
 
-              <p t-if="status.alert_start_time">
-                <label>In Alert Since:</label>
-                <t t-esc="time.strftime('%A %d %B %Y', time.strptime(status.alert_start_time, '%Y-%m-%d'))"/>
-              </p>
+            <div class="oe_structure"/>
 
-              <p t-if="status.extension_start_time">
-                <label>In Extension Since:</label>
-                <t t-esc="time.strftime('%A %d %B %Y', time.strptime(status.extension_start_time, '%Y-%m-%d'))"/>
-              </p>
+        </t>
+    </template>
 
-              <div class="oe_structure"/>
+    <!-- Shifts regular worker without shift -->
+    <template
+            id="my_shift_regular_worker_without_shift"
+            name="My Shifts for regular worker without shift"
+            page="True">
+        <t t-call="website.layout">
 
-            </div>
+            <t t-call="beesdoo_website_shift.my_shift_title"/>
 
-            <div class="col-xs-12 col-md-8">
+            <section class="wrap">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-xs-12 col-md-4 pull-right text-justify">
 
-              <t t-call="beesdoo_website_shift.my_shift_next_shifts"/>
+                            <t t-call="beesdoo_website_shift.my_shift_worker_status_title"/>
 
-              <t t-call="beesdoo_website_shift.my_shift_past_shifts"/>
+                            <t t-call="beesdoo_website_shift.my_shift_worker_status_common"/>
 
-            </div> <!-- col-md-8 -->
 
-            <div class="col-xs-12 col-md-4 text-justify">
+                            <div class="oe_structure"/>
 
-              <div class="oe_structure"/>
+                        </div>
 
-              <t t-call="beesdoo_website_shift.help_text_title"/>
-              <t t-call="beesdoo_website_shift.help_text_common"/>
-              <t t-call="beesdoo_website_shift.help_text_irregular_worker"/>
+                        <div class="col-xs-12 col-md-8">
 
-              <div class="oe_structure"/>
+                            <section class="wrap">
+                                <div class="container">
+                                    <div class="row">
+                                        <div class="col-md-12">
+                                            <div class="alert alert-info">
+                                                Please contact the members office to suscribe to shifts.
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </section>
 
-            </div> <!-- col-md-4 -->
-          </div> <!-- row -->
-        </div> <!-- container -->
-      </section>
+                            <div class="oe_structure"/>
 
-      <div class="oe_structure"/>
+                        </div> <!-- col-md-8 -->
+                    </div> <!-- row -->
+                </div> <!-- container -->
+            </section>
 
-    </t>
-  </template>
+            <div class="oe_structure"/>
 
-  <!-- Shifts for Irregular Workers -->
-  <template
-    id="my_shift_irregular_worker"
-    name="Shifts for Irregular Workers"
-    page="True">
-    <t t-call="website.layout">
+        </t>
+    </template>
 
-      <t t-call="beesdoo_website_shift.my_shift_title"/>
+    <!-- Shifts for Regular Workers -->
+    <template
+            id="my_shift_regular_worker"
+            name="My Shifts for Regular Workers"
+            page="True">
+        <t t-call="website.layout">
 
-      <section class="wrap">
-        <div class="container">
-          <div class="row">
-            <div class="col-xs-12 col-md-4 pull-right text-justify">
+            <t t-call="beesdoo_website_shift.my_shift_title"/>
 
-              <t t-call="beesdoo_website_shift.my_shift_worker_status_title"/>
+            <section class="wrap">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-xs-12 col-md-4 pull-right text-justify">
 
-              <t t-call="beesdoo_website_shift.my_shift_worker_status_common"/>
+                            <t t-call="beesdoo_website_shift.my_shift_worker_status_title"/>
 
-              <p>
-                <label>Shift in Advance:</label>
-                <t t-esc="status.sr"/>
-              </p>
+                            <t t-call="beesdoo_website_shift.my_shift_worker_status_common"/>
 
-              <p t-if="status.future_alert_date">
-                <label>Future Date of Alert:</label>
-                <t t-esc="time.strftime('%A %d %B %Y', time.strptime(status.future_alert_date, '%Y-%m-%d'))"/>
-              </p>
+                            <p t-if="status.sr != 0">
+                                <label>Shift in Advance:</label>
+                                <t t-esc="status.sr"/>
+                            </p>
 
-              <p t-if="status.irregular_absence_date">
-                <label>Last Absence Date:</label>
-                <t t-esc="time.strftime('%A %d %B %Y', time.strptime(status.irregular_absence_date, '%Y-%m-%d'))"/>
-              </p>
+                            <p t-if="status.sc != 0">
+                                <label>Compensation Shift:</label>
+                                <t t-esc="status.sc"/>
+                            </p>
 
-              <p t-if="status.irregular_absence_counter">
-                <label>Number of Absence:</label>
-                <t t-esc="status.irregular_absence_counter"/>
-              </p>
+                            <p t-if="status.alert_start_time">
+                                <label>In Alert Since:</label>
+                                <t t-esc="time.strftime('%A %d %B %Y', time.strptime(status.alert_start_time, '%Y-%m-%d'))"/>
+                            </p>
 
-              <div class="oe_structure"/>
+                            <p t-if="status.extension_start_time">
+                                <label>In Extension Since:</label>
+                                <t t-esc="time.strftime('%A %d %B %Y', time.strptime(status.extension_start_time, '%Y-%m-%d'))"/>
+                            </p>
 
-            </div>
+                            <div class="oe_structure"/>
 
-            <div class="col-xs-12 col-md-8">
+                        </div>
 
-              <div t-if="back_from_subscription"
-                role="alert"
-                t-att-class="'alert alert-%s alert-dismissible' % ('success' if success else 'danger',)">
-                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                  <span aria-hidden="true">×</span>
-                </button>
-                <t t-if="success">
-                  <strong>Success!</strong> Your subscription has succeded.
-                </t>
-                <t t-if="not success">
-                  <strong>Failed!</strong> Your subscription has failed. Someone
-                  subscribed before you or the shift was deleted. Try again in a
-                  moment.
-                </t>
-              </div>
+                        <div class="col-xs-12 col-md-8">
 
-              <t t-call="beesdoo_website_shift.my_shift_next_shifts"/>
+                            <t t-call="beesdoo_website_shift.my_shift_next_shifts"/>
 
-              <section class="wrap">
-                <div class="container">
-                  <div class="row">
-                    <div class="col-md-12">
-                      <h2>
-                        Available Shifts
-                      </h2>
-                    </div>
-                  </div>
-                </div>
-              </section>
+                            <t t-call="beesdoo_website_shift.my_shift_past_shifts"/>
 
-              <div class="oe_structure"/>
+                        </div> <!-- col-md-8 -->
 
-              <section class="wrap">
-                <div class="container">
-                  <div class="row">
-                    <div class="col-xs-12 col-sm-6 text-justify">
-                      <p>
-                        Please, subscribe, in priority, to the highlighted shifts. To sign up to a shift click on the
-                        subscribe button. Notice that you can not unsubscribe online. To unsubscribe to a shift, please,
-                        contact us.
-                      </p>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <div class="oe_structure"/>
+                        <div class="col-xs-12 col-md-4 text-justify">
 
-              <t t-call="beesdoo_website_shift.available_shift_irregular_worker"/>
+                            <div class="oe_structure"/>
 
-              <t t-call="beesdoo_website_shift.my_shift_past_shifts"/>
+                            <t t-call="beesdoo_website_shift.help_text_title"/>
+                            <t t-call="beesdoo_website_shift.help_text_common"/>
+                            <t t-call="beesdoo_website_shift.help_text_irregular_worker"/>
 
-            </div> <!-- col-md-8 -->
+                            <div class="oe_structure"/>
 
-            <div class="col-xs-12 col-md-4 text-justify">
+                        </div> <!-- col-md-4 -->
+                    </div> <!-- row -->
+                </div> <!-- container -->
+            </section>
 
-              <div class="oe_structure"/>
+            <div class="oe_structure"/>
 
-              <t t-call="beesdoo_website_shift.help_text_title"/>
-              <t t-call="beesdoo_website_shift.help_text_common"/>
-              <t t-call="beesdoo_website_shift.help_text_irregular_worker"/>
+        </t>
+    </template>
 
-              <div class="oe_structure"/>
+    <!-- Shifts for Irregular Workers -->
+    <template
+            id="my_shift_irregular_worker"
+            name="Shifts for Irregular Workers"
+            page="True">
+        <t t-call="website.layout">
 
-            </div> <!-- col-md-4 -->
-          </div> <!-- row -->
-        </div> <!-- container -->
-      </section>
+            <t t-call="beesdoo_website_shift.my_shift_title"/>
 
-      <div class="oe_structure"/>
+            <section class="wrap">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-xs-12 col-md-4 pull-right text-justify">
+
+                            <t t-call="beesdoo_website_shift.my_shift_worker_status_title"/>
+
+                            <t t-call="beesdoo_website_shift.my_shift_worker_status_common"/>
+
+                            <p>
+                                <label>Shift in Advance:</label>
+                                <t t-esc="status.sr"/>
+                            </p>
+
+                            <p t-if="status.future_alert_date">
+                                <label>Future Date of Alert:</label>
+                                <t t-esc="time.strftime('%A %d %B %Y', time.strptime(status.future_alert_date, '%Y-%m-%d'))"/>
+                            </p>
+
+                            <p t-if="status.irregular_absence_date">
+                                <label>Last Absence Date:</label>
+                                <t t-esc="time.strftime('%A %d %B %Y', time.strptime(status.irregular_absence_date, '%Y-%m-%d'))"/>
+                            </p>
+
+                            <p t-if="status.irregular_absence_counter">
+                                <label>Number of Absence:</label>
+                                <t t-esc="status.irregular_absence_counter"/>
+                            </p>
+
+                            <div class="oe_structure"/>
+
+                        </div>
+
+                        <div class="col-xs-12 col-md-8">
+
+                            <div t-if="back_from_subscription"
+                                 role="alert"
+                                 t-att-class="'alert alert-%s alert-dismissible' % ('success' if success else 'danger',)">
+                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                                    <span aria-hidden="true">×</span>
+                                </button>
+                                <t t-if="success">
+                                    <strong>Success!</strong>
+                                    Your subscription has succeded.
+                                </t>
+                                <t t-if="not success">
+                                    <strong>Failed!</strong>
+                                    Your subscription has failed. Someone
+                                    subscribed before you or the shift was deleted. Try again in a
+                                    moment.
+                                </t>
+                            </div>
+
+                            <t t-call="beesdoo_website_shift.my_shift_next_shifts"/>
+
+                            <section class="wrap">
+                                <div class="container">
+                                    <div class="row">
+                                        <div class="col-md-12">
+                                            <h2>
+                                                Available Shifts
+                                            </h2>
+                                        </div>
+                                    </div>
+                                </div>
+                            </section>
+
+                            <div class="oe_structure"/>
+
+                            <section class="wrap">
+                                <div class="container">
+                                    <div class="row">
+                                        <div class="col-xs-12 col-sm-6 text-justify">
+                                            <p>
+                                                Please, subscribe, in priority, to the highlighted shifts. To sign up to
+                                                a shift click on the
+                                                subscribe button. Notice that you can not unsubscribe online. To
+                                                unsubscribe to a shift, please,
+                                                contact us.
+                                            </p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </section>
+                            <div class="oe_structure"/>
+
+                            <t t-call="beesdoo_website_shift.available_shift_irregular_worker"/>
+
+                            <t t-call="beesdoo_website_shift.my_shift_past_shifts"/>
+
+                        </div> <!-- col-md-8 -->
+
+                        <div class="col-xs-12 col-md-4 text-justify">
+
+                            <div class="oe_structure"/>
+
+                            <t t-call="beesdoo_website_shift.help_text_title"/>
+                            <t t-call="beesdoo_website_shift.help_text_common"/>
+                            <t t-call="beesdoo_website_shift.help_text_irregular_worker"/>
+
+                            <div class="oe_structure"/>
+
+                        </div> <!-- col-md-4 -->
+                    </div> <!-- row -->
+                </div> <!-- container -->
+            </section>
+
+            <div class="oe_structure"/>
 
-    </t>
-  </template>
+        </t>
+    </template>
 
 </openerp>