@extends('admin::layouts.content')

@section('page_title')
    {{ __('XLSX File Import') }}
@stop

@section('content')
    <div class="content">
        <form method="POST" action="{{ route('admin.import.csv.store') }}" @submit.prevent="onSubmit"
              enctype="multipart/form-data">

            <div class="page-header">
                <div class="page-title">
                    <h1>
                        <i class="icon angle-left-icon back-link"
                           onclick="window.location = '{{ route('admin.dashboard.index') }}'"></i>

                        {{ __('Import File') }}
                    </h1>
                </div>

                <div class="page-action">
                    <button type="submit" class="btn btn-lg btn-primary">
                        {{ __('File Submit') }}
                    </button>
                </div>
            </div>

            <div class="page-content">

                <div class="form-container">
                    @csrf

                    {!! view_render_event('bagisto.admin.import-csv.create_form_accordian.general.before') !!}

                    <accordian :title="'{{ __('admin::app.catalog.families.general') }}'" :active="true">
                        <div slot="body">

                            {!! view_render_event('bagisto.admin.catalog.family.create_form_accordian.general.controls.before') !!}

                            <div class="control-group" :class="[errors.has('r_file') ? 'has-error' : '']">
                                <label for="upload_csv_file"
                                       class="required">{{ __('Select Xlsx or Csv File') }}</label>
                                <input type="file" v-validate="'required'" class="control" id="r_file" name="r_file"
                                       value="{{ old('Xlsx, Csv File') }}" accept=".xlsx, .csv"
                                       data-vv-as="&quot;{{ __('Xlsx, Csv File') }}&quot;" v-code/>
                                <span class="control-error"
                                      v-if="errors.has('r_file')">@{{ errors.first('xlsx_file') }}</span>
                            </div>

                            {!! view_render_event('bagisto.admin.catalog.family.create_form_accordian.general.controls.after') !!}

                        </div>
                    </accordian>

                    {!! view_render_event('bagisto.admin.catalog.family.create_form_accordian.groups.after') !!}

                </div>
            </div>

        </form>
    </div>

@stop