sifatbaho
This commit is contained in:
615
resources/views/estate/show-documents.blade.php
Executable file
615
resources/views/estate/show-documents.blade.php
Executable file
@@ -0,0 +1,615 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
@lang('translation.overview')
|
||||
@endsection
|
||||
@section('css')
|
||||
<link href="{{ URL::asset('assets/libs/dropzone/dropzone.min.css') }}" rel="stylesheet">
|
||||
@endsection
|
||||
@section('content')
|
||||
@component('components.estate-order-breadcrumbs', ['order' => $order, 'active' => 'documents'])
|
||||
@endcomponent
|
||||
<!-- end row -->
|
||||
<div class="chat-wrapper d-lg-flex gap-1 mx-n4 mt-n4 p-1">
|
||||
<div class="file-manager-sidebar" data-simplebar>
|
||||
<div class="p-3 d-flex flex-column h-100">
|
||||
<div class="mb-3">
|
||||
<h5 class="mb-0 fw-semibold">
|
||||
@lang('translation.documents')
|
||||
</h5>
|
||||
</div>
|
||||
<div class="search-box my-4">
|
||||
<input type="text" class="form-control bg-light border-light"
|
||||
placeholder="@lang('translation.search-here')">
|
||||
<i class="ri-search-2-line search-icon"></i>
|
||||
</div>
|
||||
<div class="mt-auto mx-n4 px-4">
|
||||
<ul class="list-unstyled file-manager-menu">
|
||||
<li>
|
||||
<a data-bs-toggle="collapse" href="#collapseExample" role="button"
|
||||
aria-expanded="{{ $type === 'ALL' ? 'true' : 'false' }}" aria-controls="collapseExample"
|
||||
@if ($type === 'ALL') class="text-info" @endif>
|
||||
<i class="ri-folder-2-line align-bottom me-2"></i>
|
||||
<span class="file-list-link">
|
||||
{{-- @lang(\App\Enums\MediaTypeEnum::ALL)--}}
|
||||
</span>
|
||||
</a>
|
||||
<div class="collapse {{ $type === 'ALL' ? 'show' : 'false' }}" id="collapseExample">
|
||||
<ul class="sub-menu list-unstyled">
|
||||
@foreach (\App\Enums\MediaTypeEnum::cases() as $allList)
|
||||
<li>
|
||||
@if ($allList->name == 'ALL')
|
||||
<a href="{{ route('estate.show-documents', [$order->id]) }}"
|
||||
class="text-info">
|
||||
@lang('translation.see',[__($allList->value)])
|
||||
</a>
|
||||
@else
|
||||
@lang($allList->value)
|
||||
@endif
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ route('estate.show-documents', [$order->id, 'type' => \App\Enums\MediaTypeEnum::PASSPORT_CUSTOMER->name]) }}"
|
||||
@if ($type === \App\Enums\MediaTypeEnum::PASSPORT_CUSTOMER->name) class="text-info" @endif>
|
||||
<i class="ri-file-list-2-line align-bottom me-2"></i>
|
||||
<span class="file-list-link">
|
||||
@lang(\App\Enums\MediaTypeEnum::PASSPORT_CUSTOMER->value)
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ route('estate.show-documents', [$order->id, 'type' => \App\Enums\MediaTypeEnum::OBJECT_FILES->name]) }}"
|
||||
@if ($type === \App\Enums\MediaTypeEnum::OBJECT_FILES->name) class="text-info" @endif>
|
||||
<i class="ri-file-list-2-line align-bottom me-2"></i>
|
||||
<span class="file-list-link">
|
||||
@lang(\App\Enums\MediaTypeEnum::OBJECT_FILES->value)
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ route('estate.show-documents', [$order->id, 'type' => \App\Enums\MediaTypeEnum::COMPARES->name]) }}"
|
||||
@if ($type === \App\Enums\MediaTypeEnum::COMPARES->name) class="text-info" @endif>
|
||||
<i class="ri-image-2-line align-bottom me-2"></i>
|
||||
<span class="file-list-link">
|
||||
@lang(\App\Enums\MediaTypeEnum::COMPARES->value)
|
||||
</span>
|
||||
</a>
|
||||
<li>
|
||||
<a href="{{ route('estate.show-documents', [$order->id, 'type' => \App\Enums\MediaTypeEnum::OBJECT_PHOTO->name]) }}"
|
||||
@if ($type === \App\Enums\MediaTypeEnum::OBJECT_PHOTO->name) class="text-info" @endif>
|
||||
<i class="ri-history-line align-bottom me-2"></i>
|
||||
<span class="file-list-link">
|
||||
@lang(\App\Enums\MediaTypeEnum::OBJECT_PHOTO->value)
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ route('estate.show-documents', [$order->id, 'type' => \App\Enums\MediaTypeEnum::PARTICIPATE_CERTIFICATE->name]) }}"
|
||||
@if ($type === \App\Enums\MediaTypeEnum::PARTICIPATE_CERTIFICATE->name) class="text-info" @endif>
|
||||
<i class="ri-star-line align-bottom me-2"></i>
|
||||
<span class="file-list-link">
|
||||
@lang(\App\Enums\MediaTypeEnum::PARTICIPATE_CERTIFICATE->value)
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ route('estate.show-documents', [$order->id, 'type' => \App\Enums\MediaTypeEnum::APPRAISER_CERTIFICATE->name]) }}"
|
||||
@if ($type === \App\Enums\MediaTypeEnum::APPRAISER_CERTIFICATE->name) class="text-info" @endif>
|
||||
<i class="ri-delete-bin-line align-bottom me-2"></i>
|
||||
<span class="file-list-link">
|
||||
@lang(\App\Enums\MediaTypeEnum::APPRAISER_CERTIFICATE->value)
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ route('estate.show-documents', [$order->id, 'type' => \App\Enums\MediaTypeEnum::INSURANCE_POLICY->name]) }}"
|
||||
@if ($type === \App\Enums\MediaTypeEnum::INSURANCE_POLICY->name) class="text-info" @endif>
|
||||
<i class="ri-delete-bin-line align-bottom me-2"></i>
|
||||
<span class="file-list-link">
|
||||
@lang(\App\Enums\MediaTypeEnum::INSURANCE_POLICY->value)
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ route('estate.show-documents', [$order->id, 'type' => \App\Enums\MediaTypeEnum::CERTIFICATE->name]) }}"
|
||||
@if ($type === \App\Enums\MediaTypeEnum::CERTIFICATE->name) class="text-info" @endif>
|
||||
<i class="ri-delete-bin-line align-bottom me-2"></i>
|
||||
<span class="file-list-link">
|
||||
@lang(\App\Enums\MediaTypeEnum::CERTIFICATE->value)
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ route('estate.show-documents', [$order->id, 'type' => \App\Enums\MediaTypeEnum::ADDITIONAL->name]) }}"
|
||||
@if ($type === \App\Enums\MediaTypeEnum::ADDITIONAL->name) class="text-info" @endif>
|
||||
<i class="ri-delete-bin-line align-bottom me-2"></i>
|
||||
<span class="file-list-link">
|
||||
@lang(\App\Enums\MediaTypeEnum::ADDITIONAL->value)
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="mt-auto mx-n4 px-4">
|
||||
<form class="dropzone" id="create-file-form" action="{{ route('attach.files') }}" novalidate>
|
||||
@csrf
|
||||
<!-- end dropzon-preview -->
|
||||
<input type="hidden" name="order_id" value="{{ $order->id }}">
|
||||
<input type="hidden" name="order_type" value="{{ \App\Enums\OrderTypeEnum::ESTATE->name }}">
|
||||
<input type="hidden" class="form-control" name="file_type" value="{{ $type }}">
|
||||
|
||||
<div class="dropzone">
|
||||
<div class="fallback">
|
||||
<input name="file" type="file" multiple="multiple">
|
||||
</div>
|
||||
<div class="dz-message needsclick">
|
||||
<div class="mb-3">
|
||||
<i class="display-6 text-muted ri-upload-cloud-2-fill"></i>
|
||||
</div>
|
||||
<h5>Faylni bu yerga qo'ying yoki tanlang</h5>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end card body -->
|
||||
</form>
|
||||
</div>
|
||||
{{-- @if ($type != 'ALL') --}}
|
||||
<div class="mt-auto mx-n4 px-4 pt-5">
|
||||
<div class="mt-auto mx-n4 px-4">
|
||||
<h6 class="fs-11 text-muted text-uppercase mb-3">
|
||||
@lang('translation.storage-status')
|
||||
</h6>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-database-2-line fs-17"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3 overflow-hidden">
|
||||
<div class="progress mb-2 progress-sm">
|
||||
<div class="progress-bar bg-success" role="progressbar" style="width: 25%"
|
||||
aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
<span class="text-muted fs-12 d-block text-truncate">
|
||||
@lang('translation.used-of',["<b>119</b>GB","<b>".\App\Models\File::getFileSizeInMB($sizeInStorage)."</b>"])
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{-- @endif --}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="file-manager-content w-100 p-3 py-0">
|
||||
<div class="mx-n3 pt-4 px-4 file-manager-content-scrollss">
|
||||
<div>
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<h5 class="flex-grow-1 fs-16 mb-0" id="filetype-title">
|
||||
@lang(\App\Enums\MediaTypeEnum::getLabel($type))
|
||||
</h5>
|
||||
<div class="flex-shrink-0">
|
||||
<button class="btn btn-success createFile-modal" data-bs-toggle="modal"
|
||||
data-bs-target="#createFileModal"><i class="ri-add-line align-bottom me-1"></i>
|
||||
@lang('translation.create-file')
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<ul class="list-unstyled mb-0" id="dropzone-preview">
|
||||
<li class="mt-2" id="dropzone-preview-list">
|
||||
<!-- This is used as the file preview template -->
|
||||
<div class="border rounded">
|
||||
<div class="d-flex p-2">
|
||||
<div class="flex-shrink-0 me-3">
|
||||
<div class="avatar-sm bg-light rounded">
|
||||
<img data-dz-thumbnail class="img-fluid rounded d-block" src="#"
|
||||
alt="Dropzone-Image"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<div class="pt-1">
|
||||
<h5 class="fs-14 mb-1" data-dz-name> </h5>
|
||||
<p class="fs-13 text-muted mb-0" data-dz-size></p>
|
||||
<strong class="error text-danger" data-dz-errormessage></strong>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-shrink-0 ms-3">
|
||||
<button data-dz-remove
|
||||
class="btn btn-sm btn-danger">@lang('translation.delete')</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="table-responsive" data-simplebar>
|
||||
<table class="table align-middle table-nowrap mb-0">
|
||||
<thead class="table-active">
|
||||
<tr>
|
||||
<th scope="col">@lang('translation.file-name')</th>
|
||||
<th scope="col">@lang('translation.file-item')</th>
|
||||
<th scope="col">@lang('translation.file-size')</th>
|
||||
<th scope="col">@lang('translation.recent-date')</th>
|
||||
<th scope="col" class="text-center">@lang('translation.actions')</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="file-list">
|
||||
@if(isset($certificates))
|
||||
@foreach ($certificates as $certificate)
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="flex-shrink-0 fs-17 me-2 filelist-icon">
|
||||
<i
|
||||
class="ri-file-pdf-fill align-bottom text-success"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 filelist-name">
|
||||
<a href="{{ Storage::url($certificate->path) }}">
|
||||
@lang( \App\Enums\MediaTypeEnum::getLabel($type))
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
@lang( \App\Enums\MediaTypeEnum::getLabel($certificate->type) )
|
||||
</td>
|
||||
<td class="filelist-size">2 MB</td>
|
||||
<td class="filelist-create">{{ $certificate->created_at }}</td>
|
||||
<td>
|
||||
<div class="d-flex gap-3 justify-content-center">
|
||||
<button type="button"
|
||||
class="btn btn-ghost-primary btn-icon btn-sm favourite-btn ">
|
||||
<i class="ri-star-fill fs-13 align-bottom"></i>
|
||||
</button>
|
||||
<div class="dropdown">
|
||||
<button class="btn btn-light btn-icon btn-sm dropdown" type="button"
|
||||
data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<i class="ri-more-fill align-bottom"></i>
|
||||
</button>
|
||||
<ul class="dropdown-menu dropdown-menu-end">
|
||||
<li>
|
||||
<a class="dropdown-item viewfile-list"
|
||||
href="#">@lang('translation.view')</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-item edit-list" href="#createFileModal"
|
||||
data-bs-toggle="modal" data-edit-id="1"
|
||||
role="button">@lang('translation.rename')</a>
|
||||
</li>
|
||||
<li class="dropdown-divider"></li>
|
||||
<li>
|
||||
@component('components.delete-btn')
|
||||
@slot('url')
|
||||
{{ route('certificates.destroy', [$certificate->id]) }}
|
||||
@endslot
|
||||
@endcomponent
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
@else
|
||||
@foreach ($files as $file)
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="flex-shrink-0 fs-17 me-2 filelist-icon">
|
||||
<i
|
||||
class="ri-file-{{ $file->extension }}-fill align-bottom text-success"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 filelist-name">
|
||||
<a href="{{ Storage::url($file->path) }}">
|
||||
{{ $file->name }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
@lang( \App\Enums\MediaTypeEnum::getLabel($file->type) )
|
||||
</td>
|
||||
<td class="filelist-size">{{ $file->size }}</td>
|
||||
<td class="filelist-create">{{ $file->created_at }}</td>
|
||||
<td>
|
||||
<div class="d-flex gap-3 justify-content-center">
|
||||
<button type="button"
|
||||
class="btn btn-ghost-primary btn-icon btn-sm favourite-btn ">
|
||||
<i class="ri-star-fill fs-13 align-bottom"></i>
|
||||
</button>
|
||||
<div class="dropdown">
|
||||
<button class="btn btn-light btn-icon btn-sm dropdown" type="button"
|
||||
data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<i class="ri-more-fill align-bottom"></i>
|
||||
</button>
|
||||
<ul class="dropdown-menu dropdown-menu-end">
|
||||
<li>
|
||||
<a class="dropdown-item viewfile-list"
|
||||
href="#">@lang('translation.view')</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-item edit-list" href="#createFileModal"
|
||||
data-bs-toggle="modal" data-edit-id="1"
|
||||
role="button">Rename</a>
|
||||
</li>
|
||||
<li class="dropdown-divider"></li>
|
||||
<li>
|
||||
@component('components.delete-btn')
|
||||
@slot('url')
|
||||
{{ route('file.delete', [$file->id]) }}
|
||||
@endslot
|
||||
@endcomponent
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
@endif
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="mt-3">{{ $files->withQueryString()->links() }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- By default be open file manager detail modal-->
|
||||
<div class="file-manager-detail-content p-3 py-0">
|
||||
<div class="mx-n3 pt-3 px-3 file-detail-content-scroll" data-simplebar>
|
||||
<div id="folder-overview">
|
||||
<div class="d-flex align-items-center pb-3 border-bottom border-bottom-dashed">
|
||||
<h5 class="flex-grow-1 fw-semibold mb-0">@lang('translation.overview')</h5>
|
||||
<div>
|
||||
<button type="button" class="btn btn-soft-danger btn-icon btn-sm fs-16 close-btn-overview">
|
||||
<i class="ri-close-fill align-bottom"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="simple_dount_chart"
|
||||
data-colors='["--vz-info", "--vz-danger", "--vz-primary", "--vz-success"]'
|
||||
class="apex-charts mt-3" dir="ltr"></div>
|
||||
<div class="mt-4">
|
||||
<ul class="list-unstyled vstack gap-4">
|
||||
<li>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="flex-shrink-0">
|
||||
<div class="avatar-xs">
|
||||
<div class="avatar-title rounded bg-soft-secondary text-secondary">
|
||||
<i class="ri-file-text-line fs-17"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mb-1 fs-15">Documents</h5>
|
||||
<p class="mb-0 fs-12 text-muted">{{ $countDocs }} files</p>
|
||||
</div>
|
||||
<b>27.01 GB</b>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="flex-shrink-0">
|
||||
<div class="avatar-xs">
|
||||
<div class="avatar-title rounded bg-soft-success text-success">
|
||||
<i class="ri-gallery-line fs-17"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mb-1 fs-15">Media</h5>
|
||||
<p class="mb-0 fs-12 text-muted">{{ $countMediaFiles }} files</p>
|
||||
</div>
|
||||
<b>20.87 GB</b>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="flex-shrink-0">
|
||||
<div class="avatar-xs">
|
||||
<div class="avatar-title rounded bg-soft-warning text-warning">
|
||||
<i class="ri-folder-2-line fs-17"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mb-1 fs-15">Projects</h5>
|
||||
<p class="mb-0 fs-12 text-muted">7 files</p>
|
||||
</div>
|
||||
<b>4.10 GB</b>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="flex-shrink-0">
|
||||
<div class="avatar-xs">
|
||||
<div class="avatar-title rounded bg-soft-primary text-primary">
|
||||
<i class="ri-error-warning-line fs-17"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mb-1 fs-15">Others</h5>
|
||||
<p class="mb-0 fs-12 text-muted">{{ $otherFiles }} files</p>
|
||||
</div>
|
||||
<b>33.54 GB</b>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pb-3 mt-auto">
|
||||
<div class="alert alert-danger d-flex align-items-center mb-0">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-cloud-line text-danger align-bottom display-5"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="text-danger fs-14">Upgrade to Pro</h5>
|
||||
<p class="text-muted mb-2">Get more space for your...</p>
|
||||
<button class="btn btn-sm btn-danger"><i class="ri-upload-cloud-line align-bottom"></i>
|
||||
Upgrade Now
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="file-overview" class="h-100">
|
||||
<div class="d-flex h-100 flex-column">
|
||||
<div class="d-flex align-items-center pb-3 border-bottom border-bottom-dashed mb-3 gap-2">
|
||||
<h5 class="flex-grow-1 fw-semibold mb-0">File Preview</h5>
|
||||
<div>
|
||||
<button type="button" class="btn btn-ghost-primary btn-icon btn-sm fs-16 favourite-btn">
|
||||
<i class="ri-star-fill align-bottom"></i>
|
||||
</button>
|
||||
<button type="button"
|
||||
class="btn btn-soft-danger btn-icon btn-sm fs-16 close-btn-overview">
|
||||
<i class="ri-close-fill align-bottom"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pb-3 border-bottom border-bottom-dashed mb-3">
|
||||
<div class="file-details-box bg-light p-3 text-center rounded-3 border border-light mb-3">
|
||||
<div class="display-4 file-icon">
|
||||
<i class="ri-file-text-fill text-secondary"></i>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="btn btn-icon btn-sm btn-ghost-success float-end fs-16"><i
|
||||
class="ri-share-forward-line"></i></button>
|
||||
<h5 class="fs-16 mb-1 file-name">html.docx</h5>
|
||||
<p class="text-muted mb-0 fs-12"><span class="file-size">0.3 KB</span>, <span
|
||||
class="create-date">19 Apr, 2022</span></p>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="fs-12 text-uppercase text-muted mb-3">File Description :</h5>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-borderless table-nowrap table-sm">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row" style="width: 35%;">File Name :</th>
|
||||
<td class="file-name">html.docx</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">File Type :</th>
|
||||
<td class="file-type">Documents</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">Size :</th>
|
||||
<td class="file-size">0.3 KB</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">Created :</th>
|
||||
<td class="create-date">19 Apr, 2022</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">Path :</th>
|
||||
<td class="file-path">
|
||||
<div class="user-select-all text-truncate">*:\projects\src\assets\images
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h5 class="fs-12 text-uppercase text-muted mb-3">Share Information:</h5>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-borderless table-nowrap table-sm">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row" style="width: 35%;">Share Name :</th>
|
||||
<td class="share-name">\\*\Projects</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">Share Path :</th>
|
||||
<td class="share-path">velzon:\Documents\</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-auto border-top border-top-dashed py-3">
|
||||
<div class="hstack gap-2">
|
||||
<button type="button" class="btn btn-soft-primary w-100">
|
||||
<i class="ri-download-2-line align-bottom me-1"></i>
|
||||
@lang('translation.download')
|
||||
</button>
|
||||
<button type="button" class="btn btn-soft-danger w-100 remove-file-overview"
|
||||
data-remove-id="" data-bs-toggle="modal" data-bs-target="#removeFileItemModal">
|
||||
<i class="ri-close-fill align-bottom me-1"></i>
|
||||
@lang('translation.delete')
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- START CREATE FILE MODAL -->
|
||||
<div class="modal fade zoomIn" id="createFileModal" tabindex="-1" aria-labelledby="createFileModalLabel"
|
||||
aria-hidden="true" validate>
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content border-0">
|
||||
<div class="modal-header p-3 bg-soft-success">
|
||||
<h5 class="modal-title" id="createFileModalLabel">
|
||||
@lang('translation.create-file')
|
||||
</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" id="addFileBtn-close"
|
||||
aria-label="Close">
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="dropzone needs-validation" id="create-file-modal-form"
|
||||
action="{{ route('attach.files') }}" validate>
|
||||
@csrf
|
||||
<!-- end dropzon-preview -->
|
||||
<input type="hidden" name="order_id" value="{{ $order->id }}">
|
||||
<input type="hidden" name="order_type" value="{{ \App\Enums\OrderTypeEnum::ESTATE->name }}">
|
||||
<div class="mb-4">
|
||||
<label for="">
|
||||
<p class="text-muted">
|
||||
Eslatma ! Faylni yuklashdan oldin iltimos fayl turini tanlang
|
||||
</p>
|
||||
</label>
|
||||
<select class="form-control" name="file_type" id="file_type" required>
|
||||
@foreach (App\Enums\MediaTypeEnum::cases() as $case)
|
||||
<option value="{{ $case->name }}" {{ $case->name === $type ? 'selected' : '' }}>
|
||||
@lang($case->value)
|
||||
</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<div class="card-body">
|
||||
<div class="dropzone">
|
||||
<div class="fallback">
|
||||
<input name="file" type="file" multiple="multiple">
|
||||
</div>
|
||||
<div class="dz-message needsclick">
|
||||
<div class="mb-3">
|
||||
<i class="display-4 text-muted ri-upload-cloud-2-fill"></i>
|
||||
</div>
|
||||
<h4>Faylni bu yerga qo'ying yoki tanlang</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end card body -->
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END CREATE FILE MODAL -->
|
||||
@endsection
|
||||
@section('script')
|
||||
<script src="{{ URL::asset('/assets/libs/dropzone/dropzone.min.js') }}"></script>
|
||||
<script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
|
||||
<script src="{{ URL::asset('/assets/js/show-documents.js') }}"></script>
|
||||
@endsection
|
||||
Reference in New Issue
Block a user