@extends('layouts.app', ['activePage' => 'CompanyCategory', 'titlePage' => __('Settings')])

@section('content')
  <div class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-12">
          <form method="post" action="{{ route('document.store') }}" autocomplete="off" class="form-horizontal" enctype="multipart/form-data">
            @csrf
            @method('post')
            <div class="card ">
              <div class="card-header card-header-primary">
                <h4 class="card-title">{{ __('Add Document') }}</h4>
                <p class="card-category"></p>
              </div>
              <div class="card-body ">
                <div class="row">
                  <div class="col-md-12 text-right">
                      <a href="{{ route('document.index') }}" class="btn btn-sm btn-primary">{{ __('Back to list') }}</a>
                  </div>
                </div>
                <div class="row">
                  <label class="col-sm-2 col-form-label">{{ __('Company') }}</label>
                  <div class="col-sm-7">
                    <div class="form-group{{ $errors->has('company_id') ? ' has-danger' : '' }}">
                      {!! Form::select('company_id', $company, null,['class' => 'form-control', 'placeholder' => 'Select Company', 'required']) !!}
                      @if ($errors->has('company_id'))
                        <span id="company_id-error" class="error text-danger" for="input-company_id">{{ $errors->first('company_id') }}</span>
                      @endif
                    </div>
                  </div>
                </div>
                <div class="row">
                  <label class="col-sm-2 col-form-label">{{ __('Document Type') }}</label>
                  <div class="col-sm-7">
                    <div class="form-group{{ $errors->has('document_type_id') ? ' has-danger' : '' }}">
                      {!! Form::select('document_type_id', $documentType, null,['class' => 'form-control', 'placeholder' => 'Select Document Type', 'required']) !!}
                      @if ($errors->has('document_type_id'))
                        <span id="document_type_id-error" class="error text-danger" for="input-document_type_id">{{ $errors->first('document_type_id') }}</span>
                      @endif
                    </div>
                  </div>
                </div>
                <div class="row">
                  <label class="col-sm-2 col-form-label">{{ __('Document') }}</label>
                  <div class="col-sm-7">
                    <div class="custom-file form-group{{ $errors->has('description') ? ' has-danger' : '' }}">
                      <input type="file" class="custom-file-input" id="customFile" name="file">
                      <label class="custom-file-label" for="customFile">Choose file</label>
                      @if ($errors->has('document'))
                        <span id="email-error" class="error text-danger" for="input-description">{{ $errors->first('description') }}</span>
                      @endif
                    </div>
                  </div>
                </div>
                <div class="row">
                  <label class="col-sm-2 col-form-label">{{ __('Description') }}</label>
                  <div class="col-sm-7">
                    <div class="form-group{{ $errors->has('description') ? ' has-danger' : '' }}">
                      <input class="form-control{{ $errors->has('description') ? ' is-invalid' : '' }}" name="description" id="input-description" type="text" placeholder="{{ __('Description') }}" value="{{ old('description') }}" required />
                      @if ($errors->has('description'))
                        <span id="email-error" class="error text-danger" for="input-description">{{ $errors->first('description') }}</span>
                      @endif
                    </div>
                  </div>
                </div>
              </div>
              <div class="card-footer ml-auto mr-auto">
                <button type="submit" class="btn btn-primary">{{ __('Add Document') }}</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
@endsection