package Templar;

use DBI;
use Dancer2;
#use Dancer2::Plugin::Ajax;
use Dancer2::Plugin::Database;
use Template;
use HTML::Escape qw/escape_html/;
use Crypt::SaltedHash;
use Data::Dumper;

our $VERSION = '0.1';

hook before => sub {
    if (!session('logged_in') && request->dispatch_path !~ m{^/login}) {
        return forward '/login', { requested_path => request->dispatch_path };
    }
};


#ajax '/p_details'              => sub { "ajax test" };
get '/p_details'              => sub { "ajax test" };

##</code><code>##

<script>

$(document).ready(function() {
    $("#folder").find("[id^='tab']").hide(); // Hide all content
    $("#tabs li:first").attr("id","current"); // Activate the first tab
    $("#folder #tab1").fadeIn(); // Show first tab's content

    $('#tabs a').click(function(e) {
        e.preventDefault();
        if ($(this).closest("li").attr("id") == "current"){ //detection for current tab
         return;
        }
        else{
          $("#folder").find("[id^='tab']").hide(); // Hide all content
          $("#tabs li").attr("id",""); //Reset id's
          $("#tabs li").removeAttr("id");
          $(this).parent().attr("id","current"); // Activate this
          $('#' + $(this).attr('name')).fadeIn(); // Show content for the current tab
        }
    });

    partner_details('general');
});

</script>

<span id="top">
<h2>Partner Details</h2>
<h3>The partner details function is still in development and is not yet ready to be used.</h3>
</span>

<ul id="tabs">
  <li><a href="#" onclick="partner_details('general')">General</a></li>
  <li><a href="#" onclick="partner_details('qualifier')">EDI Qualifier / ID</a></li>
  <li><a href="#" onclick="partner_details('certificates')">Certificates</a></li>
  <li><a href="#" onclick="partner_details('contact')">Contact Information</a></li>
  <li><a href="#" onclick="partner_details('notes')">Notes</a></li>
</ul>

<div id="folder"> </div>

##</code><code>##

function partner_details(catagory)
{
    if (! xmlHttpObj) { init_ajax(); }

    if (xmlHttpObj)
    {
        var url = '/p_details';
        xmlHttpObj.open('GET', url, true);
        xmlHttpObj.onreadystatechange = partner_tab(catagory);
        xmlHttpObj.send(null);
    }
}

function partner_tab(tab)
{
    var details = {
        general:       "tab1",
        qualifier:     "tab2",
        certificates:  "tab3",
        contact:       "tab4",
        notes:         "tab5"
    };

    //alert(details[tab]);

    // status is always 0
    //alert('response status:' + xmlHttpObj.status);

    // xmlHttpObj.responseText is always empty
    //document.getElementById('folder').innerHTML = xmlHttpObj.responseText;

    // this updates the div as expected
    //document.getElementById('folder').innerHTML = "<table><tr><td>" + details[tab] + "</td></tr></table>";

    if (xmlHttpObj.readyState == 4 && xmlHttpObj.status == 200)
    {
    // we never reach this point
        alert(details[tab]);
        document.getElementById('folder').innerHTML = xmlHttpObj.responseText;
        //document.getElementById('folder').innerHTML="<table><tr><td>" + details[tab] + "</td></tr></table>";
    }

}