<?php include('techsyn_header.php'); ?> <!-- Main Content Container for side bar and body--> <div class="main-container ace-save-state" id="main-container"> <script type="text/javascript"> try { ace.settings.loadState('main-container') } catch (e) {} </script> <?php include('techsyn_sidebar.php'); ?> <!--breadcrumb--> <?php $current_month = date('m'); $current_year = date('Y'); $current_day = date('d'); ?> <div class="main-content"> <div class="main-content-inner"> <div class="breadcrumbs ace-save-state" id="breadcrumbs"> <ul class="breadcrumb"> <li class="active">Reports</li> <li class="active">Bulk Upload Report</li> </ul> <!-- End of breadcrumb --> </div> <div class="page-content"> <div id="flexigridDiv" class="table-responsiv"> <h4 style="font-size: 15px; text-align: center; font-weight: bold">Bulk Upload Reports</h4> <table class="table table-bordered" style="width: 100%"> <tr> <td width="50%" align="left"><b> <h4>Report name</h4> </b></td> <td align="left"><select class="chosen-select" id="report_type" name="report_type" onchange="show_link(this.value)"> <option value="" disabled selected>please select a report</option> <option value="vaccine_report">vaccination Upload</option> </select></td> </tr> </table> <form id="vaccine_link_form" name="vaccine_link_form"> <table id="vaccine_link" class="table table-bordered" style="width: 100%; display: none;"> <thead> <tr> <td style="font-size: 10px" width="15%"><strong>Download Report</strong></td> <td style="font-size: 10px" width="15%"><strong>Upload Report</strong></td> </tr> </thead> <tbody> <tr> <td><a href="#" onclick="downlaod_temp();"> <span class="print_excel" style="padding-left: 20px;">vaccination Upload Template</span></a> </td> <td><a href="#" onclick="show_link('upload_vaccine');"> <span class="print_excel" style="padding-left: 20px;">Upload vaccination Excel</span> </td> </tr> </tbody> </table> </form> <div class="container"> <form action="" method="post" name="upload_vaccine_form" id="upload_vaccine_form" enctype="multipart/form-data"> <div class="panel panel-info" id="upload_vaccine" style="margin-top:50px;width: 100%; display: none;"> <div class="panel-heading"><b>Upload Excel For Vaccination</b></div> <div class="panel-body" style="height:300px"> <div class="form-group"> <div class="col-xs-3"> </div> <div class="col-xs-6"> <input type="file" id="id-input-file-2" name="file" accept=".xls,.xlsx" /> </div> </div> </div> <div class="panel-footer"> <button type="submit" name="import" value="1" id="submit" class="btn btn-xs btn-primary"> Upload</button></div> </div> </form> </div> </div> </div> </div> </div> </div> <?php include('techsyn_footer.php'); ?> <style> .outer-container { background: #F0F0F0; border: #e0dfdf 1px solid; padding: 40px 20px; border-radius: 2px; } .btn-submit { background: #333; border: #1d1d1d 1px solid; border-radius: 2px; color: #f0f0f0; cursor: pointer; padding: 5px 20px; font-size: 0.9em; } .tutorial-table { margin-top: 40px; font-size: 0.8em; border-collapse: collapse; width: 100%; } .tutorial-table th { background: #f0f0f0; border-bottom: 1px solid #dddddd; padding: 8px; text-align: left; } .tutorial-table td { background: #FFF; border-bottom: 1px solid #dddddd; padding: 8px; text-align: left; } #response { padding: 10px; margin-top: 10px; border-radius: 2px; display: none; } .success { background: #c7efd9; border: #bbe2cd 1px solid; } .error { background: #fbcfcf; border: #f3c6c7 1px solid; } div#response.display-block { display: block; } .input-group-addon { height: 25px; width: 30px; padding: 0px 0px; } </style> <script> function downlaod_temp() { document.forms['vaccine_link_form'].target = '_blank'; document.forms['vaccine_link_form'].action = "vaccine_templet_excel.php"; document.forms['vaccine_link_form'].method = 'POST'; document.forms['vaccine_link_form'].submit(); } function upload_temp() { document.forms['vaccine_link_form'].target = '_blank'; document.forms['vaccine_link_form'].action = "upload_vaccination_detail_script.php"; document.forms['vaccine_link_form'].method = 'POST'; document.forms['vaccine_link_form'].submit(); } function show_link(repID) { if (repID === 'vaccine_report') { $("#vaccine_link").show(); } else $("#vaccine_link").hide(); if (repID === 'upload_vaccine') { $("#upload_vaccine").show(); } else $("#upload_vaccine").hide(); } $('#upload_vaccine_form').on('submit', function(event) { event.preventDefault(); $.ajax({ url: "upload_vaccination_detail_interm_script.php", method: "POST", data: new FormData(this), contentType: false, processData: false, dataType: 'json', success: function(data) { window.location = "show_temp_vaccine_upload_data.php?vaccine_interm_id=" + data; // BootstrapDialog.alert(' Data Uploaded Successfully' + data); }, error: function(data) { BootstrapDialog.alert('Failed To Upload Data'); } }); }) </script>