@extends('layouts.header')

@section('content')

<div class="breadcrumb-wrap mt-n4">
  <nav aria-label="breadcrumb">
    <ol class="breadcrumb">
      <li class="breadcrumb-item"><a href="/home">Home</a></li>
      <li class="breadcrumb-item active" aria-current="page" id="bread_{{$menu_obj->id}}" onclick="currentChild({{$menu_obj->id}})"><a href="/menu/open-header/{{$menu_obj->id}}">
          @if($menu_obj->type == 'FOLDER')
          {{ $menu_obj->name}}
          @else
          {{ $menu_obj->file_name}}
          @endif

        </a></li>
    </ol>
  </nav>
</div>

@if($menu_obj->parent_id != 1)
<a id="backArrow"><i class="fa fa-arrow-left" style="color:red;cursor:pointer;padding-right:20px;"></i></a>
@endif
@if($menu_permission->is_download == 'Y')

@if($menu_obj->file_ext == 'xls' || $menu_obj->file_ext == 'xlsx' || $menu_obj->file_ext == 'docx' || $menu_obj->file_ext == 'doc')
<a href="https://view.officeapps.live.com/op/view.aspx?src={{ $menu_obj->file_url }}&embedded=true" target="_blank" style="color:#274d8e" onclick="logActivity({{ $menu_obj->id }})">{{ $menu_obj->file_name}}</a>

@if(isset($user->first_name))
<small> ( uploaded by: {{ $user->first_name . " " . $user->last_name }} , at: {{ $menu_obj->updated_at ? date('d-m-Y h:i A',strtotime($menu_obj->updated_at)) : date('d-m-Y h:i A',strtotime($menu_obj->created_at)) }})</small>
@endif


@else
<a href="{{ $menu_obj->file_url }}" target="_blank" style="color:#274d8e" onclick="logActivity({{ $menu_obj->id }})">{{ $menu_obj->file_name}}</a>
{{--@if(!empty($menu_obj->updated_at))
( Updated date: {{ $menu_obj->updated_at ? date('d-m-Y h:i A',strtotime($menu_obj->updated_at)) : '' }} )
@endif--}}

@if(isset($user->first_name))
<small> ( uploaded by: {{ $user->first_name . " " . $user->last_name }} , at: {{ $menu_obj->updated_at ? date('d-m-Y h:i A',strtotime($menu_obj->updated_at)) : date('d-m-Y h:i A',strtotime($menu_obj->created_at)) }})</small>
@endif
@endif

<a href="{{ $menu_obj->file_url_download }}" download="{{ $menu_obj->file_url_download }}" class="text-primary" onclick='logActivity({{$menu_obj->id}})' style="float:right;">
  <i class="fa fa-cloud-download text-danger" aria-hidden="true"></i>
  Download
</a>

@endif
<div class="row mt-4">

  <div class="col-12 mb-4">

    @if($menu_permission->is_view == 'Y')
    @if($menu_obj->file_ext == 'doc' || $menu_obj->file_ext == 'docx')
    <!-- <iframe src="https://view.officeapps.live.com/op/embed.aspx?src={{$encodedUrl}}&embedded=true" id="" name="" title="" width="100%" height="500" allowfullscreen webkitallowfullscreen></iframe> -->
    <iframe src="{{ $iFrameUrl }}" id="myIframe" name="myIframe" title="" width="100%" height="500" allowfullscreen webkitallowfullscreen></iframe>
    @elseif($menu_obj->file_ext == 'xls' || $menu_obj->file_ext == 'xlsx')
    <!-- <iframe src="https://view.officeapps.live.com/op/embed.aspx?src={{$encodedUrl}}&embedded=true" id="" name="" title="" width="100%" height="500" allowfullscreen webkitallowfullscreen></iframe> -->
    <iframe src="{{ $iFrameUrl }}" id="myIframe" name="myIframe" title="" width="100%" height="500" allowfullscreen webkitallowfullscreen></iframe>
    @else
    <iframe src="{{ $menu_obj->file_url }}#toolbar=0" id="myIframe" name="myIframe" title="" width="100%" height="500" allowfullscreen webkitallowfullscreen></iframe>
    @endif

    @endif

  </div>

</div>

<!-- <iframe src="{{ $iFrameUrl }}" id="" name="" width="100%" height="500" allowfullscreen webkitallowfullscreen></iframe> -->

@endsection

<style>
  .content-wrap .breadcrumb-wrap nav.fixed-header {
    position: fixed;
    width: 100%;
    z-index: 9;
    margin-top: -12px;
  }
</style>

@section('append')

<script>
  var breadcrumb = "";
  var text = "";

  $(document).ready(function() {
    // setTimeout(() => {
    //     $('.breadcrumb').html(sessionStorage.breadcrumb);
    // }, 100);
    setTimeout(() => {
      const iframe = document.getElementById('myIframe');
      iframe.src = iframe.src;
      console.log("iframe reloaded");
    }, 1000);

  });


  function currentChild(id) {
    var after = $('#bread_' + id).nextAll().remove();
    breadcrumb = $('.breadcrumb').html();
    sessionStorage.setItem('breadcrumb', breadcrumb);
  }


  $('#backArrow').on('click', function() {
    $('.breadcrumb li:last-child').remove();
    breadcrumb = $('.breadcrumb').html();
    sessionStorage.setItem('breadcrumb', breadcrumb);
    history.back();
  });

  function logActivity(menu_id) {
    console.log("mid=" + menu_id);
    $.ajax({
      type: "POST",
      url: "/add-activity-logs",
      data: {
        "menu_id": menu_id,
      },
      beforeSend: function(request) {
        return request.setRequestHeader('X-CSRF-Token', $("meta[name='csrf-token']").attr('content'));
      },
      success: function(data) {

      },
      error: function(error) {
        // alert('Something went wrong, Please Try Again');
      }

    });
  }
</script>

@endsection