@include('includes.header')
<!-- Page content-->
<div class="container">
    <div class="mt-5">
        @if(!empty($code) && $code === 200)
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <strong>Success!</strong> {{ !empty($code) && $message }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
        @elseif(!empty($code) && $code === 404)
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <strong>Error!</strong> {{ !empty($code) && $message }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
        @endif
        @if(!empty($_GET['import']) && $_GET['import'] == 'success')
            <h1 class="text-center">Data Imported Successfully</h1>
            <div class="col-sm-12 mt-4 text-center">
                <a href="{{ route('viewResults', ['id' => request()->get('id')]) }}" class="btn btn-lg btn-primary">View Results</a>
            </div>
        @else
            <h1>Import Data</h1>
            <form enctype="multipart/form-data" class="mt-3" method="POST">
                <div class="form-group mb-4">
                    <label for="search_id">Select comparison data <span class="text-danger">*</span></label>
                    <select class="form-select select2 search_id_val" name="search_id" id="search_id_val">
                        <option value="">Please select</option>
                        @if(!empty($searchData))
                            @foreach($searchData as $data)
                                <option value="{{ $data->id }}">{{ $data->employer_name }} - {{ $data->state_name }}</option>
                            @endforeach
                        @endif
                    </select>
                    <span id="searchError" class="font-size-13 text-danger"></span>
                </div>
                <div class="dropzone" id="myDropzone">
                    <div class="dz-message needsclick">
                        <div class="mb-2">
                            <svg id="Layer_1" height="60" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 114.31 122.88"><defs><style>.cls-1{fill-rule:evenodd;}</style></defs><title>download-file</title><path class="cls-1" d="M69.88,71.65h35.78a8.68,8.68,0,0,1,8.65,8.66v33.92a8.67,8.67,0,0,1-8.65,8.65H69.88a8.67,8.67,0,0,1-8.65-8.65V80.31a8.68,8.68,0,0,1,8.65-8.66ZM26.26,78.12a3.35,3.35,0,0,1-3.17-3.46,3.29,3.29,0,0,1,3.17-3.45H42.9a3.34,3.34,0,0,1,3.17,3.45,3.29,3.29,0,0,1-3.17,3.46Zm75.19-18.46h-7V8.1a1.17,1.17,0,0,0-.33-.82A1.2,1.2,0,0,0,93.34,7H8.06a1.15,1.15,0,0,0-.82.33,1.13,1.13,0,0,0-.33.82v96.35a1.13,1.13,0,0,0,1.15,1.16H45.17v7H8.1A8.16,8.16,0,0,1,0,104.45V8.1A7.93,7.93,0,0,1,2.39,2.39,8,8,0,0,1,8.1,0H93.39A7.92,7.92,0,0,1,99.1,2.39a8,8,0,0,1,2.39,5.71c0,39.79,0-9.25,0,51.56ZM26.22,33.12a3.36,3.36,0,0,1-3.17-3.46,3.3,3.3,0,0,1,3.17-3.46H75.14a3.35,3.35,0,0,1,3.17,3.46,3.3,3.3,0,0,1-3.17,3.46Zm0,22.5a3.36,3.36,0,0,1-3.17-3.46,3.29,3.29,0,0,1,3.17-3.45H75.14a3.34,3.34,0,0,1,3.17,3.45,3.29,3.29,0,0,1-3.17,3.46Zm74,39.25a2.44,2.44,0,0,1,2.08,1c1.1,1.64-.4,3.27-1.43,4.41-3,3.23-9.61,9.08-11.07,10.79a2.39,2.39,0,0,1-3.76,0c-1.51-1.75-8.53-8-11.33-11.1-1-1.09-2.18-2.58-1.16-4.1a2.45,2.45,0,0,1,2.08-1H80.9V85.48a3,3,0,0,1,2.95-3h8.22a3,3,0,0,1,3,3v9.39Z"/></svg>
                        </div>
                        <div>Drop files here or click to upload</div>
                    </div>
                </div>
                <span id="fileError" class="font-size-13 text-danger"></span>
                <div class="col-sm-12 my-4">
                    <button type="submit" class="btn btn-primary float-end" id="submitBtnImport">
                        <span class="spinner-grow spinner-grow-sm" id="spinnerImport" style="display: none" aria-hidden="true"></span>
                        &nbsp;Import & Compare
                    </button>
                </div>
            </form>
        @endif
    </div>
</div>
@include('includes.footer')