@if(!empty($piagam_1) && $piagam_1->verifikasi ?? '' === 1)
    <div id="form_piagam_1" class="form-dokumen d-none">
        <h3 class="text-center">Piagam 1</h3>
        <img src="{{ asset('storage/' . $piagam_1->file) }}" alt="" class="img-fluid">
    </div>
@else
    <form action="{{ route('siswa.dokumen.save') }}" method="post" enctype="multipart/form-data" id="form_piagam_1" class="form-dokumen d-none">
        @csrf
        @if ($errors->any())
            <x-alert type="error" display="1">
                <ul class="mb-0">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </x-alert>
            <br>
        @endif
        <h3 class="text-center">Piagam 1</h3>
        <x-input type="hidden" name="id" :value="$piagam_1->id ?? ''" />
        <x-input type="hidden" name="jenis" value="piagam_1" />
        <div class="w-75 mx-auto">
            <h5>Jenis Sertifikat</h5>
            <x-input name="keterangan" class="form-control" :value="$piagam_1->keterangan ?? ''" />
        </div>
        <div class="text-center mt-3 mb-5">
            <x-input-image
                name="file_upload"
                class="w-lg-40vw h-lg-30vw w-70vw h-50vw"
                class-button="w-150px h-40px"
                :edit-content="!empty($piagam_1) ? 'Ubah' : 'Pilih file'"
                :preview="$piagam_1->file ?? ''"
            />
            <p class="">*) Ekstensi Khusus PNG, JPEG, JPG, PDF. Maksimal 2MB</p>
            @if(($piagam_1->verifikasi ?? '') === 0)
                <h4 class="my-3">Alasan Ditolak : {{ $piagam_1->keterangan_verifikasi }}</h4>
            @endif
        </div>
        <div class="text-center">
            <button class="btn btn-sm btn-primary" type="submit">Upload File</button>
        </div>
    </form>
@endif