@extends('dashboard.base')

@section('css')
    <link href="{{ asset('css/cropper.css') }}" rel="stylesheet">
@endsection

@section('content')


<div class="container-fluid">
  <div class="fade-in">
    <div class="row">
      <div class="col-sm-12">
        <div class="card">
          <div class="card-header"><h4>Media</h4></div>
            <div class="card-body">
                <div class="row">
                    <div class="col-12">
                        <div style="float:left;">
                            @if($parentFolder !== 'disable')
                                <a class="btn btn-primary mt-2" href="{{ route('media.folder.index', [ 'id' => $parentFolder ]) }}">
                                    <i class="cil-level-up"></i>
                                    back
                                </a>
                            @endif
                            <a class="btn btn-primary mt-2" href="{{ route('media.folder.add', [ 'thisFolder' => $thisFolder ]) }}">
                                <i class="cil-plus"></i> 
                                <i class="cil-folder"></i>
                                New folder
                            </a>
                        </div>
                        <div style="float:left;">
                            <form method="POST" action="{{ route('media.file.add') }}" enctype="multipart/form-data" id="file-file-form">
                                @csrf
                                <input type="hidden" name="thisFolder" value="{{ $thisFolder }}" id="this-folder-id"/> 
                                <label class="btn btn-primary mt-2 ml-1">
                                    <i class="cil-plus"></i>
                                    <i class="cil-file"></i>
                                    New file <input type="file" name="file" id="file-file-input" hidden>
                                </label> 
                                
                            </form>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-8">
                        <table class="table table-striped table-bordered datatable">
                            <tbody>
                                @foreach($mediaFolders as $mediaFolder)
                                    <tr>
                                        <td>
                                            <a href="{{ route('media.folder.index', [ 'id' => $mediaFolder->id ]) }}">
                                                <i class="cil-folder"></i> 
                                                {{ $mediaFolder->name }}
                                            </a>
                                        </td>
                                        <td>

                                        </td>
                                        <td>
                                            <button
                                                class="btn btn-primary file-change-folder-name"
                                                atr="{{ $mediaFolder->id }}"
                                            >
                                                Rename
                                            </button>
                                        </td>
                                        <td>

                                        </td>
                                        <td>
                                            <button 
                                                class="btn btn-primary file-move-folder"
                                                atr="{{ $mediaFolder->id }}"
                                            >
                                                Move
                                            </button>
                                        </td>
                                        <td>

                                        </td>
                                        <td>
                                            @if($mediaFolder->resource != 1)
                                                <button 
                                                    class="btn btn-danger file-delete-folder"
                                                    atr="{{ $mediaFolder->id }}"
                                                >
                                                    Delete
                                                </button>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                                @foreach($medias as $media)
                                    <tr>
                                        <td class="click-file" atr="{{ $media->id }}">
                                            <i class="cil-file"></i> 
                                            {{ $media->name }}
                                        </td>
                                        <td>
                                            <a 
                                                href="