@extends('layouts/contentLayoutMaster')
@section('title', 'Verify - Kartu Keluarga')

@section('content')
<section>
  <h2 class="page-title font-bolder text-primary mb-2" data-id="">{{ __('locale.verify_family_card') }}</h2>
</section>

<section>
  <div class="row">
    @if (!empty($verify) && $verify->status == 0)
    <div class="col-md-12">
        <div class="alert alert-primary" role="alert">
            <div class="alert-body p-2">
                <i data-feather="alert-circle"></i>
                <span>{{ __('locale.waiting_verify_desc') }}</span>
            </div>
        </div>
    </div>
    @endif

    @if (!empty($verify) && $verify->status == 1)
    <div class="col-md-12">
        <div class="alert alert-success" role="alert">
            <div class="alert-body p-2">
                <i data-feather="alert-circle"></i>
                <span>{{ __('locale.verified') }}</span>
            </div>
        </div>
    </div>
    @endif

    @if (!empty($verify) && $verify->status == 2)
    <div class="col-md-12">
        <div class="alert alert-danger" role="alert">
            <div class="alert-body p-2">
                <i data-feather="alert-circle"></i>
                <span>{{ __('locale.reject_verify_desc') }} {{$verify->reject_reason}}</span>
            </div>
        </div>
    </div>
    @endif

    @if (empty($verify) || !empty($verify) && $verify->status == 2)
    <div class="col-12">
      <div class="card">
        <div class="card-header">
          <p>{{ __('locale.verify_family_card_title') }}</p>
        </div>
        <div class="card-body row">
          <div class="col-md-4">
            <div class="form-group mb-2">
              <label class="form-label">{{ __('locale.family_card') }}</label>
              <button type="button" class="btn btn-block btn-outline-primary mb-1" id="select-files">
                Upload Image
              </button>
              <div class="image-preview hidden">
                <img src="" alt="" class="w-100">
                <button class="btn btn-block btn-danger btn-delete-preview mt-1">{{ __('locale.delete') }}</button>
              </div>
            </div>
          </div>
        </div>
      </div>
      <button class="btn btn-block btn-success my-2 btn-send" disabled="disabled" >{{ __('locale.send') }}</button>
    </div>
    @endif
  </div>
</section>

<section>
  <form class="dropzone dropzone-area hidden dzImage" enctype="multipart/form-data">
    @csrf 
    <div class="fallback">
      <input name="file" type="file"/>
    </div>
  </form>
</section>

@endsection
@section('page-script')
  {{-- Page js files --}}
  <script src="{{ asset(('js/scripts/member/verify/kk.js')) }}"></script>
@endsection