@extends('user::_layouts.authenticated.layout')

@section('title', __('messages.global.imported_reports'))

@section('content')

  <div class="row">

    <div class="col-lg-4">
    </div>

    <div class="col-lg-8 order-first">

      <div class="card card-user">
        <div class="card-header">
          <h5 class="card-title">{{ __('messages.global.imported_reports') }}</h5>
        </div>
        <div class="card-body">
          <form id="import-reports-form" enctype="multipart/form-data" method="post"
            action="{{ route('user.reports.import') }}">
            {{ csrf_field() }}

            <div class="row mb-3">
              <div class="col-md-8">
                <div class="form-group">
                  <label for="file">{{ __('messages.global.file') }} <span class="text-danger">*</span></label>
                  <input type="file" id="file" name="file" class="form-control-file"
                    style="position: relative; opacity: 1;">
                  @if ($errors->has('file'))
                    <span class="small text-danger">{{ $errors->first('file') }}</span>
                  @endif
                </div>
              </div>
            </div>

            <div class="row">
              <div class="update ml-auto mr-auto">
                <button type="submit" id="import-reports-btn" name="import-reports"
                  class="btn btn-primary btn-round">{{ __('messages.global.import') }}</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>

  </div>
@endsection

@section('js')
  {{-- Disable form when submitted --}}
  <script>
    $('#import-reports-form').submit(function() {
      $('#import-reports-btn').addClass("disabled");
    });
  </script>
@endsection