@extends('layouts.user')

@section('styles')

@endsection

@section('contents')
<div class="container-xl">
  <div class="page-header d-print-none">
    <div class="row align-items-center">
      <div class="col">
        <h2 class="page-title">
          {{__('KYC Form')}}
        </h2>
      </div>
    </div>
  </div>
</div>

<div class="page-body">
  <div class="container-xl">
      <div class="row row-cards">
          <div class="col-12">
              <div class="card p-5">
                  <div class="gocover" style="background: url({{ asset('assets/images/'.$gs->loader) }}) no-repeat scroll center center rgba(45, 45, 45, 0.5);"></div>
                      @includeIf('includes.flash')
                      <form action="{{route('user.kyc.submit')}}" method="POST" enctype="multipart/form-data">
                          @csrf

                          @foreach ($userForms as $field)
                            @if ($field->type == 1 || $field->type == 3 )
                              <div class="form-group mb-3 mt-3">
                                <label class="form-label {{$field->required == 1 ? 'required':'Optional'}}">@lang($field->label)</label>
                                @if ($field->type == 1)
                                  <input type="text" name="{{strtolower(str_replace(' ', '_', $field->label))}}" class="form-control" autocomplete="off" placeholder="@lang($field->label)" min="1" {{$field->required == 1 ? 'required':'Optional'}}>
                                  @else 
                                  <textarea class="form-control" name="{{strtolower(str_replace(' ', '_', $field->label))}}" placeholder="@lang($field->label)"></textarea>
                                @endif
                              </div>
                            @elseif($field->type == 2)
                              <div class="form-group mb-3 mt-3">
                                <label class="form-label {{$field->required == 1 ? 'required':'Optional'}}">@lang($field->label)</label>
                                <input type="file" name="{{strtolower(str_replace(' ', '_', $field->label))}}" class="form-control" autocomplete="off" {{$field->required == 1 ? 'required':'Optional'}}>
                              </div>
                            @endif
                          @endforeach

                          <div class="form-footer">
                            <button type="submit" class="btn btn-primary w-100">{{__('Submit')}}</button>
                          </div>
                      </form>
              </div>
          </div>
      </div>
  </div>
</div>


@endsection

@push('js')

@endpush