[#if EVENT_NOT_FOUND="1"#]
<div class="alert alert-warning"><#LANG_IMOU_EVENT_NOT_FOUND#></div>
<a href="?tab=log" class="btn btn-default">&larr; <#LANG_IMOU_TAB_LOG#></a>
[#endif EVENT_NOT_FOUND#]

[#if EVENT="1"#]
<!-- Event details -->
<p>
 <a href="?tab=log" class="btn btn-default">&larr; <#LANG_IMOU_TAB_LOG#></a>
 [#if E_PREV!=""#]<a href="?tab=log&view_mode=event&id=[#E_PREV#]" class="btn btn-default" title="<#LANG_IMOU_OLDER#>"><i class="glyphicon glyphicon-chevron-left"></i></a>[#endif E_PREV#]
 [#if E_NEXT!=""#]<a href="?tab=log&view_mode=event&id=[#E_NEXT#]" class="btn btn-default" title="<#LANG_IMOU_NEWER#>"><i class="glyphicon glyphicon-chevron-right"></i></a>[#endif E_NEXT#]
</p>
<h4>#[#E_ID#] [#E_CODE#] [#E_ACTION#] [#if E_IS_CALL="1"#]<span class="label label-primary"><#LANG_IMOU_CALL#></span>[#endif E_IS_CALL#]</h4>
<table class="table table-condensed imou-kv">
 <tr><td><#LANG_IMOU_RECEIVED#></td><td>[#E_RECEIVED#]</td></tr>
 [#if E_DEVICE_TIME!=""#]<tr><td><#LANG_IMOU_DEVICE_TIME#></td><td>[#E_DEVICE_TIME#]</td></tr>[#endif E_DEVICE_TIME#]
 <tr><td>Code</td><td>[#E_CODE#]</td></tr>
 <tr><td>action</td><td>[#E_ACTION#]</td></tr>
 <tr><td>index</td><td>[#E_INDEX#]</td></tr>
 [#if E_CALL_EVENT_ID!=""#]<tr><td><#LANG_IMOU_LINKED_CALL#></td><td><a href="?tab=log&view_mode=event&id=[#E_CALL_EVENT_ID#]">#[#E_CALL_EVENT_ID#]</a></td></tr>[#endif E_CALL_EVENT_ID#]
 [#if E_HANDLER_STATUS!=""#]
 <tr><td><#LANG_IMOU_HANDLER#></td><td><span class="label label-[#E_HANDLER_CLASS#]">[#E_HANDLER_STATUS#]</span> <small class="text-muted">[#E_HANDLER_MS#] ms</small>
  [#if E_HANDLER_ERROR!=""#]<pre class="imou-pre text-danger" style="margin-top:5px">[#E_HANDLER_ERROR#]</pre>[#endif E_HANDLER_ERROR#]
 </td></tr>
 [#endif E_HANDLER_STATUS#]
</table>

<h5><#LANG_IMOU_FIELDS#></h5>
<table class="table table-condensed table-striped imou-kv">
[#begin E_FIELDS#]
 <tr><td>[#KEY#]</td><td>[#VALUE#]</td></tr>
[#end E_FIELDS#]
</table>

[#if E_DATA!=""#]
<h5>data</h5>
<pre class="imou-pre">[#E_DATA#]</pre>
[#endif E_DATA#]
[#if E_DATA_ERROR!=""#]
<div class="alert alert-warning"><#LANG_IMOU_DATA_ERROR#>: [#E_DATA_ERROR#]</div>
<pre class="imou-pre">[#E_DATA_RAW#]</pre>
[#endif E_DATA_ERROR#]

<h5><#LANG_IMOU_RAW#></h5>
<pre class="imou-pre">[#E_RAW#]</pre>

[#if E_MEDIA#]
<h5><#LANG_IMOU_MEDIA#></h5>
[#begin E_MEDIA#]
<div class="panel panel-default">
 <div class="panel-body">
  <b>[#TYPE#]</b> [#NAME#] <small class="text-muted">[#START#][#if END!=""#] – [#END#][#endif END#] [#SIZE#]</small>
  [#if BY_TIME="1"#]<span class="label label-default"><#LANG_IMOU_FOUND_BY_TIME#></span>[#endif BY_TIME#]
  [#if MATCH="interval"#]<span class="label label-info"><#LANG_IMOU_MATCH_INTERVAL#></span>[#endif MATCH#]
  [#if UNAVAILABLE="1"#]<span class="label label-warning"><#LANG_IMOU_MEDIA_GONE_SHORT#></span>[#endif UNAVAILABLE#]
  [#if EVENT_ID!="<#E_ID#>"#]<small><a href="?tab=log&view_mode=event&id=[#EVENT_ID#]">NewFile #[#EVENT_ID#]</a></small>[#endif EVENT_ID#]
  <div style="margin-top:8px">
   [#if IS_PHOTO="1"#]<a href="<#ROOTHTML#>admin.php?action=imou_doorbell&imou_media=[#ID#]&disposition=inline" target="_blank"><img src="<#ROOTHTML#>admin.php?action=imou_doorbell&imou_media=[#ID#]&disposition=inline" loading="lazy" style="max-width:320px;max-height:240px" alt=""></a><br>[#endif IS_PHOTO#]
   [#if IS_VIDEO="1"#]<video controls preload="none" style="max-width:100%;width:480px" src="<#ROOTHTML#>admin.php?action=imou_doorbell&imou_media=[#ID#]&disposition=inline"></video><br><small class="text-muted"><#LANG_IMOU_VIDEO_CODEC_NOTE#></small><br>[#endif IS_VIDEO#]
   [#if CAN_PREVIEW="1"#]<a class="btn btn-default btn-sm" href="<#ROOTHTML#>admin.php?action=imou_doorbell&imou_media=[#ID#]&disposition=inline" target="_blank"><i class="glyphicon glyphicon-eye-open"></i> <#LANG_IMOU_VIEW#></a>[#endif CAN_PREVIEW#]
   <a class="btn btn-default btn-sm" href="<#ROOTHTML#>admin.php?action=imou_doorbell&imou_media=[#ID#]&disposition=attachment"><i class="glyphicon glyphicon-download-alt"></i> <#LANG_IMOU_DOWNLOAD#></a>
  </div>
 </div>
</div>
[#end E_MEDIA#]
[#endif E_MEDIA#]
[#endif EVENT#]

[#if EVENT!="1"#]
[#if EVENT_NOT_FOUND!="1"#]
<!-- Filters -->
<form action="<#ROOTHTML#>admin.php" method="get" class="form-inline" style="margin-bottom:10px">
 <input type="hidden" name="action" value="imou_doorbell">
 <input type="hidden" name="md" value="imou_doorbell">
 <input type="hidden" name="inst" value="adm">
 <input type="hidden" name="tab" value="log">
 <label><#LANG_IMOU_FROM#> <input type="datetime-local" class="form-control input-sm" name="f_from" value="[#F_FROM#]"></label>
 <label><#LANG_IMOU_TO#> <input type="datetime-local" class="form-control input-sm" name="f_to" value="[#F_TO#]"></label>
 <label>Code <select name="f_code" class="form-control input-sm"><option value=""><#LANG_IMOU_ANY#></option>[#begin CODES#]<option value="[#VALUE#]"[#if SELECTED="1"#] selected[#endif#]>[#VALUE#]</option>[#end CODES#]</select></label>
 <label>action <select name="f_action" class="form-control input-sm"><option value=""><#LANG_IMOU_ANY#></option>[#begin ACTIONS#]<option value="[#VALUE#]"[#if SELECTED="1"#] selected[#endif#]>[#VALUE#]</option>[#end ACTIONS#]</select></label>
 <button type="submit" class="btn btn-default btn-sm"><i class="glyphicon glyphicon-filter"></i> <#LANG_IMOU_FILTER#></button>
 <a href="?tab=log" class="btn btn-link btn-sm"><#LANG_IMOU_RESET#></a>
 <span class="text-muted pull-right"><#LANG_IMOU_TOTAL#>: [#TOTAL#]</span>
</form>

<table class="table table-condensed table-hover">
 <thead><tr><th>#</th><th><#LANG_IMOU_RECEIVED#></th><th>Code</th><th>action</th><th>index</th><th>data</th><th><#LANG_IMOU_HANDLER#></th><th><#LANG_IMOU_MEDIA#></th></tr></thead>
 <tbody>
 [#begin EVENTS#]
 <tr[#if IS_CALL="1"#] class="info"[#endif IS_CALL#]>
  <td><a href="?tab=log&view_mode=event&id=[#ID#]">[#ID#]</a></td>
  <td style="white-space:nowrap">[#RECEIVED#]</td>
  <td><a href="?tab=log&view_mode=event&id=[#ID#]">[#CODE#]</a></td>
  <td>[#ACTION#]</td>
  <td>[#INDEX#]</td>
  <td><small>[#SUMMARY#]</small>[#if DATA_ERROR="1"#] <span class="label label-warning"><#LANG_IMOU_DATA_ERROR#></span>[#endif DATA_ERROR#]</td>
  <td>[#if HANDLER_STATUS!=""#]<span class="label label-[#HANDLER_CLASS#]">[#HANDLER_STATUS#]</span>[#endif HANDLER_STATUS#]</td>
  <td>
   [#begin MEDIA#]
   <span class="imou-media">[#TYPE#][#if UNAVAILABLE="1"#] <span class="text-warning" title="<#LANG_IMOU_MEDIA_GONE_SHORT#>">⚠</span>[#endif UNAVAILABLE#]
    [#if CAN_PREVIEW="1"#]<a href="<#ROOTHTML#>admin.php?action=imou_doorbell&imou_media=[#ID#]&disposition=inline" target="_blank" title="<#LANG_IMOU_VIEW#>"><i class="glyphicon glyphicon-eye-open"></i></a>[#endif CAN_PREVIEW#]
    <a href="<#ROOTHTML#>admin.php?action=imou_doorbell&imou_media=[#ID#]&disposition=attachment" title="<#LANG_IMOU_DOWNLOAD#>"><i class="glyphicon glyphicon-download-alt"></i></a>
   </span>
   [#end MEDIA#]
  </td>
 </tr>
 [#end EVENTS#]
 </tbody>
</table>

[#if PAGES#]
<ul class="pagination">
 [#if PREV_PAGE!=""#]<li><a href="?tab=log&p=<#PREV_PAGE#><#FILTER_QUERY#>">&laquo;</a></li>[#endif PREV_PAGE#]
 [#begin PAGES#]
 <li[#if SELECTED="1"#] class="active"[#endif#]><a href="?tab=log&p=[#NUM#]<#FILTER_QUERY#>">[#NUM#]</a></li>
 [#end PAGES#]
 [#if NEXT_PAGE!=""#]<li><a href="?tab=log&p=<#NEXT_PAGE#><#FILTER_QUERY#>">&raquo;</a></li>[#endif NEXT_PAGE#]
</ul>
<span class="text-muted"> <#LANG_IMOU_PAGE#> [#PAGE#] / [#TOTAL_PAGES#]</span>
[#endif PAGES#]
[#endif EVENT_NOT_FOUND#]
[#endif EVENT#]