@extends("layouts.app")

@section("head")
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.2/css/all.css">
<link href="{{ asset('vendor/file-manager/css/file-manager.css') }}" rel="stylesheet">
@endsection

@section("js")
<script src="{{ asset('vendor/file-manager/js/file-manager.js') }}"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    document.getElementById('fm-main-block').setAttribute('style', 'height: 70vh');

    fm.$store.commit('fm/setFileCallBack', function(fileUrl) {
      window.opener.fmSetLink(fileUrl);
      window.close();
    });
  });
</script>
@endsection

@section("breadcrumb")
<h5 class="mb-0">Imagenes</h5>
<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="{{url('/')}}">Principal</a></li>
    <li class="breadcrumb-item">Imagenes</li>
  </ol>
</nav>
@endsection

@section("content")
<div id="content-page" class="content-page">
  <div class="container-fluid">
    <div class="row row-eq-height">
      <div class="col-md-12">
        <a class="btn btn-info" href="{{ URL::previous() }}"> Regresar </a>
      </div>
      <div class="col-md-12" id="fm-main-block">
        <div id="fm"></div>
      </div>
    </div>
  </div>
</div>
@endsection