{global_header_before_title}
{preload_replace:widget_bundle="frontpage"}
{embed="embeds/global_header" page="person"}
<form id="generate_download_form" method="post" action="{site_url}">
   <input type="hidden" name="ACT" value="[##actions.person_admin##]"/>
   <input type="hidden" name="cmd" value="admin:generate_download" />  
   <input type="hidden" name="publication" value="" />
   <input type="hidden" name="expiry_date" value="" />
   <input type="hidden" name="expiry_date_min" value="" />
   <input type="hidden" name="date_to_print" value="" /> 
   <input type="hidden" name="from_date" value="" />
   <input type="hidden" name="loaded_template" value="" /> 
</form>
<div id="columns">
    <div class="person-welcome">
        <div class="box-wrap">
            <div class="title-content">
                <h1>Print Subscription Renewals</h1>
            </div>
            <ul>
                <li class="line-align sub-template"><span>Current Renewal Template:</span></li>
                <li class="line-align sub-template"><span class="template_name">[##dt.current_template##]</span></li>
                <li class="line-align sub-template">
                    <iframe style="display: none; height: 30px;width:100%;" id="load_template_iframe" name="load_template_iframe" src=""></iframe>
                    <form id="load_template_form" target="load_template_iframe" method="POST" enctype="multipart/form-data">
                        <input id="load_template" type="file" name="load_template" accept="application/all" class="load_template" value=""/>
                        <a href="javascript:void(0)" class="load_new_template">Load New Template</a>
                        <input class="save_template" type="button" name="save" style="display: none;" value="Save" />
                        <input type="hidden" name="ACT" value="61" />
                        <input type="hidden" name="cmd" value="admin:save_template" />
                        <input type="hidden" name="file_id" value="load_template" />
                    </form>
                </li>
            </ul>
            <ul class="content-template">
                <li>
                    <span class="left-label">Publication: </span>
                    <select name="publication" id="publication" class="customselect">
                        [##dt.publications_opts##]
                    </select>
                </li>
                <li>
                    <span class="left-label">Expiry Date in Sugar (Max)</span>
                    <div class="col datepicker-col">
                        <div class='input-group date datetimepicker4 select-3' style="position: relative;display: table;">
                            <input type='text' name="expiry_date" id="expiry_date" class="form-control datepicker5" value=""/>
                            <span class="input-group-addon">                                
                            </span>                            
                        </div>
                    </div>
                </li>
                <li>
                    <span class="left-label">Expiry Date (Min) (Optional) </span>
                    <div class="col datepicker-col">
                        <div class='input-group date datetimepicker4 select-3' style="position: relative;display: table;">
                            <input type='text' name="expiry_date_min" id="expiry_date_min" class="form-control datepicker5" value=""/>
                            <span class="input-group-addon">                                
                            </span>                            
                        </div>
                    </div>
                </li>
                <li>
                    <span class="left-label">Date to Print on Invoice </span>
                    <div class="col datepicker-col">
                        <div class='input-group date datetimepicker4 select-3' style="position: relative;display: table;">
                            <input type='text' name="date_to_print" id="date_to_print" class="form-control datepicker5" value=""/>
                            <span class="input-group-addon">
                            </span>
                        </div>
                    </div>
                </li>
                <li>
                    <span class="left-label">From Date for Invoice </span>
                    <div class="col datepicker-col">
                        <div class='input-group date datetimepicker4 select-3'  style="position: relative;display: table;">
                            <input type='text' name="from_date" id="from_date" class="form-control datepicker5" value=""/>
                            <span class="input-group-addon">                                
                            </span>
                        </div>
                    </div>
                </li>
                <li>
                    <input type="button" name="generate_btn" id="generate_btn"/>
                </li>
            </ul>
        </div>
    </div>
    <script type="text/javascript">
        jQuery(document).ready(function(){
            // $(".datetimepicker4").datetimepicker({
            //      format: 'DD/MM/YYYY'
            // });
            $(".datepicker5").datepicker({
                altFormat: "dd-mm-yy",
                dateFormat: "dd-mm-yy"
            });

            $("#generate_btn").on('click', function(){
                $("#generate_download_form input[name=publication]").val($("#publication").val());
                $("#generate_download_form input[name=expiry_date]").val($("#expiry_date").val());
                $("#generate_download_form input[name=expiry_date_min]").val($("#expiry_date_min").val());
                $("#generate_download_form input[name=date_to_print]").val($("#date_to_print").val());
                $("#generate_download_form input[name=from_date]").val($("#from_date").val());
                $("#generate_download_form").submit();
            });

            $(".load_template").on("change", function(){
                if($(this).val()){
                    $(".save_template").show();
                }
            });
            $(".save_template").on("click",function(){
                $("#load_template_form").submit();                
            });
            $("#load_template_iframe").load(function(){
                response = $(this).contents().text();
                if(response == 'fail'){
                    alert("Uploading is failed.");
                }else{
                    $("#generate_download_form input[name=loaded_template]").val(response);
                    $(".template_name").text(response);
                    $(".save_template").hide();
                    console.log("uploaded.");
                }
            });
        });
    </script>
    {global_footer}