@extends(BaseHelper::getAdminMasterLayoutTemplate())

@section('content')
    {!! Form::open(['class' => 'form-import-data', 'files' => 'true']) !!}
    <div class="row justify-content-center">
        <div class="col-xxl-6 col-xl-8 col-lg-10 col-12">
            <div class="widget meta-boxes mb-4">
                <div class="widget-title pl-2">
                    <h4>{{ trans('plugins/ecommerce::shipping.rule.item.bulk-import.menu') }}</h4>
                </div>
                <div class="widget-body">
                    <div class="form-group mb-3 @if ($errors->has('type')) has-error @endif">
                        <label
                            class="form-label required"
                            for="type"
                        >
                            {{ trans('plugins/ecommerce::bulk-import.import_types.name') }}
                        </label>
                        {!! Form::customSelect(
                            'type',
                            [
                                'overwrite' => trans('plugins/ecommerce::shipping.rule.item.bulk-import.overwrite'),
                                'add_new' => trans('plugins/ecommerce::shipping.rule.item.bulk-import.add_new'),
                                'skip' => trans('plugins/ecommerce::shipping.rule.item.bulk-import.skip'),
                            ],
                            null,
                            ['required' => true],
                        ) !!}
                        {!! Form::error('type', $errors) !!}
                    </div>
                    <div class="form-group mb-3 @if ($errors->has('file')) has-error @endif">
                        <label
                            class="form-label required"
                            for="input-group-file"
                        >
                            {{ trans('plugins/ecommerce::bulk-import.choose_file') }}
                        </label>
                        {!! Form::file('file', [
                            'id' => 'input-group-file',
                            'class' => 'form-control',
                            'required' => true,
                            'aria-describedby' => 'input-group-addon',
                        ]) !!}
                        <label
                            class="d-block mt-1 help-block"
                            for="input-group-file"
                        >
                            {{ trans('plugins/ecommerce::bulk-import.choose_file_with_mime', ['types' => implode(', ', config('plugins.ecommerce.general.bulk-import.mimes', []))]) }}
                        </label>

                        {!! Form::error('file', $errors) !!}
                        <div class="mt-3 text-center p-2 border bg-body-tertiary">
                            <a
                                class="download-template"
                                data-url="{{ route('ecommerce.shipping-rule-items.bulk-import.download-template') }}"
                                data-extension="csv"
                                data-filename="template_shipping_rule_items_import.csv"
                                data-downloading="<i class='fas fa-spinner fa-spin'></i> {{ trans('plugins/ecommerce::bulk-import.downloading') }}"
                                href="#"
                            >
                                <x-core::icon name="ti ti-file-type-csv" />
                                {{ trans('plugins/ecommerce::bulk-import.download-csv-file') }}
                            </a> &nbsp; | &nbsp;
                            <a
                                class="download-template"
                                data-url="{{ route('ecommerce.shipping-rule-items.bulk-import.download-template') }}"
                                data-extension="xlsx"
                                data-filename="template_shipping_rule_items_import.xlsx"
                                data-downloading="<i class='fas fa-spinner fa-spin'></i> {{ trans('plugins/ecommerce::bulk-import.downloading') }}"
                                href="#"
                            >
                                <x-core::icon name="ti ti-file-excel" />
                                {{ trans('plugins/ecommerce::bulk-import.download-excel-file') }}
                            </a>
                        </div>
                    </div>
                    <div class="form-group mb-3 d-grid">
                        <button
                            class="btn btn-info"
                            id="input-group-addon"
                            data-choose-file="{{ trans('plugins/ecommerce::bulk-import.please_choose_the_file') }}"
                            data-loading-text="{{ trans('plugins/ecommerce::bulk-import.loading_text') }}"
                            data-complete-text="{{ trans('plugins/ecommerce::bulk-import.imported_successfully') }}"
                            type="submit"
                        >
                            {{ trans('plugins/ecommerce::bulk-import.start_import') }}
                        </button>
                    </div>
                </div>
            </div>
            <div class="hidden main-form-message">
                <p id="imported-message"></p>
                <div class="show-errors hidden">
                    <h3 class="text-warning text-center">{{ trans('plugins/ecommerce::bulk-import.failures') }}</h3>
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th scope="col">#{{ trans('plugins/ecommerce::bulk-import.row') }}</th>
                                <th scope="col">{{ trans('plugins/ecommerce::bulk-import.attribute') }}</th>
                                <th scope="col">{{ trans('plugins/ecommerce::bulk-import.errors') }}</th>
                            </tr>
                        </thead>
                        <tbody id="imported-listing">

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    {!! Form::close() !!}

    <div class="widget meta-boxes">
        <div class="widget-title pl-2">
            <h4 class="text-info">{{ trans('plugins/ecommerce::bulk-import.template') }}</h4>
        </div>
        <div class="widget-body">
            <div class="table-responsive">
                <table class="table text-start table-striped table-bordered">
                    <thead>
                        <tr>
                            @foreach ($headings as $heading)
                                <th>{{ $heading }}</th>
                            @endforeach
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($data as $product)
                            <tr>
                                @foreach ($headings as $k => $h)
                                    <td>{{ Arr::get($product, $k) }}</td>
                                @endforeach
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="widget meta-boxes mt-4">
        <div class="widget-title pl-2">
            <h4 class="text-info">{{ trans('plugins/ecommerce::bulk-import.rules') }}</h4>
        </div>
        <div class="widget-body">
            <table class="table text-start table-bordered">
                <thead>
                    <tr>
                        <th scope="col">{{ trans('plugins/ecommerce::bulk-import.column') }}</th>
                        <th scope="col">{{ trans('plugins/ecommerce::bulk-import.rules') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($rules as $k => $rule)
                        <tr>
                            <th scope="row">{{ Arr::get($headings, $k) }}</th>
                            <td>({{ $rule }})</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@stop

@push('footer')
    <x-core::custom-template id="failure-template">
        <tr>
            <td scope="row">__row__</td>
            <td>__attribute__</td>
            <td>__errors__</td>
        </tr>
    </x-core::custom-template>
@endpush