@extends('layouts.admin')
@section('headerTitle')
    Dosare
@endsection

@section('content')
    <div class="row">
        @include('flash::message')
        <div class="card">
            <div class="card-header">
                <div class="card-title">
                    @can('Creere dosare')
                        <add-folder></add-folder>
                    @endcan
                </div>
                <div class="card-toolbar">
                    <div class="d-flex justify-content-end">
                        <div class="menu fw-bold fs-7 w-300px w-md-325px">
                            <div class="px-7 py-5">
                                <div class="menu-item form-group hidden visible-xs">
                                    <button type="button" class="btn btn-secondary" data-toggle="collapse"
                                        data-target="#filterForm"><i class="fa fa-search"></i> Cautare
                                    </button>
                                    <a class="ml-2 btn btn-secondary " href="{{ route('admin.docmg') }}">
                                        Reset
                                    </a>
                                </div>

                                {!! Form::model(request()->all(), [
                                    'method' => 'get',
                                    'class' => 'form-horizontal visible hidden-xs collapse ',
                                    'id' => 'filterForm',
                                ]) !!}
                                <div class="form-group mb-10">
                                    <label for="search" class="form-label">Cuvinte cheie</label>
                                    {!! Form::text('search', null, ['class' => 'form-control input-sm', 'placeholder' => 'cuvinte cheie']) !!}
                                </div>
                                <button type="submit" class="btn btn-primary btn-sm"><i class="fa fa-filter"></i>
                                    Cauta</button>
                                {!! Form::close() !!}
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="card-body">
                <div class="row">
                    @foreach ($documents as $document)
                        <div class="col-lg-2 col-md-2 col-sm-4 col-xs-6 m-t-20" style="cursor:pointer;">
                            <div class="card h-175px bgi-no-repeat bgi-size-cover card-xl-stretch mb-5 mb-xl-8 bg-secondary text-center"
                                style="background-position: calc(100% + 0.5rem) 100%;background-size: 50% auto; )">
                                <!--begin::Body-->
                                <div class="card-body d-flex flex-column justify-content-between position-relative">
                                    <i class="fa fa-folder fs-2hx "></i>
                                    <a href="{{ route('admin.docmg.show', $document->id) }}" class="mb-0">
                                        <h5 class="fw-bold fs-7" title="{{ $document->name }}" data-toggle="tooltip">
                                            {{ $document->name }}</h5>
                                        <h5 class="fw-bold fs-8"><span data-toggle="tooltip"
                                                title="{{ formatDateTime($document->updated_at) }}">{{ formatDate($document->updated_at) }}</span>

                                        </h5>
                                        <span data-bs-toggle="tooltip"
                                            class="badge badge-warning badge-circle position-absolute top-0 left-0"
                                            title="Documente atasate in dosar">
                                            @if ($document->type_files == 'Fisiere')
                                                {{ $document->files_count }}
                                            @else
                                                {{$document->forms_count}}
                                            @endif
                                        </span>
                                        <h6>{{ $document->type_files }}</h6>
                                        <h5 class="fw-bold fs-8"><span data-toggle="tooltip"
                                                title="{{ $document->description }}">{{ \Illuminate\Support\Str::limit($document->description, 20, $end = '...') }}</span>
                                        </h5>

                                    </a>

                                </div>
                                <!--end::Body-->
                            </div>

                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
    <div class="content" style="margin-top: 22px;">
        <div class="clearfix"></div>



        <div class="clearfix"></div>
        <div class="box box-primary">

            <div class="box-body">

            </div>
            <div class="box-footer">
                {!! $documents->appends(request()->all())->render() !!}
            </div>
        </div>
    </div>
@endsection