@props([
    'id',
    'title',
    'backdrop' => 'static',
    'pdf' => '',
    'upload' => '',
    'route' => ''
])

<div class="modal fade" id="{{ $id }}" tabindex="-1" data-backdrop="{{ $backdrop }}" data-keyboard="false">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">

            <div class="modal-header">
                <h5 class="modal-title">{{ $title }}</h5>
            </div>

            @if (isset($pdf) && $pdf)
                <div class="modal-body p-0">
                    <iframe
                        src="{{ $pdf }}#zoom=100&toolbar=0"
                        width="100%"
                        height="600"
                        style="border: none;"
                    ></iframe>
                </div>
                <div class="modal-footer d-flex justify-content-between">
                    <div class="form-check">
                        <input type="checkbox" class="form-check-input" id="tncCheckbox">
                        <label class="form-check-label" for="tncCheckbox">
                           Saya bersetuju dengan Terma & Syarat
                        </label>
                    </div>
                    <button class="btn btn-primary" disabled id="acceptBtn">
                        Setuju
                    </button>
                </div>
            @endif

            @if (isset($upload) && $upload)
                <div class="modal-body">
                    <form action="{{ $route }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')
                        <div class="mb-3">
                            <input type="file" class="form-control" id="fileInput" name="pdf">
                        </div>
                        <button type="submit" class="btn btn-success">{{ 'Muat Naik' }}</button>
                    </form>
                </div>
            @endif
        </div>
    </div>
</div>