{{extend 'layout_iFrame.html'}}

<!-- show PCA Schedule -->
<h2>Member's PCA Schedule ({{=memberName}})</h2>
<p>
Total Scheduled Hours: <strong>{{=totalScheduledHours}}</strong>
</p>
<table>
    <!-- header row -->
    <thead>
    <tr style="border: 3px solid blue;">
        {{for weekDayRec in db(db.WeekDays.id>0).select():}}
            <td style = "border: 3px solid blue;"><strong>{{=weekDayRec.Val}}</Strong></td>
        {{pass}}
    </tr>
    <tr>
        {{for tot in minTotals:}}
            <td style = "border: 3px solid blue;">Hrs: {{=tot}}</td>
        {{pass}}
    </tr>
    </thead>
    <tbody>
    <tr>
        {{for col in range(0, 7):}}
            <td style = "border: 1px solid green;" id = "timeblock_add_id_{{=str(col+1)}}">
                <div id = "timeblock_add_div_id_{{=str(col+1)}}">
                <p style = "text-align: center">{{=A(IMG(_src=URL(r=request,c='static',f='addnew.gif'),_alt="Add New Schedule Block"),_href="javascript:BeginTBAdd(%s)" % str(col+1))}}</p>
                </div>
            </td>
        {{pass}}
    </tr>
{{for row in range(0, maxBlocks):}}
    <tr>
        {{for col in range(0, 7):}}
            {{if blockTable[col][row] != None:}}
                {{if blockTable[col][row].PCA_ID != 0:}}
                    {{pcaName = db.PCAs[blockTable[col][row].PCA_ID].FirstName + " " + db.PCAs[blockTable[col][row].PCA_ID].LastName}}
                {{else:}}
                    {{pcaName = "Unknown - Import Error!"}}
                {{pass}}
                <td style = "border: 3px solid green; background-color: {{='#%02X%02X%02X' % colors[blockTable[col][row].PCA_ID]}};">
                <div id = "block_table_td_{{=str(blockTable[col][row].id)}}">
                    <!--{{=A(pcaName,_href=URL(r=request,c="PCAs", f='ViewPCA?PCAID=%s'%str(blockTable[col][row].PCA_ID)))}}<br>-->
                    {{=pcaName}}<br>
                    {{=blockTable[col][row].BlockStart.strftime("%I:%M %p")}}<br>
                    {{=blockTable[col][row].BlockEnd.strftime("%I:%M %p")}}<br>
                    {{=A(IMG(_src=URL(r=request,c='static',f='edit.gif'),_alt="Edit Schedule Block"),_href="javascript:BeginTBEdit(%s)" % blockTable[col][row].id)}}<br>
                    {{=A(IMG(_src=URL(r=request,c='static',f='delete.gif'),_alt="Delete Schedule Block"),_href="javascript:BeginDeleteEdit(%s)" % blockTable[col][row].id)}}
                </div>
                </td>
            {{else:}}
                <td style = "border: 1px solid green;">
                </td>
            {{pass}}

        {{pass}}
    </tr>
{{pass}}
    </tbody>
</table>

<script>
var old_td_html = "";
var tbID = "";
var editingTB = false;
var mID = {{=mID}}
var lastSelected_timeblock_td = "#timeblock_td_0";
var newDay = 1;

function confirmDelete1()
{
    if(editingTB == true)
    {
        window.alert("Cannot delete time blocks when another block is being edited.");
        return false;
    }

    return confirm("Do you really want to Delete this time block?");
};



function checkTBForm()
{
    //window.alert("You are here 2");
    var PCAID = $("#tbEditForm_PCAID").val();
    var Sta = $("#tbEditForm_BlockStart").val();
    var End = $("#tbEditForm_BlockEnd").val();
    var accepted = false;
    var message = "";
    //window.alert("You are here 3");

    function check1(data)
    {
        //window.alert("You are here 1");
        accepted = data.Accepted;
        message = data.Message;
        //window.alert("Message:" + message);
    }

    ///jQuery.getJSON('validateTimeblockEditForm.json',{mID: mID, Sta: Sta, End: End}, check1);

    $.ajax({
        type: 'GET',
        url: 'validateMemberTimeblockEditForm.json',
        dataType: 'json',
        success: check1,
        data: {blockID: tbID, PCAID: PCAID, mID: mID, Sta: Sta, End: End},
        async: false
    });

    //window.alert("You are here 4");

    if(accepted!=true)
    {
        window.alert("Message:" + message);
        return false;
    }
    //window.alert("accepted " + accepted);
    //window.alert(message);
    return true;
};


function BeginTBEdit(blockID)
{
    if(editingTB == true)
    {
        window.alert("Only one time block may be edited at a time.");
        return false;
    }
    //window.alert("You are here 1 - blockID:" + blockID);
    // request values from the server to fill the form fields
    jQuery.getJSON('getMemberTimeblockEditForm.json',{blockID: blockID}, FillEditBlock);
    //window.alert("You are here 2");
    editingTB = true
};


function BeginDeleteEdit(blockID)
{
    result = confirmDelete1()
    if(result == true)
    {
        jQuery.getJSON('deleteMemberTimeblock.json',{blockID: blockID}, function(){return true;});
        location.reload(true);
    }
};

function FillEditBlock(data)
{

    tbID = data.tbID
    old_td_html = $("#block_table_td_" + data.tbID).html();
    //window.alert(data);
    $("#block_table_td_" + data.tbID).html(data.tbEditForm);

    // rewire form on submit event
    $('#tbEditForm').attr("onSubmit", "return checkTBForm()")
    //window.alert("You are here 4");
};


function CancelTBEdit()
{
    location.reload(true);
};


function CancelTBAdd()
{
    location.reload(true);
};

function checkTBAddForm()
{
    //window.alert("You are here 2");
    var PCAID = $("#tbAddForm_PCAID").val();
    var Sta = $("#tbAddForm_BlockStart").val();
    var End = $("#tbAddForm_BlockEnd").val();
    var Sunday = $("#tbAddForm_Sunday:checked").val();
    var Monday = $("#tbAddForm_Monday:checked").val();
    var Tuesday = $("#tbAddForm_Tuesday:checked").val();
    var Wednesday = $("#tbAddForm_Wednesday:checked").val();
    var Thursday = $("#tbAddForm_Thursday:checked").val();
    var Friday = $("#tbAddForm_Friday:checked").val();
    var Saturday = $("#tbAddForm_Saturday:checked").val();
    var Day = newDay
    var accepted = false;
    var message = "";
    //window.alert("You are here 3");

    function check1(data)
    {
        //window.alert("You are here 1");
        accepted = data.Accepted;
        message = data.Message;
        //window.alert("Message:" + message);
    }

    //jQuery.getJSON('validateTimeblockAddForm.json',{mID: mID, Sta: Sta, End: End}, check1);

    $.ajax({
        type: 'GET',
        url: 'validateMemberTimeblockAddForm.json',
        dataType: 'json',
        success: check1,
        data: {PCAID: PCAID, mID: mID, Sta: Sta, End: End, Day: Day, Sunday: Sunday, Monday: Monday, Tuesday: Tuesday, Wednesday: Wednesday, Thursday: Thursday, Friday: Friday, Saturday: Saturday},
        async: false
    });

    //window.alert("You are here 4");

    if(accepted!=true)
    {
        window.alert("Message: " + message);
        return false;
    }
    //window.alert("accepted " + accepted);
    //window.alert(message);
    return true;
};


function FillAddBlock(data)
{
    //window.alert("You are here 1");
    day = data.day
    newDay = day
    //window.alert("#timeblock_add_div_id_" + day);
    old_td_html = $("#timeblock_add_div_id_" + day).html();
    //window.alert(data);
    $("#timeblock_add_div_id_" + day).html(data.tbAddForm);

    // rewire form on submit event
    $('#tbAddForm').attr("onSubmit", "return checkTBAddForm()")

};


function BeginTBAdd(day)
{
    //window.alert("You are here 1 - blah ");
    if(editingTB == true)
    {
        window.alert("Cannot add a new time block while another is being edited.");
        return false;
    }
    //window.alert("You are here 2 - blah");
    //window.alert("day=" + day)
    jQuery.getJSON('getMemberTimeblockAddForm.json',{day: day}, FillAddBlock);
    //window.alert("You are here 3 - blah");
    editingTB = true
};



jQuery(document).ready(function()
{
});

</script>