@extends('layouts/contentLayoutMaster')
@section('title', 'Settings - Vaccine Covid-19')

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

<section>
  <div class="row">
    <div class="col-12">
      <div class="card">
        <div class="card-header">
          <p>{{ __('locale.verify_vaccine_title') }}</p>
        </div>
        <div class="card-body row">
          <div class="col-md-4">
            <div class="form-group mb-2">
              <label class="form-label">{{ __('locale.vaccine_certificate') }}</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" >{{ __('locale.send') }}</button>
    </div>
  </div>
</section>

<section>
  <form class="dropzone dropzone-area hidden dzVaccine" 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/settings/vaccine.js')) }}"></script>
@endsection