@extends('layouts.admin.main')

@section('content')
    <div class="card">
        <div class="card-header card-header-danger">
            <h4 class="card-title">Full header coloured</h4>
            <p class="category">Category subtitle</p>
        </div>
        <div class="card-body">
            <table class="table table-hover">
                <thead>
                <tr>
                    <td class="text-center" style="width: 2rem;">#</td>
                    <td>Nom</td>
                    <td></td>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td><i class="fas fa-folder fa-2x"></i></td>
                    <td>..</td>
                </tr>
                @foreach($directories as $directory)
                    <tr>
                        <td><i class="fas fa-folder fa-2x"></i></td>
                        <td>{{$directory['name']}}</td>
                        <td class="td-actions text-right">
                            <button type="button" rel="tooltip" class="btn btn-info btn-round">
                                <i class="material-icons">person</i>
                            </button>
                            <button type="button" rel="tooltip" class="btn btn-success btn-round">
                                <i class="material-icons">edit</i>
                            </button>
                            <button type="button" rel="tooltip" class="btn btn-danger btn-round">
                                <i class="material-icons">close</i>
                            </button>
                        </td>
                    </tr>
                @endforeach
                @foreach($files as $file)
                    <tr>
                        <td><i class="{{ \App\GoogleDriveFile::icon($file['extension']) }} fa-2x"></i></td>
                        <td>{{$file['name']}}</td>
                        <td class="td-actions text-right">
                            <button type="button" rel="tooltip" class="btn btn-info btn-round">
                                <i class="material-icons">cloud_download</i>
                            </button>
                            <button type="button" rel="tooltip" class="btn btn-success btn-round">
                                <i class="material-icons">file_copy</i>
                            </button>
                            <button type="button" rel="tooltip" class="btn btn-danger btn-round">
                                <i class="material-icons">delete</i>
                            </button>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection

@section('breadcrumb')
    Fichier / Google Drive
@endsection

@section('scripts')
@endsection