@extends('dashboard-saksi.layouts.app')

@push('scripts')
    <script>
        imgInp.onchange = evt => {
            const [file] = imgInp.files
            if (file) {
                document.getElementById("preview-image").src = URL.createObjectURL(file)
            }
        }
    </script>
@endpush

@section('content')
    <h1 class="text-3xl font-bold mb-6 text-center">
        Upload File
    </h1>


    <form id="electionForm" class="p-4 space-y-4" action="{{ route('user-saksi.input-lampiran.save') }}" method="POST"
        enctype="multipart/form-data">
        @csrf
        <div>

            <label for="imgInp">Lembar C1</label>
            <input type="file" id="imgInp" name="file" accept="image,.jpg,.png,.jpeg,.tiff,.webp,.pdf"
                class="w-full cursor-pointer rounded-lg border-[1.5px] border-stroke bg-transparent font-normal outline-none transition file:mr-5 file:border-collapse file:cursor-pointer file:border-0 file:border-r file:border-solid file:border-stroke file:bg-whiter file:px-5 file:py-3 file:hover:bg-primary file:hover:bg-opacity-10 focus:border-primary active:border-primary disabled:cursor-default disabled:bg-whiter dark:border-form-strokedark dark:bg-form-input dark:file:border-form-strokedark dark:file:bg-white/30 dark:file:text-white dark:focus:border-primary" />
        </div>

        @if (isset($fileLampiran))
            <div>
                <a href="{{ route('user-saksi.file-lampiran.get', $fileLampiran->id) }}" target="_blank">
                    <img id="preview-image" src="{{ route('user-saksi.file-lampiran.get', $fileLampiran->id) }}" alt="{{ $fileLampiran->nama }}"
                        class="w-full h-50 object-contain">
                </a>
            </div>
        @else
            <div>
                <img src="#" id="preview-image" class="w-full h-50 object-contain">
            </div>
        @endif

        <button type="submit" class="w-full bg-green-600 hover:bg-green-700 text-white rounded-md p-2">
            Submit File
        </button>
        @if (isset($suara) && $suara->status == "reject")
            <p class="text-yellow-500">
                *Input suara anda ditolak, silahkan periksa kembali dan submit ulang
            </p>
        @endif
    </form>
@endsection