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

@section('page_title')
    {{ __('bulkupload::app.admin.bulk-upload.labels.stock-check') }}
@stop

@section('content')
    <div class="page-header">
        <div class="page-title">
            <h1>{{ __('bulkupload::app.admin.bulk-upload.labels.stock-check') }}</h1>
        </div>
    </div>
    <div class="page-content">
        <accordian :title="'{{ __('bulkupload::app.admin.bulk-upload.stock-check.labels.upload-file') }}'"
                   :active="true">
            <div slot="body">
                <form method="POST" action="{{route('admin.bulk-upload.stock-check.index')}}"
                      enctype="multipart/form-data" @submit.prevent="onSubmit">
                    @csrf
                    <div class="row">
                        <div class="control-group" :class="[errors.has('file') ? 'has-error' : '']">
                            <label
                                class="required">{{ __('bulkupload::app.admin.bulk-upload.stock-check.labels.upload-file') }}</label>
                            <input type="file" class="control" v-validate="'required'" class="" id="file"
                                   name="file"
                                   data-vv-as="&quot;{{ __('File') }}&quot;">
                            <input type="submit" class="btn btn-lg btn-primary" value="Upload">
                            <p style="font-size:10px" class="small text-muted">* Supported file formats are XLX,
                                XLSX<br>* Max file size is upto 2 MB</p>
                            <p class="control-error" v-if="errors.has('file')">
                                @verbatim{{ errors.first('file') }}@endverbatim
                            </p>
                        </div>
                        <div class="control-group">
                            <label>{{ __('bulkupload::app.admin.bulk-upload.stock-check.labels.download-file') }}</label>
                            <a href="{{Storage::url('downloads/sample-files/SampleExcelStockCheck.xlsx')}}">
                                <i class="icon sort-down-icon download"></i>
                                {{ __('bulkupload::app.admin.bulk-upload.stock-check.text.download-file') }}
                            </a>
                        </div>
                    </div>
                </form>
            </div>
        </accordian>

        <accordian :title="'{{ __('bulkupload::app.admin.bulk-upload.stock-check.labels.grid.heading') }}'"
                   :active="true">
            <div slot="body">
                {!! $grid !!}
            </div>
        </accordian>
    </div>
@stop