{% extends 'base.

html' %}{% load humanize %} {% load static tags %}

{% block head %} {% endblock %}

{% block body %}

<div class="row">
<div class="col-md-7 p-1">
<div class="card p-4 actions-menu mx-2 mb-3 float-left" style="width:98%;">
<h5>
<img src='{% static "icons/dashSummary.png" %}' class="card-icon d-inline" />
<span class="align-text-bottom ml-2">Transaction Summary</span>
</h5>
<div class="row">
<div class="col-6 mt-3 mb-1 font-weight-bold">
Category
</div>
<div class="col-3 mt-3 mb-1 font-weight-bold text-right">
Count
</div>
<div class="col-3 mt-3 mb-1 font-weight-bold text-right">
Amount
</div>
</div>
<div class="row">
<div class="col-6 mt-2">
On Us Transactions
</div>
<div class="col-3 mt-2 text-right">
{{onus_count|intcomma}}
</div>
<div class="col-3 mt-2 text-right">
{{onus_amount|floatformat:2|intcomma}}
</div>
</div>
<div class="row">
<div class="col-6 mt-2">
Acquiring Transactions
</div>
<div class="col-3 mt-2 text-right">
{{acquiring_count|intcomma}}
</div>
<div class="col-3 mt-2 text-right">
{{acquiring_amount|floatformat:2|intcomma}}
</div>
</div>
<div class="row">
<div class="col-6 mt-2">
Issuing Transactions
</div>
<div class="col-3 mt-2 text-right">
{{issuing_count|intcomma}}
 </div>
<div class="col-3 mt-2 text-right">
{{issuing_amount|floatformat:2|intcomma}}
</div>
</div>
</div>

<div class="card p-4 actions-menu mx-2 mb-3 float-left" style="width:98%;">

<h5>
<img src='{% static "icons/dashAlert.png" %}' class="card-icon d-inline" />
<span class="align-text-bottom ml-2">Unmapped Transaction Summary</span>
</h5>
<div class="row">
<div class="col-8 mt-2 mb-1 font-weight-bold">
Category
</div>
<div class="col-4 mt-2 mb-1 font-weight-bold text-right">
Count
</div>
</div>

<div class="row">
<div class="col-8 mt-2">
Number of Unmapped EJ Transactions
</div>
<div class="col-4 mt-2 text-right">
{{dashElements.unmappedCounts.atmUnmapped|intcomma}}
</div>
</div>
<div class="row">
<div class="col-8 mt-2">
Number of Unmapped Switch Transactions
</div>
<div class="col-4 mt-2 text-right">
{{dashElements.unmappedCounts.switchUnmapped|intcomma}}
</div>
</div>
<div class="row">
<div class="col-8 mt-2">
Number of Unmapped CBS Transactions
</div>
<div class="col-4 mt-2 text-right">
{{dashElements.unmappedCounts.cbsUnmapped|intcomma}}
</div>
</div>
<div class="row">
<div class="col-8 mt-2">
Number of Unmapped Network Transactions
</div>
<div class="col-4 mt-2 text-right">
{{dashElements.unmappedCounts.networkUnmapped|intcomma}}
 </div>
</div>
</div>

<div class="card p-4 actions-menu mx-2 float-left" style="width:98%; height:32vh">

<h5>
<img src='{% static "icons/dashNotification.png" %}' class="card-icon d-inline" />
<span class="align-text-bottom ml-2">Status</span>
</h5>
<span class="text-justify mt-2 overflow-auto" style="height:32vh">
<font color="red">
{% if uploadForm.0.errors %}<br>No files will be processed<br>
{% for field in uploadForm %}
{{ field.errors }}
{% endfor %}{%endif%}
{% if uploadForm.non_field_errors %}<br>No files will be processed<br>
{% for field in uploadForm %}
{{ uploadForm.non_field_errors }}<br>
{% endfor %}{%endif%}
{% if fetchFileForm.non_field_errors %}
{{fetchFileForm.non_field_errors}}<br><br>
{% endif %}
{% if syncATMLogForm.errors %}
{{syncATMLogForm.errors}}<br><br>
{% endif %}
</font>

<!--SYNC: this is for status of file uploads-->

{% if statusSync %}{{statusSync}}
<!--status of logs-->
{% else %}
{% if getLogDetails.statusLogs %}
Logs' status:<br>
{% for items in getLogDetails.statusLogs %}
{{items}}<br>
{% endfor %}<br>
{% endif %}
<!--status of journals-->
{% if getLogDetails.statusJournals %}
Journals' status:<br>
{% for items in getLogDetails.statusJournals %}
{{items}}<br>
{% endfor %}<br>
{% endif %}

<!--status of journals-->
{% if status_upload %}
<br>Journal processing Status<br>
{% for items in status_upload %}
{%if items.file %}<br>Files: {{items.file}}<br>{% endif %}
 {%if items.status_file %}File's Status: {{items.status_file}}<br>{% endif %}
{%if items.total_data %}
Total Entries: {{items.total_data }}<br>
Successfully Committed: {{items.succ_cursor}}<br>
Failed to Committed: {{items.fail_cursor}}<br>{% endif %}
{%if items.commit_errors %}<br>Reference numbers with status as
failure:<br>{{items.commit_errors}}<br><br>{% endif %}
{% endfor %}
{% endif %}
{% endif %}

<!--status of Auto Reconcile -->

{% if switchToSwitchCount %}
Data Reconclied on Switch by Reversal:
{{switchToSwitchCount.switchToSwitchRecon|floatformat:0|intcomma}}<br>
On Us transactions reconciled: {{reconcileAllCount.matchedOnUs|floatformat:0|intcomma}}<br>
Issuing transactions reconciled: {{reconcileAllCount.matchedIssuing|floatformat:0|intcomma}}<br>
Acquiring transactions reconciled: {{reconcileAllCount.matchedAcquiring|floatformat:0|intcomma}}<br>
{% endif %}
<!--this is for status of synchronization-->
{% if syncStatusList %}
{% for items in syncStatusList %}
Machine IP: {{items.machineIP}}<br>
Machine Name: {{items.machineName}}<br>
Last Synchronized Date: {{items.lastSyncDate}}<br><br>
Error Description:<br>
{{items.errorDesc}}<br><br>
File Verification Status:<br>
{{items.fileRecievedCheck}}<br><br>

{{items.syncStatus}}<br><br>
{% endfor %}
{% endif %}

</span>
</div>

</div>
<div class="col-md-5 p-1">
<span class="card p-4 mx-2" style="height: 100%;">
<h5>
<img src='{% static "icons/menu.png" %}' class="card-icon d-inline" />
<span class="align-text-bottom ml-2"> Actions - Cash Withdrawal {{request.user.groups.}}</span>
</h5>
<div class="px-2 pt-2 overflow-auto" style="height: 75vh;">
<div class="text-center">
{% if request.user.groups.all.0.name == 'Admin' or request.user.groups.all.0.name == 'Input User' or
request.user.groups.all.0.name == 'Approver' or request.user.is_superuser %}
<div class="menu-item-custom" data-toggle="modal" data-target="#atmLogSyncCenter"
style="cursor:pointer; position:relative;">
<img src='{% static "icons/synchronize.png" %}' class="mx-auto" width="25%" />
 {% if dashElements.unmappedCounts.failAtmSync != 0 %}
<span class="notification-bubble">
{{dashElements.unmappedCounts.failAtmSync}}
</span>
{% endif %}
<br />Synchronize<br /><br />
</div>
{% endif %}

{% if request.user.groups.all.0.name == 'Admin' or request.user.groups.all.0.name == 'Input User' or

request.user.groups.all.0.name == 'Approver' or request.user.is_superuser %}
<div class="menu-item-custom" data-toggle="modal" data-target="#fileUploadCenter" style="cursor:pointer">
<img src='{% static "icons/upload.png" %}' class="mx-auto" width="25%" />
<br />Upload Files<br /><br />
</div>
{% endif %}

{% if request.user.groups.all.0.name == 'Admin' or request.user.groups.all.0.name == 'Input User' or

request.user.groups.all.0.name == 'Approver' or request.user.is_superuser %}
<div class="menu-item-custom" data-toggle="modal" data-target="#autoReconCenter"
style="cursor:pointer;position:relative;">
<img src='{% static "icons/autoReconcile.png" %}' class="mx-auto" width="25%" />
{% if dashElements.unmappedCounts.maxUnmapped != 0 %}
<span class="notification-bubble">
{{dashElements.unmappedCounts.maxUnmapped}}
</span>
{% endif %}
<br />AUTO Reconcile<br /><br />
</div>
{% endif %}

{% if request.user.groups.all.0.name == 'Admin' or request.user.groups.all.0.name == 'Input User' or

request.user.groups.all.0.name == 'Approver' or request.user.is_superuser %}
<div class="menu-item-custom" data-toggle="modal" data-target="#manualReconCenter"
style="cursor:pointer;position:relative;">
<img src='{% static "icons/manualReconcile.png" %}' class="mx-auto" width="25%" />
{% if dashElements.unmappedCounts.maxUnmapped != 0 %}
<span class="notification-bubble">
{{dashElements.unmappedCounts.maxUnmapped}}
</span>
{% endif %}
<br />Manual Reconcile<br /><br /></div>
{% endif %}

{% if request.user.groups.all.0.name != 'CSD User' %}

<div class="menu-item-custom" data-toggle="modal" data-target="#chargebackCenter"
style="cursor:pointer; position:relative;">
<img src='{% static "icons/chargeback.png" %}' class="mx-auto" width="25%" />
{% if dashElements.unmappedCounts.chargebackUnmapped != 0 %}
<span class="notification-bubble">
{{dashElements.unmappedCounts.chargebackUnmapped}}
 </span>
{% endif %}
<br />Chargebacks<br /><br />
</div>
{% endif %}

{% if request.user.groups.all.0.name == 'Admin' or request.user.groups.all.0.name == 'Approver' or

request.user.is_superuser %}
<div style="position:relative;">
<a href="manual_recon/approve/">
<div class="menu-item-custom"><img src='{% static "icons/approveProcess.png" %}' class="mx-auto"
width="25%" />
{% if dashElements.unmappedCounts.unapproved != 0 %}
<span class="notification-bubble">
{{dashElements.unmappedCounts.unapproved}}
</span>
{% endif %}
<br />Approve<br />Manual Reconciliation</div>
</a>
</div>
{% endif %}

{% if request.user.groups.all.0.name == 'Admin' or request.user.groups.all.0.name == 'Input User' or

request.user.groups.all.0.name == 'Approver' or request.user.groups.all.0.name == 'Report Viewer' or
request.user.is_superuser %}
<div class="menu-item-custom" data-toggle="modal" data-target="#reconReportCenter" style="cursor:pointer"><img
src='{% static "icons/reconcileReport.png" %}' class="mx-auto" width="25%" /><br />Reconciliation
Reports<br /><br /></div>

<a href="report/atm/">
<div class="menu-item-custom"><img src='{% static "icons/atmReport.png" %}' class="mx-auto"
width="25%" /><br />ATM LOG<br /><br /></div>
</a>

<a href="report/cbs/">
<div class="menu-item-custom"><img src='{% static "icons/bankReport.png" %}' class="mx-auto"
width="25%" /><br />CBS LOG<br /><br /></div>
</a>
<a href="report/switch/">
<div class="menu-item-custom"><img src='{% static "icons/switchReport.png" %}' class="mx-auto"
width="25%" /><br />SWITCH LOG<br /><br /></div>
</a>
<a href="report/network/">
<div class="menu-item-custom"><img src='{% static "icons/networkReport.png" %}' class="mx-auto"
width="25%" /><br />Payment<br />Network LOG</div>
</a>

<div class="menu-item-custom" data-toggle="modal" data-target="#summaryReportCenter" style="cursor:pointer">

<img src='{% static "icons/summaryReport.png" %}' class="mx-auto" width="25%" />
<br />Summary Reports<br /><br /></div>
 <a href="report/sync_log/">
<div class="menu-item-custom"><img src='{% static "icons/syncLog.png" %}' class="mx-auto"
width="28%" /><br />ATM EJ Sync LOG<br /><br /></div>
</a>

{% endif %}

</div>

</div>
</span>
</div>
</div>

<div style="width:38%; float:left;">

</div>
{% endblock %}

{% block popUps %}
<!-- ATM LOG Synchronization PopUp -->
<div class="modal fade" id="atmLogSyncCenter" tabIndex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header pb-1">
<h5 class="modal-title" style="font-weight:600">Synchnronize ATM Logs</h5>
</div>
<div class="modal-body overflow-auto text-justify">
<form method="POST" id="atmAutoFetchForm">
{% csrf_token %}
<div class="row mt-2">
Log Synchronization Feature:
<span class="ml-5">
{{synchronization_feature}}
</span>
</div>
{% if synchronization_feature == 'ENABLED' %}
<div class="row mt-2 input-fields">
<div class="col-5 p-0">
{{syncATMLogForm.atm_id.label_tag}}
</div>
<div class="col-7">
{{syncATMLogForm.atm_id}}
</div>
</div>
<input type="submit" name="journalSynchronize" value="Synchronize" class="btn btn-dark float-right mt-3">
{% else %}
<div class="noramlText">Log synchronizaton feature is disabled. Contact service provider to
 enable this feature.</div>
{% endif %}
</form>
</div>
<div class="modal-footer pb-1">
<button type="button" class="btn btn-outline-danger" data-dismiss="modal">
Close
</button>
</div>
</div>
</div>
</div>
<!-- FILE Upload PopUp-->
<div class="modal fade " id="fileUploadCenter" tabIndex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header pb-1">
<h5 class="modal-title" style="font-weight:600">Upload Files</h5>
</div>
<div class="modal-body overflow-auto text-justify">
<form method="POST" enctype="multipart/form-data" autocomplete="off">
{% csrf_token %}
<div class="row mt-2">
<div class="col-5 p-0">
{{uploadForm.file_upload_type.label_tag}}
</div>
<div class="col-7 p-0">
{{uploadForm.file_upload_type}}
</div>
</div>
<div class="row">
<div class="col-12 p-0 mt-1">
{{uploadForm.upload_file}}
</div>
</div>
<div class="row">
<div class="col-12 p-0 mt-1">
<input type="submit" name="upload_file" value="Upload" class="btn btn-dark float-right mt-3">
</div>
</div>
</form>
</div>
<div class="modal-footer pb-1">
<button type="button" class="btn btn-outline-danger" data-dismiss="modal">
Close
</button>
</div>
</div>
</div>
</div>
<!-- AUTO Reconcile PopUp-->
<div class="modal fade" id="autoReconCenter" tabIndex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header pb-1">
<h5 class="modal-title" style="font-weight:600">AUTO Reconcile</h5>
</div>
<div class="modal-body overflow-auto text-justify">
<form method="POST" id="autoReconStartForm">
Reconcile Reports<br>
{% csrf_token %}
<input type="submit" name="autoReconStart" value="Reconcile Reports" class="btn btn-dark mx-auto d-block">
</form>
</div>
<div class="modal-footer pb-1">
<button type="button" class="btn btn-outline-danger" data-dismiss="modal">
Close
</button>
</div>
</div>
</div>
</div>
<!-- Manual Reconcile PopUp-->
<div class="modal fade" id="manualReconCenter" tabIndex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header pb-1">
<h5 class="modal-title" style="font-weight:600">Manual Reconcile</h5>
</div>
<div class="modal-body overflow-auto text-justify">
Select Reconciliation Type<br>
<div class="mx-2">
<a href="manual_recon/acquiring/" class="btn btn-outline-dark my-1 w-100">Acquiring Transactions</a><br>
<a href="manual_recon/issuing/" class="btn btn-outline-dark my-1 w-100">Issuing Transactions</a><br>
<a href="manual_recon/onus/" class="btn btn-outline-dark my-1 w-100">ON US Transactions</a><br>
<a href="manual_recon/switchself/" class="btn btn-outline-dark my-1 w-100">Switch to Switch Reversal</a>
</div>
</div>
<div class="modal-footer pb-1">
<button type="button" class="btn btn-outline-danger" data-dismiss="modal">
Close
</button>
</div>
</div>
</div>
</div>
<!-- Chargeback PopUp-->
<div class="modal fade" id="chargebackCenter" tabIndex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header pb-1">
<h5 class="modal-title" style="font-weight:600">Chargebacks</h5>
 </div>
<div class="modal-body overflow-auto text-justify">
Select Chargeback Type<br>
<div class="mx-2">
{% if request.user.groups.all.0.name == 'Admin' or request.user.groups.all.0.name == 'Input User' or
request.user.groups.all.0.name == 'Approver' or request.user.is_superuser %}
<a href="chargeback/pending/" class="btn btn-outline-dark my-1 w-100">Pending CW Chargebacks</a><br>
{% endif %}

{% if request.user.groups.all.0.name != 'CSD User' %}

<a href="chargeback/processed/" class="btn btn-outline-dark my-1 w-100">Processed CW Chargbacks</a><br>
{% endif %}
</div>
</div>
<div class="modal-footer pb-1">
<button type="button" class="btn btn-outline-danger" data-dismiss="modal">
Close
</button>
</div>
</div>
</div>
</div>
<!-- Reconciliation Reports-->
<div class="modal fade" id="reconReportCenter" tabIndex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header pb-1">
<h5 class="modal-title" style="font-weight:600">Reconciliation Reports</h5>
</div>
<div class="modal-body overflow-auto text-justify">
Select Reconciliation Report Type<br>
<div class="mx-2">
<a href="report/reconciliation/acq/" class="btn btn-outline-dark my-1 w-100">Acquiring Reconciliation
Report</a><br>
<a href="report/reconciliation/iss/" class="btn btn-outline-dark my-1 w-100">Issuing Reconcilation
Report</a><br>
<a href="report/reconciliation/onus/" class="btn btn-outline-dark my-1 w-100">ON US Reconciliation
Report</a><br>
<a href="report/reconciliation/switchself/" class="btn btn-outline-dark my-1 w-100">Switch to Reversal
Reconciliation Report</a><br>
<a href="report/reconciliation/uinetwork/" class="btn btn-outline-dark my-1 w-100">Unidentified Network
Reconciliation Report</a><br>
</div>
</div>
<div class="modal-footer pb-1">
<button type="button" class="btn btn-outline-danger" data-dismiss="modal">
Close
</button>
</div>
</div>
</div>
</div>
<!-- Summary Reports-->
<div class="modal fade" id="summaryReportCenter" tabIndex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header pb-1">
<h5 class="modal-title" style="font-weight:600">Summary Reports</h5>
</div>
<div class="modal-body overflow-auto text-justify">
Select Summary Report Type<br>
<div class="mx-2">
<a href="report/summary/atm/" class="btn btn-outline-dark my-1 w-100">ATM Summary Report</a><br>
<a href="report/summary/master/acq/" class="btn btn-outline-dark my-1 w-100">Master Acquiring Summary
Report</a><br>
<a href="report/summary/upi/acq/" class="btn btn-outline-dark my-1 w-100">UPI Acquiring Summary
Report</a><br>
<a href="report/summary/visa/acq/" class="btn btn-outline-dark my-1 w-100">VISA Acquiring Summary
Report</a><br>
<a href="report/summary/visa/iss/" class="btn btn-outline-dark my-1 w-100">VISA Issuing Summary
Report</a><br>

</div>
</div>
<div class="modal-footer pb-1">
<button type="button" class="btn btn-outline-danger" data-dismiss="modal">
Close
</button>
</div>
</div>
</div>
</div>
{% endblock %}

{% block pageName %}Network File Reconciliation - Cash Withdrawal{% endblock %}