@extends('admin.partial.master')
@section('file-upload', 'active')
@section('content')
    @push('style')
        <link rel="stylesheet" type="text/css" href="{{ asset('portal/drive.css') }}">
        <style>
            html body .content.app-content {
                overflow: inherit !important;
            }

        </style>
    @endpush
    <section id="configuration">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <!--begin::Card header-->
                    @if (Session::has('message'))
                        <div class="alert alert-{{ Session::get('messageType') }} alert-dismissible">
                            <button type="submit" class="close" data-dismiss="alert">×</button>
                            <strong>{{ Session::get('message') }} </strong>
                        </div>
                    @endif
                    <div class="card-body pt-10 bg-success2">
                        <div class="d-flex align-items-center">
                            <!--begin::Icon-->
                            <div class="symbol symbol-circle me-5">
                                <div class="symbol-label bg-transparent text-primary border border-white border-dashed">
                                    <!--begin::Svg Icon | path: icons/duotune/abstract/abs020.svg-->
                                    <span class="svg-icon svg-icon-2x svg-icon-success">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                            fill="none">
                                            <path
                                                d="M17.302 11.35L12.002 20.55H21.202C21.802 20.55 22.202 19.85 21.902 19.35L17.302 11.35Z"
                                                fill="black"></path>
                                            <path opacity="0.3"
                                                d="M12.002 20.55H2.802C2.202 20.55 1.80202 19.85 2.10202 19.35L6.70203 11.45L12.002 20.55ZM11.302 3.45L6.70203 11.35H17.302L12.702 3.45C12.402 2.85 11.602 2.85 11.302 3.45Z"
                                                fill="black"></path>
                                        </svg>
                                    </span>
                                    <!--end::Svg Icon-->
                                </div>
                            </div>
                            <!--end::Icon-->
                            <!--begin::Title-->
                            <div class="d-flex flex-column">
                                <h2 class="mb-1 text-white">Files</h2>
                                <div class="text-muted fw-bolder">
                                    <a href="#" class="text-success">File Manager</a>
                                </div>
                            </div>
                            <!--end::Title-->
                        </div>
                        <div class="card-content collapse show">
                            <!--begin::Table header-->
                            <div class="d-flex flex-stack">
                            </div>
                            <!--end::Table header-->
                            <div class="table-responsive">
                                <table class="table table-bordered zero-configuration">
                                    <thead>
                                        <th class="min-w-250px" rowspan="1" colspan="1">Name</th>
                                        <th class="min-w-250px" rowspan="1" colspan="1">Role</th>
                                        <th class="min-w-125px" rowspan="1" colspan="1">Shared At</th>
                                        <th class="min-w-125px" rowspan="1" colspan="1">Action</th>
                                    </thead>
                                    <tbody>
                                        @forelse ($clientFiles as $folder)
                                            @if ($folder->folders != null)
                                                <tr>
                                                    <td>
                                                        <div class="d-flex align-items-center">
                                                            <!--begin::Svg Icon | path: icons/duotune/files/fil012.svg-->
                                                            <span class="svg-icon svg-icon-2x svg-icon-success me-4">
                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                                    height="24" viewBox="0 0 24 24" fill="none">
                                                                    <path opacity="0.3"
                                                                        d="M10 4H21C21.6 4 22 4.4 22 5V7H10V4Z"
                                                                        fill="black"></path>
                                                                    <path
                                                                        d="M9.2 3H3C2.4 3 2 3.4 2 4V19C2 19.6 2.4 20 3 20H21C21.6 20 22 19.6 22 19V7C22 6.4 21.6 6 21 6H12L10.4 3.60001C10.2 3.20001 9.7 3 9.2 3Z"
                                                                        fill="grey"></path>
                                                                </svg>
                                                            </span>
                                                            <!--end::Svg Icon-->
                                                            <a href="{{ route('admin.file', ['id' => $folder->folders->id]) }}"
                                                                class="text-white">{{ $folder->folders->name }}</a>
                                                        </div>
                                                    </td>
                                                    <td>{{ $folder->roles->name }}</td>
                                                    <td>{{ $folder->folders->created_at->format('m-d-Y') ?? '' }}</td>
                                                    <td>
                                                        <a class="btn btn-danger"
                                                            href="{{ route('admin.folder.delete', ['id' => $folder->folders->id]) }}"><i
                                                                class="fa fa-trash"></i>
                                                        </a>
                                                    </td>
                                                </tr>
                                            @endif
                                        @empty
                                        @endforelse
                                        @forelse ($clientFiles as $file)
                                            @if ($file->files != null)
                                                {{-- @dd($file->files) --}}
                                                <tr>
                                                    <td>
                                                        <div class="d-flex align-items-center">
                                                            <!--begin::Svg Icon | path: icons/duotune/files/fil012.svg-->
                                                            <span class="svg-icon svg-icon-2x svg-icon-success me-4">
                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                                    height="24" viewBox="0 0 24 24" fill="none">
                                                                    <path opacity="0.3"
                                                                        d="M19 22H5C4.4 22 4 21.6 4 21V3C4 2.4 4.4 2 5 2H14L20 8V21C20 21.6 19.6 22 19 22Z"
                                                                        fill="black"></path>
                                                                    <path d="M15 8H20L14 2V7C14 7.6 14.4 8 15 8Z"
                                                                        fill="grey"></path>
                                                                </svg>
                                                            </span>
                                                            <!--end::Svg Icon-->
                                                            <a href="{{ asset('storage/Admin-File/' . $file->files->file_name) }}"
                                                                target="_blank"
                                                                class="text-white">{{ $file->files->file_name }}
                                                            </a>
                                                        </div>
                                                    </td>
                                                    <td>{{ $file->roles->name }}</td>
                                                    <td>{{ $file->created_at->format('m-d-Y') ?? '' }}</td>
                                                    <td>
                                                        <a class="btn btn-danger"
                                                            href="{{ route('admin.file.delete', ['id' => $file->files->id]) }}"><i
                                                                class="fa fa-trash"></i></a>
                                                    </td>
                                                </tr>
                                            @endif
                                        @empty
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection