<div id="shifts"class="container"
     data-bind="visible: chosenworker() != null"
     style="min-height: 500px;">
    <div class="col-lg-12"
         style="padding: 0; margin-top: -20px;">
        <div class="col-lg-6" data-bind="with: chosenworker">
            <div class="col-lg-4"
                 style="display: inline; padding-bottom: 10px;">
                <strong class="text-muted">Labors:</strong>
                <strong data-bind="text: shifts().length"></strong>
            </div>
            <div class="col-lg-4"
                 style="display: inline">
                <strong class="text-muted">Total hours:</strong>
                <strong data-bind="text: total_hours ? total_hours : '0.00'"></strong>
            </div>
            <div class="col-lg-4"
                 style="display: inline">
                <strong class="text-muted">Total cost:</strong>
                <strong data-bind="text: total_cost ? total_cost : '$0.00'"></strong>
            </div>
        </div>
        <div class="col-lg-6 container-fluid text-right">
            <a class="btn btn-lg"
               style="cursor: pointer;"
               title="Back to the list"
               data-bind="click: unchoseworker">
                <span class="glyphicon glyphicon-circle-arrow-left"></span>
            </a>
            <a class="btn btn-lg"
               style="cursor: pointer;"
               title="Save all shifts"
               data-bind="click: save_all_shifts">
                <span class="glyphicon glyphicon-floppy-saved"></span>
            </a>
            <a class="btn btn-lg"
               style="cursor: pointer;"
               title="Refresh whole list"
               data-bind="click: refresh_all_shifts">
                <span class="glyphicon glyphicon-repeat"></span>
            </a>
            <div class="dropdown pull-right">
                <a data-toggle="dropdown" href="#"
                   class="btn btn-lg"
                   style="cursor: pointer;"
                   title="Export labors">
                    <span class="glyphicon glyphicon-share"></span>
                </a>
                <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                    <li>
                        <a data-bind="click: export_chosen_worker_labors_xls"
                           title="Export labors to xls" href="#">
                            To xls
                        </a>
                    </li>
                    {#<li>
                        <a style="cursor: pointer;">
                            To pdf
                        </a>
                    </li>#}
                </ul>
            </div>
        </div>
    </div>
<div data-bind="with: chosenworker">
<div class="col-lg-12"
     style="padding: 0;">
    <div data-bind="with: filter_shift_workorder(),
                                            visible: filter_shift_workorder().workorder()"
         style="display: inline">
        WO:
        <strong class="text-muted"
                data-bind="text: workorder"></strong>
                    <span class="glyphicon glyphicon-remove-circle"
                          style="cursor: pointer"
                          data-bind="click: setBLANK"></span>
    </div>
    <div data-bind="with: filter_shift_asn(),
                                            visible: filter_shift_asn().asn()"
         style="display: inline">
        No:
        <strong class="text-muted"
                data-bind="text: asn"></strong>
                    <span class="glyphicon glyphicon-remove-circle"
                          style="cursor: pointer"
                          data-bind="click: setBLANK"></span>
    </div>
    <div data-bind="with: filter_shift_dep(),
                                            visible: filter_shift_dep().department() != null"
         style="display: inline">
        Department:
        <strong class="text-muted"
                data-bind="text: name()"></strong>
                    <span class="glyphicon glyphicon-remove-circle"
                          style="cursor: pointer"
                          data-bind="click: setBLANK"></span>
    </div>
    <div data-bind="with: filter_shift_worker(),
                                        visible: filter_shift_worker().worker()"
         style="display: inline">
        Employee:
        <strong class="text-muted"
                data-bind="text: worker()"></strong>
                    <span class="glyphicon glyphicon-remove-circle"
                          style="cursor: pointer"
                          data-bind="click: setBLANK"></span>
    </div>
    <div data-bind="with: filter_shift_area(),
                                        visible: filter_shift_area().area()"
         style="display: inline">
        Area:
        <strong class="text-muted"
                data-bind="text: area()"></strong>
                    <span class="glyphicon glyphicon-remove-circle"
                          style="cursor: pointer"
                          data-bind="click: setBLANK"></span>
    </div>
    <div data-bind="with: filter_shift_description(),
                                        visible: filter_shift_description().description()"
         style="display: inline">
        Work:
        <strong class="text-muted"
                data-bind="text: description()"></strong>
                    <span class="glyphicon glyphicon-remove-circle"
                          style="cursor: pointer"
                          data-bind="click: setBLANK"></span>
    </div>
    <div data-bind="with: filter_shift_date(),
                                    visible: filter_shift_date().sdate()"
         style="display: inline; width: auto;">
        Date:
        <strong class="text-muted"
                data-bind="text: sdate"></strong>
        <strong class="text-muted"
                data-bind="visible: edate() != null,
                                           text: ' - '"></strong>
        <strong class="text-muted"
                data-bind="visible: edate() != null,
                                           text: edate"></strong>
                    <span class="glyphicon glyphicon-remove-circle"
                          style="cursor: pointer"
                          data-bind="click: setBLANK"></span>
    </div>
</div>
<div class="table-responsive col-lg-12"
     style="padding: 0;">
<table class="table table-striped table-hover">
<thead>
<tr>
<!--Work Order - No column -->
<th class="col-lg-1 text-center">
    <div data-bind="visible: filter_shift_workorder().editable() == 0">
        WO
        <div style="display: inline"
             data-bind="with: filter_shift_workorder">
            <a id="filtermenu_shift_workorder"
               style="padding: 0px; cursor: pointer"
               title="Apply sort"
               data-bind="click: activate_workorder">
                <span class="glyphicon glyphicon-filter"></span>
            </a>
        </div>
        <div class="dropdown"
             style="display: inline"
             data-bind="with: sorter_shift_workorder">
            <a id="sortermenu_shift_workorder"
               style="padding: 0px; cursor: pointer"
               title="Sort"
               data-toggle="dropdown"
               aria-expanded="true">
                                            <span
                                                    data-bind="attr:{class: sort() == '' ?
                                                'glyphicon glyphicon-sort' :
                                                sort() == 'ASC' ?
                                                'glyphicon glyphicon-sort-by-attributes' :
                                                'glyphicon glyphicon-sort-by-attributes-alt'}"></span>
            </a>
            <ul class="dropdown-menu" role="menu"
                aria-labelledby="sortermenu_shift_workorder" style="min-width: 10px;">
                <li role="presentation">
                    <a role="menuitem"
                       tabindex="-1"
                       style="padding: 0 5px; cursor: pointer"
                       data-bind="click: setASC">
                        <span class="glyphicon glyphicon-sort-by-attributes"></span> ASC
                    </a>
                </li>
                <li role="presentation">
                    <a role="menuitem"
                       tabindex="-1"
                       style="padding: 0 5px; cursor: pointer"
                       data-bind="click: setDESC">
                        <span class="glyphicon glyphicon-sort-by-attributes-alt"></span> DESC
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div data-bind="visible: filter_shift_workorder().editable() == 1">
        <input id="filter_shift_workorder_input"
               style="font-weight: normal"
               data-bind="value: filter_shift_workorder().workorder"
               class="form-control for-desktop text-center"/>
    </div>
</th>
<!--Work Order - No column -->
<th class="col-lg-1 text-center">
    <div data-bind="visible: filter_shift_asn().editable() == 0">
        No
        <div style="display: inline"
             data-bind="with: filter_shift_asn">
            <a id="filtermenu_shift_asn"
               style="padding: 0px; cursor: pointer"
               title="Apply sort"
               data-bind="click: activate_asn">
                <span class="glyphicon glyphicon-filter"></span>
            </a>
        </div>
        <div class="dropdown"
             style="display: inline"
             data-bind="with: sorter_shift_asn">
            <a id="sortermenu_shift_asn"
               style="padding: 0px; cursor: pointer"
               title="Sort"
               data-toggle="dropdown"
               aria-expanded="true">
                                                                        <span
                                                                                data-bind="attr:{class: sort() == '' ?
                                                                            'glyphicon glyphicon-sort' :
                                                                            sort() == 'ASC' ?
                                                                            'glyphicon glyphicon-sort-by-attributes' :
                                                                            'glyphicon glyphicon-sort-by-attributes-alt'}"></span>
            </a>
            <ul class="dropdown-menu" role="menu"
                aria-labelledby="sortermenu_shift_asn" style="min-width: 10px;">
                <li role="presentation">
                    <a role="menuitem"
                       tabindex="-1"
                       style="padding: 0 5px; cursor: pointer"
                       data-bind="click: setASC">
                        <span class="glyphicon glyphicon-sort-by-attributes"></span> ASC
                    </a>
                </li>
                <li role="presentation">
                    <a role="menuitem"
                       tabindex="-1"
                       style="padding: 0 5px; cursor: pointer"
                       data-bind="click: setDESC">
                        <span class="glyphicon glyphicon-sort-by-attributes-alt"></span> DESC
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div data-bind="visible: filter_shift_asn().editable() == 1">
        <input id="filter_shift_asn_input"
               style="font-weight: normal"
               data-bind="value: filter_shift_asn().asn"
               class="form-control for-desktop-control text-center"/>
    </div>
</th>
<!-- Department column -->
<!--<th class="col-lg-2">
    <div data-bind="visible: filter_shift_dep().editable() == 0">
        Department
        <div style="display: inline"
             data-bind="with: filter_shift_dep">
            <a id="filtermenu_department"
               style="padding: 0px; cursor: pointer"
               title="Apply sort"
               data-bind="click: activate_department">
                <span class="glyphicon glyphicon-filter"></span>
            </a>
        </div>
        <div class="dropdown"
             style="display: inline"
             data-bind="with: sorter_shift_dep">
            <a id="sortermenu_department"
               style="padding: 0px; cursor: pointer"
               title="Sort"
               data-toggle="dropdown"
               aria-expanded="true">
                                                                        <span data-bind="attr:{class: sort() == '' ?
                                                                            'glyphicon glyphicon-sort' :
                                                                            sort() == 'ASC' ?
                                                                            'glyphicon glyphicon-sort-by-attributes' :
                                                                            'glyphicon glyphicon-sort-by-attributes-alt'}"></span>
            </a>
            <ul class="dropdown-menu" role="menu"
                aria-labelledby="sortermenu_department"
                style="min-width: 10px;">
                <li role="presentation">
                    <a role="menuitem"
                       tabindex="-1"
                       style="padding: 0 5px; cursor: pointer"
                       data-bind="click: setASC">
                        <span class="glyphicon glyphicon-sort-by-attributes"></span> ASC
                    </a>
                </li>
                <li role="presentation">
                    <a role="menuitem"
                       tabindex="-1"
                       style="padding: 0 5px; cursor: pointer"
                       data-bind="click: setDESC">
                        <span class="glyphicon glyphicon-sort-by-attributes-alt"></span> DESC
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div data-bind="visible: filter_shift_dep().editable() == 1">
       <select class="form-control for-desktop"
                style="font-weight: normal"
                tabindex="1"
                id="department_select"
                data-bind="options: $root.departments,
                                                           optionsCaption: 'Department',
                                                           optionsText: 'name',
                                                           value: filter_shift_dep().department">
        </select>
    </div>
</th>
<!-- Employee column -->
<!--<th class="col-lg-3">
    <div data-bind="visible: filter_shift_worker().editable() == 0">
        Employee
        <div style="display: inline"
             data-bind="with: filter_shift_worker">
            <a id="filtermenu_wo"
               style="padding: 0px; cursor: pointer"
               title="Apply sort"
               data-bind="click: activate_worker">
                <span class="glyphicon glyphicon-filter"></span>
            </a>
        </div>
        <div class="dropdown"
             style="display: inline"
             data-bind="with: sorter_shift_worker">
            <a id="sortermenu_wo"
               style="padding: 0px; cursor: pointer"
               title="Sort"
               data-toggle="dropdown"
               aria-expanded="true">
                                                                                        <span data-bind="attr:{class: sort() == '' ? 'glyphicon glyphicon-sort' :
                                                                                                                      sort() == 'ASC' ?
                                                                                                                      'glyphicon glyphicon-sort-by-attributes' :
                                                                                                                      'glyphicon glyphicon-sort-by-attributes-alt'}"></span>
            </a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="sortermenu_shift_description" style="min-width: 10px;">
                <li role="presentation">
                    <a role="menuitem"
                       tabindex="-1"
                       style="padding: 0 5px; cursor: pointer"
                       data-bind="click: setASC">
                        <span class="glyphicon glyphicon-sort-by-attributes"></span> ASC
                    </a>
                </li>
                <li role="presentation">
                    <a role="menuitem"
                       tabindex="-1"
                       style="padding: 0 5px; cursor: pointer"
                       data-bind="click: setDESC">
                        <span class="glyphicon glyphicon-sort-by-attributes-alt"></span> DESC
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div data-bind="visible: filter_shift_worker().editable() == 1">
        <input data-bind="value: filter_shift_worker().worker
               class="form-control for-desktop"/>
    </div>
</th>-->
<!-- Area column -->
<th class="col-lg-2">
    <div data-bind="visible: filter_shift_area().editable() == 0">
        Area
        <div style="display: inline"
             data-bind="with: filter_shift_area">
            <a id="filtermenu_shift_area"
               style="padding: 0px; cursor: pointer"
               title="Apply sort"
               data-bind="click: activate_area">
                <span class="glyphicon glyphicon-filter"></span>
            </a>
        </div>
        <div class="dropdown"
             style="display: inline"
             data-bind="with: sorter_shift_area">
            <a id="sortermenu_shift_area"
               style="padding: 0px; cursor: pointer"
               title="Sort"
               data-toggle="dropdown"
               aria-expanded="true">
                                                                        <span
                                                                                data-bind="attr:{class: sort() == '' ?
                                                                            'glyphicon glyphicon-sort' :
                                                                            sort() == 'ASC' ?
                                                                            'glyphicon glyphicon-sort-by-attributes' :
                                                                            'glyphicon glyphicon-sort-by-attributes-alt'}"></span>
            </a>
            <ul class="dropdown-menu" role="menu"
                aria-labelledby="sortermenu_shift_area" style="min-width: 10px;">
                <li role="presentation">
                    <a role="menuitem"
                       tabindex="-1"
                       style="padding: 0 5px; cursor: pointer"
                       data-bind="click: setASC">
                        <span class="glyphicon glyphicon-sort-by-attributes"></span> ASC
                    </a>
                </li>
                <li role="presentation">
                    <a role="menuitem"
                       tabindex="-1"
                       style="padding: 0 5px; cursor: pointer"
                       data-bind="click: setDESC">
                        <span class="glyphicon glyphicon-sort-by-attributes-alt"></span> DESC
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div data-bind="visible: filter_shift_area().editable() == 1">
        <input id="filter_shift_area_input"
               style="font-weight: normal"
               data-bind="value: filter_shift_area().area"
               class="form-control"/>
    </div>
</th>
<!-- Work column -->
<th class="col-md-4">
    <div data-bind="visible: filter_shift_description().editable() == 0">
        Work
        <div style="display: inline"
             data-bind="with: filter_shift_description">
            <a id="filtermenu_shift_description"
               style="padding: 0px; cursor: pointer"
               title="Apply sort"
               data-bind="click: activate_description">
                <span class="glyphicon glyphicon-filter"></span>
            </a>
        </div>
        <div class="dropdown"
             style="display: inline"
             data-bind="with: sorter_shift_description">
            <a id="sortermenu_shift_description"
               style="padding: 0px; cursor: pointer"
               title="Sort"
               data-toggle="dropdown"
               aria-expanded="true">
                                                                                                                    <span data-bind="attr:{class: sort() == '' ? 'glyphicon glyphicon-sort' :
                                                                                                                                                  sort() == 'ASC' ?
                                                                                                                                                  'glyphicon glyphicon-sort-by-attributes' :
                                                                                                                                                  'glyphicon glyphicon-sort-by-attributes-alt'}"></span>
            </a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="sortermenu_shift_description" style="min-width: 10px;">
                <li role="presentation">
                    <a role="menuitem"
                       tabindex="-1"
                       style="padding: 0 5px; cursor: pointer"
                       data-bind="click: setASC">
                        <span class="glyphicon glyphicon-sort-by-attributes"></span> ASC
                    </a>
                </li>
                <li role="presentation">
                    <a role="menuitem"
                       tabindex="-1"
                       style="padding: 0 5px; cursor: pointer"
                       data-bind="click: setDESC">
                        <span class="glyphicon glyphicon-sort-by-attributes-alt"></span> DESC
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div data-bind="visible: filter_shift_description().editable() == 1">
        <input id="filter_shift_description_input"
               style="font-weight: normal"
               data-bind="value: filter_shift_description().description"
               class="form-control for-desktop"/>
    </div>
</th>
<!-- Date column -->
<th class="col-lg-1">
    <div data-bind="visible: filter_shift_date().editable() == 0">
        Date
        <div class="dropdown"
             style="display: inline"
             data-bind="with: filter_shift_date">
            <a id="filtermenu_shift_date"
               style="padding: 0px; cursor: pointer"
               title="Apply sort"
               data-toggle="dropdown"
               aria-expanded="true">
                <span class="glyphicon glyphicon-filter"></span>
            </a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="filtermenu_shift_date" style="min-width: 10px;">
                <li role="presentation">
                    <a role="menuitem"
                       tabindex="-1"
                       style="padding: 0 5px; cursor: pointer"
                       data-bind="click: activate_date">
                        <span class="glyphicon glyphicon-calendar"></span> Date
                    </a>
                </li>
                <li role="presentation">
                    <a role="menuitem"
                       tabindex="-1"
                       style="padding: 0 5px; cursor: pointer"
                       data-bind="click: activate_range">
                        <span class="glyphicon glyphicon-link"></span> Date range
                    </a>
                </li>
            </ul>
        </div>
        <div class="dropdown"
             style="display: inline"
             data-bind="with: sorter_shift_date">
            <a id="sortermenu_shift_date"
               style="padding: 0px; cursor: pointer"
               title="Sort"
               data-toggle="dropdown"
               aria-expanded="true">
                                            <span data-bind="attr:{class: sort() == '' ? 'glyphicon glyphicon-sort' :
                                                             sort() == 'ASC' ?
                                                             'glyphicon glyphicon-sort-by-attributes' :
                                                             'glyphicon glyphicon-sort-by-attributes-alt'}"></span>
            </a>
            <ul class="dropdown-menu" role="menu"
                aria-labelledby="sortermenu_shift_date" style="min-width: 10px;">
                <li role="presentation">
                    <a role="menuitem"
                       tabindex="-1"
                       style="padding: 0 5px; cursor: pointer"
                       data-bind="click: setASC">
                        <span class="glyphicon glyphicon-sort-by-attributes"></span> ASC
                    </a>
                </li>
                <li role="presentation">
                    <a role="menuitem"
                       tabindex="-1"
                       style="padding: 0 5px; cursor: pointer"
                       data-bind="click: setDESC">
                        <span class="glyphicon glyphicon-sort-by-attributes-alt"></span> DES
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div data-bind="visible: filter_shift_date().editable() == 1">
        <input id="filter_shift_date_sdate_input"
               data-bind="value: filter_shift_date().sdate"
               data-date = ""
               data-date-format="mm/dd/yyyy"
               data-link-field="filter_shift_date_sdate_input"
               data-link-format="mm/dd/yyyy"
               style="font-weight: normal"
               class="form-control for-desktop datepicker text-center"/>
    </div>
    <div data-bind="visible: filter_shift_date().editable() == 2">
        <input id="filter_shift_created_sdate1_input"
               data-bind="value: filter_shift_date().sdate"
               data-date = ""
               data-date-format="mm/dd/yyyy"
               data-link-field="filter_shift_date_sdate1_input"
               data-link-format="mm/dd/yyyy"
               style="font-weight: normal"
               class="form-control for-desktop datepicker text-center"/>
        <input id="filter_shift_created_edate1_input"
               data-bind="value: filter_shift_date().edate"
               data-date = ""
               data-date-format="mm/dd/yyyy"
               data-link-field="filter_shift_date_edate1_input"
               data-link-format="mm/dd/yyyy"
               style="font-weight: normal"
               class="form-control for-desktop datepicker text-center"/>
    </div>
</th>
<!-- Satrts column -->
<th class="col-xs-05">Starts</th>
<!-- Ends column -->
<th class="col-xs-05">Ends</th>
<!-- Lunch column -->
<th>Lunch</th>
<!-- Time Quantity column -->
<th>Time</th>
<!-- Cost column -->
<th>Cost</th>
<th colspan="2" class="text-center">
    <a style="cursor: pointer;"
       title="Add new Labor"
       data-bind="click: new_shift_top">
        <span class="glyphicon glyphicon-plus"></span>
    </a>
</th>
</tr>
</thead>
<tbody data-bind="foreach: shifts">
<tr>
    <td class="text-center">
        <p data-bind="visible: !full_editable(),
                                              text: workorder"></p>
        <input data-bind="visible: full_editable(),
                          value: workorder, attr:{id: 'shift-workorder-' + $index()}"
               placeholder="WO"
               class="form-control for-desktop text-center"/>
    </td>
    <td class="text-center inter-td">
        <p data-bind="visible: !full_editable(),
                                              text: assigned_stock_no"></p>
        <input data-bind="visible: full_editable(),
                          value: assigned_stock_no, attr:{id: 'shift-asn-' + $index()}"
               placeholder="S. No."
               class="form-control for-desktop text-center wo-no"/>
    </td>
    {#<td class="inter-td" data-bind="text: department"/>
    <td class="inter-td" data-bind="text: worker"/>#}
    <td class="inter-td">
        <p data-bind="visible: !full_editable(),
                                              text: area"></p>
        <input data-bind="visible: full_editable(),
                          value: area"
               placeholder="Area"
               class="form-control for-desktop"/>
    </td>
    <td class="inter-td">
        <p data-bind="visible: !full_editable(),
                                              text: description"></p>
        <input data-bind="visible: full_editable(),
                          value: description"
               placeholder="Work description"
               class="form-control for-desktop"/>
    </td>
    <td class="inter-td text-center">
        <p data-bind="visible: !full_editable() && !partial_editable(),
                                              text: date"></p>
        <input data-bind="visible: full_editable() || partial_editable(),
                          value: date, attr:{id: 'shift-date-' + $index()}"
               placeholder="Date"
               data-date = ""
               data-date-format="mm/dd/yyyy"
               data-link-format="mm/dd/yyyy"
               class="form-control for-desktop text-center"/>
    </td>
    <td class="inter-td text-center">
        <p data-bind="visible: !full_editable() && !partial_editable(),
                                              text: starts"></p>
        <input data-bind="visible: full_editable() || partial_editable(),
                          value: starts, attr:{id: 'shift-starts-' + $index()}"
               placeholder="Start T"
               data-date=""
               data-date-format="hh:ii"
               data-link-format="hh:ii"
               class="form-control for-desktop text-center"/>
    </td>
    <td class="inter-td text-center">
        <p data-bind="visible: !full_editable() && !partial_editable(),
                      text: ends"></p>
        <input data-bind="visible: full_editable() || partial_editable(),
                          value: ends, attr:{id: 'shift-ends-' + $index()}"
               placeholder="End T"
               data-date= ""
               data-date-format="hh:ii"
               data-link-format="hh:ii"
               class="form-control for-desktop text-center"/>
    </td>
    <td class="inter-td text-center" style="vertical-align: middle">
        <span class="glyphicon glyphicon-ban-circle"
              style="color: #d43f3a; cursor: pointer; width: 100%; height: 100%;"
              title="Edit"
              data-bind="visible: !lunch() && !full_editable() && !partial_editable()"></span>
        <span class="glyphicon glyphicon-ok-circle"
              style="color: #5cb85c; cursor: pointer; width: 100%; height: 100%;"
              title="Edit"
              data-bind="visible: lunch() && !full_editable() && !partial_editable()"></span>
        <input type="checkbox"
               data-bind="checked: lunch,
                          visible: full_editable() || partial_editable(),
                          attr:{id: 'shift-lunch-' + $index()}">
    </td>
    <td class="inter-td text-center" data-bind="text: formatedTime"/>
    <td class="inter-td text-center" data-bind="text: formatedCost"/>
    <td class="inter-td text-center">
                                <span class="glyphicon glyphicon-pencil"
                                      style="color: #eea236; cursor: pointer; width: 100%; height: 100%;"
                                      title="Edit"
                                      data-bind="visible: !full_editable() && !partial_editable(),
                                                 click: enable_full_edit"></span>
                                <span class="glyphicon glyphicon-floppy-disk"
                                      style="color: #5cb85c; cursor: pointer; width: 100%; height: 100%;"
                                      title="Save"
                                      data-bind="visible: full_editable() || partial_editable(),
                                                 click: save_me"></span>
    </td>
    <td class="inter-td text-center">
                                <span class="glyphicon glyphicon-tags"
                                      style="color: #428bca; cursor: pointer; width: 100%; height: 100%;"
                                      title="Add shift"
                                      data-bind="visible: !full_editable() && !partial_editable(),
                                                 click: clone_me"></span>
                                <span class="glyphicon glyphicon-trash"
                                      style="color: #d43f3a; cursor: pointer; width: 100%; height: 100%;"
                                      title="Add shift"
                                      data-bind="visible: full_editable() || partial_editable(),
                                                 click: delete_me"></span>
    </td>
</tr>
</tbody>
<tr>
    <td colspan="10"></td>
    <td colspan="2" class="text-center">
        <a style="cursor: pointer;"
           title="Add new Labor"
           data-bind="click: new_shift_bottom">
            <span class="glyphicon glyphicon-plus"></span>
        </a>
    </td>
</tr>
</table>
</div>
</div>
</div>