İmport page design
This commit is contained in:
		| @@ -3,30 +3,48 @@ | ||||
|         {{ trans('import.title', ['type' => $title_type]) }} | ||||
|     </x-slot> | ||||
|  | ||||
|     <x-slot name="favorite" | ||||
|         title="{{ trans('import.title', ['type' => $title_type]) }}" | ||||
|         icon="import_export" | ||||
|         url="{{ route('import.create', ['group' => $group, 'type' => $type]) }}" | ||||
|     ></x-slot> | ||||
|  | ||||
|     <x-slot name="content"> | ||||
|         <div class="card"> | ||||
|             <x-form id="import" :route="$form_params['route']" :url="$form_params['url']"> | ||||
|                 <div class="card-body mt-8"> | ||||
|                     <div class="border-t-4 border-orange-300 rounded-b-lg text-orange-700 px-4 py-3 shadow-md" role="alert"> | ||||
|                         <div class="flex"> | ||||
|                             <div> | ||||
|                                 {!! trans('import.limitations', ['extensions' => strtoupper(config('excel.imports.extensions')), | ||||
|                                         'row_limit' => config('excel.imports.row_limit') | ||||
|                                     ]) | ||||
|                                 !!} | ||||
|                             </div> | ||||
|                         </div> | ||||
|                 <div class="flex flex-col lg:flex-row"> | ||||
|                     <div class="hidden lg:flex w-4/12 ltr:-ml-10 rtl:-mr-10 ltr:mr-10 rtl:ml-10"> | ||||
|                         <img src="{{ asset('public/img/import.png') }}" alt="{{ trans('import.title', ['type' => $title_type]) }}"> | ||||
|                     </div> | ||||
|  | ||||
|                     <div class="border-t-4 mt-8 border-blue-300 rounded-b-lg text-blue-700 px-4 py-3 shadow-md" role="alert"> | ||||
|                         <div class="flex"> | ||||
|                             <div> | ||||
|                                 {!! trans('import.sample_file', ['download_link' => $sample_file]) !!} | ||||
|                     <!--  | ||||
|                     <div class="hidden lg:flex w-4/12 mt-18 mr-14"> | ||||
|                         <iframe width="560" height="244" src="https://www.youtube.com/embed/p98z142g2yY" frameborder="0"  title="{{ trans('import.title', ['type' => $title_type]) }}" class="rounded-lg"></iframe> | ||||
|                     </div> | ||||
|                      --> | ||||
|  | ||||
|                     <div class="card-body mt-8 lg:w-8/12 w-full"> | ||||
|                         <div class="w-full mt-8 bg-blue-100 rounded-lg text-blue-700 px-4 py-2" role="alert"> | ||||
|                             <div class="flex"> | ||||
|                                 <span class="material-icons ltr:mr-3 rtl:ml-3">error_outline</span> | ||||
|  | ||||
|                                 <div class="font-semibold text-sm mt-1"> | ||||
|                                     {!! trans('import.sample_file_and_document', [ | ||||
|                                         'download_link' => $sample_file, | ||||
|                                         'document_link' => $document_link | ||||
|                                     ]) !!} | ||||
|                                 </div> | ||||
|                             </div> | ||||
|                         </div> | ||||
|                     </div> | ||||
|  | ||||
|                     <x-form.group.file name="import" dropzone-class="form-file" singleWidthClasses :options="['acceptedFiles' => '.xls,.xlsx']" form-group-class="mt-8" /> | ||||
|                         <x-form.group.import | ||||
|                             name="import" | ||||
|                             dropzone-class="form-file" | ||||
|                             singleWidthClasses | ||||
|                             :options="['acceptedFiles' => '.xls,.xlsx']" | ||||
|                             form-group-class="mt-8" | ||||
|                         /> | ||||
|                     </div> | ||||
|                 </div> | ||||
|  | ||||
|                 <div class="mt-8"> | ||||
| @@ -58,4 +76,5 @@ | ||||
|     </x-slot> | ||||
|  | ||||
|     <x-script folder="common" file="imports" /> | ||||
| </x-layouts.admin> | ||||
| </x-layouts.admin> | ||||
|  | ||||
|   | ||||
		Reference in New Issue
	
	Block a user