@extends('layouts.admin')

@section('title', 'Import MSKU')
@section('content-header', 'Import MSKU')

@section('content')
<div class="card">
    <div class="card-body">

        <form action="{{ route('import.store') }}" method="POST" enctype="multipart/form-data">
            @csrf

            <h5><u>Import Excel/CSV</u></h5>

            <div class="form-group">
                <div class="custom-file">
                    <input type="file" class="custom-file-input" name="file" id="file">
                    <label class="custom-file-label" for="file">Choose file</label>
                </div>
                @error('file')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                @enderror
                <hr>
                <small>Get XLXS File: <a href="{{ asset('MSKU_Template.xlsx') }}">MSKU Template</a></small>
                <br>
                <small color="red">
                    <b>!</b> Do make sure the XLXS file follows the format given above.
                    </br>
                </small>
            </div>

            <button class="btn btn-primary float-right" type="submit">Import</button>
        </form>
    </div>
</div>
@endsection

@section('js')
    <script src="{{ asset('plugins/bs-custom-file-input/bs-custom-file-input.min.js') }}"></script>
    <script>
        $(document).ready(function () {
            bsCustomFileInput.init();
        });
    </script>
@endsection