@extends('layouts.layout-2')

@section('content')
    <h4 class="font-weight-bold py-2 mb-2">
        <a href="{{route('admin_downloadcenter_files')}}" class="btn btn-sm btn-default float-right">{{ __('back') }}</a>
        {{ __('navigation.downloadcenter') }} Datei  bearbeiten
    </h4>

    <div class="row">

        <div class="col-md-6 col-xl-5">
    
            <div class="card mb-4">
                <h5 class="card-header">Datei Vorschaubild</h5>
                <div class="card-body">
                    @if($file->hasThumb())
                        <img src="{{ route('storage_file', [$file->id, 'dc_thumb', 'image']) }}" class="img-fluid">
                        <br><br>
                        <a href="{{ route('admin_downloadcenter_file', ['delete_thumb', $file->id]) }}" class="btn btn-sm btn-danger"> Vorschaubild löschen <i class="ion ion-md-trash"></i></a>
                    @else
                        <a href="{{ route('admin_downloadcenter_file', ['make_thumb', $file->id]) }}" class="btn btn-sm btn-warning"> Vorschaubild erstellen <i class="ion ion-md-refresh-circle"></i></a>
                    @endif
                </div>
            </div>

            <div class="card mb-4">
                        @if($file->ext == 'jpg' || $file->ext == 'jpeg' || $file->ext == 'png')
                            <h5 class="card-header">Datei Bild</h5>
                            <div class="card-body">
                                <img src="{{ route('storage_file', [$file->id, 'dc_file', 'image']) }}" class="img-fluid">
                            </div>
                        @elseif($file->ext == 'pdf')
                            <h5 class="card-header">Datei PDF</h5>
                            <div class="card-body">
                                <object
                                data="{!! route('storage_file', [$file->id, 'dc_file', 'file']) !!}"
                                type="application/pdf"
                                width="100%"
                                height="600px"
                                ></object> 
                            </div>
                        @else
                            <div class="card-body">
                                <div class="text-center">
                                    <button type="button" class="btn icon-btn btn-xl btn-outline-info">
                                        {{ $file->ext }}
                                      </button>
                                </div>
                            </div>
                        @endif
              
                <hr class="border-light m-0">
                <div class="card-body">
                    <p class="mb-2">
                        <strong>
                            <a target="_blank" href="{{ route('storage_file', [$file->id, 'dc_file', 'stream']) }}">{{ $file->original_name }}</a>
                        </strong>
                    </p>
                  <p class="mb-2">
                   Size: <strong>{{ Util::formatBytes($file->size) }}</strong>
                  </p>
                  <p class="mb-2">
                    Ext: <strong>{{ $file->ext }}</strong>
                   </p>
                   <p class="mb-2">
                    angelegt: <strong>{{ $file->created_at->format('d.m.y H:i') }}</strong>
                   </p>
                  
                </div>

              
                <hr class="border-light m-0">
                <div class="card-body">
                    {!!  get_active_badge($file->active)  !!}
                    @if($file->active)
                        <a href="{{ route('admin_downloadcenter_file', ['deactivate', $file->id]) }}" class="btn btn-sm btn-warning">Deaktivieren <i class="fa fa-eye-slash"></i></a>
                    @else
                        <a href="{{ route('admin_downloadcenter_file', ['activate', $file->id]) }}" class="btn btn-sm btn-success">Aktivieren <i class="fa fa-eye"></i></a>
                    @endif
                </div>
                <hr class="border-light m-0">
                <div class="card-body">
                    <a onclick="return confirm(\'Diese Datei wirklich löschen?\');" class="btn btn-sm btn-danger" href="{{ route('admin_downloadcenter_file', ['delete', $file->id]) }}">Datei löschen <i class="fa fa-trash"></i></a>
                </div>
              </div>

        </div>

        <div class="col">
    
            <div class="card mb-4">
                <h5 class="card-header">Tags</h5>
                <div class="card-body">
                    {!! Form::open(['action' => route('admin_downloadcenter_file', ['file_tags_update', $file->id]), 'class' => 'form-horizontal']) !!}
                    <button type="submit" class="btn btn-submit btn-primary mb-4">{{ __('save') }}</button>&nbsp;
                    <div class="custom-dd dd" id="nestable_list_check" data-href-save="{{ url('/admin/tags/update')}}">
                        <ol class="dd-list">
                            @if(count($categories))
                                @foreach($categories as $category)
                                    <li class="dd-item" data-id="{{  $category->id  }}" data-name="{{  $category->slug }}">
                                        <div class="dd-handle dd-nodrag">
                                           {{  $category->name  }}
                                        </div>
                                        <ol class="dd-list">
                                            {!! \App\Services\DcHelper::makeNestableListCheckbox($category->id, $file->id) !!} 
                                        </ol>
                                    </li>
                                @endforeach    
                            @endif   
                        </ol>
                    </div>
                    <button type="submit" class="btn btn-submit btn-primary mt-4">{{ __('save') }}</button>&nbsp;

                    {!! Form::close() !!}

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

    <script>
        $( document ).ready(function() {
        });
    </script>
@endsection

@section('styles')
<link rel="stylesheet" href="/vendor/libs/nestable/nestable.css">
<style>
    .dd-list  {
        min-width: auto;
    }
    .dd-nodrag{
        pointer-events: none;
    }
    .custom-checkbox {
        pointer-events:  all;
    }
</style>
@endsection
@section('scripts')

<script src="/vendor/libs/nestable/jquery-nestable-full.js?v=1"></script>
<script src="/js/nestable-init.js?v=1"></script>

@endsection