@extends('layouts.backend.app')

@section('title','File Search')

@section('content')
    <div class="app-page-title">
        <div class="page-title-wrapper">
            <div class="page-title-heading">
                <div class="page-title-icon">
                    <i class="pe-7s-settings icon-gradient bg-mean-fruit">
                    </i>
                </div>
                <div>File Search</div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-3">
            @include('backend.settings.sidebar')
        </div>
        <!-- left column -->
        <div class="col-md-9">
            {{-- how to use callout --}}
            <div class="main-card mb-3 card">
                <div class="card-body">
                    <h5 class="card-title">How To Use:</h5>
                    <p>You can upload or delete images and icons here</p>
                </div>
            </div>

            <div class="main-card mb-3 card">
                <div class="card-body">
                    <form class="row" action="{{ route('app.files.collections.search') }}">
                        <div class="form-group col-sm-6">
                            <label class="form-label" for="search-keyword">Keyword</label>
                            <input type="text" id="search-keyword" name="q" placeholder="Keyword" class="form-control" value="{{ request('q') }}">
                        </div>
                        <div class="form-group col-sm-6">
                            <label class="form-label" for="search-website">File Type</label>
                            <select id="search-website" class="form-control" name="collection">
                                <option value="">Any Type</option>
                                @foreach(\App\Models\File::getConstants('COLLECTION_') as $collection)
                                    <option value="{{ $collection }}" @if(request('collection') === $collection) selected @endif>{{ \Illuminate\Support\Str::title($collection) }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group col-sm-6">
                            <label class="form-label" for="date-from">Date From <code>(YYYY-MM-DD)</code></label>
                            <input type="text" id="date-from" name="date_from" class="form-control" value="{{ request('date_from') }}">
                        </div>
                        <div class="form-group col-sm-6">
                            <label class="form-label" for="date-to">Date Until <code>(YYYY-MM-DD)</code></label>
                            <input type="text" id="date-to" name="date_to" class="form-control" value="{{ request('date_to') }}">
                        </div>
                        <div class="form-group col-12">
                            <button class="btn btn-primary" type="submit">
                                <i class="fas fa-search"></i> <span class="d-none d-sm-inline-block">Search</span>
                            </button>
                        </div>
                        {{--<div class="input-group">
                            <input type="text"
                                   id="search-keyword"
                                   name="q"
                                   class="form-control rounded-pill-start"
                                   placeholder="Search by Keyword"
                                   aria-label="Search by Keyword"
                                   aria-describedby="Search by Keyword"
                                   value="{{ request('q') }}"
                            >

                            <select id="search-website" class="form-control" name="collection">
                                <option value="">Any Type</option>
                                @foreach(\App\Models\File::getConstants('COLLECTION_') as $collection)
                                    <option value="{{ $collection }}" @if(request('collection') === $collection) selected @endif>{{ \Illuminate\Support\Str::title($collection) }}</option>
                                @endforeach
                            </select>

                            <div class="input-group-append">
                                <button class="input-group-text py-2 btn-primary" type="submit">
                                    <i class="fas fa-search"></i> <span class="d-none d-sm-inline-block">Search</span>
                                </button>
                            </div>
                        </div>--}}
                    </form>
                </div>
            </div>
            <!-- /.card -->

            @if($searchResult->count())
                <div class="table-responsive">
                    <table id="file-datatable" class="table table-striped table-hover left-sort-icon">
                        <thead>
                            <tr>
                                <th>File Name</th>
                                <td>Type</td>
                                <th>Size</th>
                                <th>Mime Type</th>
                                <th>URL</th>
                                <th>Last Modified</th>
                            </tr>
                        </thead>
                        <tbody>
                        @foreach($searchResult as $key => $f)
                            <tr>
                                <td><a class="d-block" href="{{ route('app.files.collections.edit', ['collection' => $f->collection, 'file' => $f->id]) }}">{{ $f->original_name }}</a></td>
                                <td>{{ $f->collection }}</td>
                                <td>{{ filesize_formatted($f->size) }}</td>
                                <td>{{ $f->mime_type }}</td>
                                <td>{{ $f->source }}</td>
                                <td class=""><i style="display: none">{{ $f->updated_at->timestamp }}</i>{{ $f->updated_at->diffForHumans() }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
                {{ $searchResult->links() }}
            @else
                <div class="alert alert-info">No file is found.</div>
            @endif
        </div>
    </div>

@endsection