<%@ Page Title="New Sales Call" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="SaveCall.aspx.cs" Inherits="CRMPortal.SaveCall" %>

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <h2>Saving New Call</h2>
    <table class="col-md-12 table table-responsive">
    <tr>
        <td colspan="2">
            <div class="panel panel-danger">
                <div class="panel-heading">
                    <h3 class="panel-title">Customer</h3>
                </div>
                <div class="panel-body">
                    <div runat="server" id="custNameDiv"></div>
                </div>
            </div>
        </td>
        <td>
            <div id="FollowupPanel" class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">Followup Appointment</h3>
                </div>
                <div class="panel-body">
                    <div style="display: inline; margin:0;">Date: </div> <asp:TextBox Label="Followup Date: " ID="tbCallDate" runat="server" ViewStateMode="Enabled"></asp:TextBox>
                    <script>
                        $('#MainContent_tbCallDate').datepicker();
                    </script>
                </div>
                <div class="panel-footer">
                    <asp:CheckBox ID="cbAppointment" runat="server" Text="Make Followup Appointment" />
                    <ajaxToolkit:ToggleButtonExtender ID="cbAppointment_ToggleButtonExtender" 
                        runat="server" TargetControlID="cbAppointment"
                        CheckedImageUrl="./Images/checked.jpg" ImageHeight="27" ImageWidth="27" 
                        UncheckedImageUrl="./Images/unchecked.jpg">
                    </ajaxToolkit:ToggleButtonExtender>
                </div>
            </div>           
        </td>
    </tr>
    <tr>
        <td style="text-align: right;">
            How is the time used for this call? </td>
        <td>
            <asp:DropDownList ID="ddTimeUsed" runat="server" OnSelectedIndexChanged="ddTimeUsed_SelectedIndexChanged" CssClass="selectpicker">
            </asp:DropDownList>
        </td>
        
    </tr>
    <tr><td>
        Contact<br />
        <asp:DropDownList ID="ddContacts" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddContacts_SelectedIndexChanged" CssClass="selectpicker"></asp:DropDownList>
        </td>
        <td>Contact Name<br /><asp:TextBox ID="tbContactName" runat="server"></asp:TextBox></td>
        <td>Contact Phone<br /><asp:TextBox ID="tbContactPhone" runat="server"></asp:TextBox></td>
    </tr>
    
    <tr>
        <td>
            Call Note
        </td>
        <td colspan="2" width="80%">
            <asp:TextBox ID="tbNote" runat="server" Rows="4" Width="95%" TextMode="MultiLine"></asp:TextBox>
        </td>
    </tr>
    
    <tr>
        <td>
            <asp:Button ID="btnCancel" runat="server" Text="Cancel New Call" OnClick="btnCancel_Click" CssClass="btn btn-default" />
        </td>
        <td></td>
        <td>
            <asp:Button ID="btnSave" runat="server" Text="Save Call" OnClick="btnSave_Click" CssClass="btn btn-default"/>
        </td>
    </tr>
    </table>
    <input type="hidden" id="CID" runat="server"/>
    <input type="hidden" id="UID" runat="server"/>
    <input type="hidden" id="PREV" runat="server" />
    
</asp:Content>