@extends('layouts.app')
@section('title')
    {{ 'Import Business' }}
@endsection

@section('content')
    <!-- breadcrumb -->
    <div class="breadcrumb-header justify-content-between">
        <div class="my-auto">
            <h4 class="page-title">Import Business</h4>
            <ol class="breadcrumb">
                <li class="breadcrumb-item">
                    @if (Auth::user()->role_id == 1)
                        <a href="{{ route('backend.dashboard') }}">Admin Dashboard</a>
                    @else
                        <a href="{{ route('backend.business.dashboard') }}">Business Dashboard</a>
                    @endif
                </li>
                <li class="breadcrumb-item active" aria-current="page"><a href="javascript:void(0);">Import File</a></li>
            </ol>
        </div>
    </div>
    <!-- breadcrumb -->
    @include('layouts.message')
    <!-- row -->
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Import File</h5>
                    <a href="{{ route('download', ['filename' => 'sample_file.csv']) }}" title="Download sample file" class="btn btn-primary pull-right" style="float:right">Download Sample File</a>
                    <form class="" id="importFileForm" method="post" enctype="multipart/form-data">
                        <input type="hidden" name="user_id" value="{{$userId}}" id="affiliateUserId">
                        <div class="form-inline">
                            <div class="form-group mb-2">
                                <input class="form-control" type="file" name="imported_file" id="importedFile" accept="text/csv,text/comma-separated-value,application/vnd.msexcel,application/csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" data-rule-required="true" data-msg-accept="Please upload valid file formats .xlsx, .csv, .xls only."/>
                            </div>
                            <div class="form-group mx-sm-3 mb-2">
                                <button type="button" class="btn btn-primary" id="btnImport">Import</button>
                            </div>
                        </div>
                        <div class="errorMsg"></div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div id="uploadUser" data-route="{{ route('import-business.upload-user-file') }}"></div>
    @push('scripts')
        <script src="{{ asset('/js/backend/additional-methods.min.js') }}"></script>
        <script src="{{ asset('/js/backend/import-business.js') }}?v={{ time() }}"></script>
    @endpush
@endsection