@extends(AdminBaseDashboard::AdminBaseLayout())

@section('title', trans('set::advance.page_title'))

@section('content')

    <section id="advance-configuration">
        <div class="container-fluid breadcrumb-wraper">
            <ul class="breadcrumb">
                <li><a href="{{ route('dashboard')}}" class="active bread-link">
                        <span class="me-1"><i class="fa-solid fa-house"></i></span>{{ __('set::advance.home')}}</a></li>
                <li>{{__('set::advance.settings')}}</li>
                <li>{{__('set::advance.advance configuration')}}</li>
                <li>{{__('set::advance.appearances')}}</li>
            </ul>
        </div>

        <div class="configuration-container-wrapper">
            @includeIf('setup::tab_header')
            <div class="tab-content-wrapper">
                <form class="appearance-form" enctype="multipart/form-data">
                    @includeif(AdminBaseDashboard::load_upload_bar_from())
                   <div class="row">
                       <div class="col-sm-12 col-md-8 col-lg-8">
                          @if($img_thumbnail)
                              @includeif('setup::appearances.update')
                           @else
                              @includeif('setup::appearances.create')
                              @endif
                       </div>
                       <div class="col-sm-12 col-md-4 col-lg-4">
                           <div class="card">
                               <div class="card-header">
                                   <label for="" class="form-label">
                                       {{ __('set::advance.publish') }}
                                   </label>
                               </div>
                               <div class="card-body">
                                   <button class="btn save-button" id="upload-store-image" type="button" data-url="{{ route('upload-store-images') }}">
                                       <span class="btn-text">{{ __('set::advance.upload') }}</span>
                                       <span class="loading-spinner"><i class="fa-solid fa-spinner"></i></span>
                                       <span class="loading-text">{{ __('set::advance.uploading') }}...</span>
                                   </button>
                               </div>
                           </div>
                       </div>
                   </div>
                </form>
            </div>
        </div>
        </div>
    </section>

@stop