@php
    use Carbon\Carbon;
@endphp
@if (!$is_use_payment_gateway)
    <div class="modal fade" id="rejectModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" wire:ignore.self>
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
            <form class="modal-content" wire:submit="reject()">
                <div class="modal-body">
                    <div class="form-label">Alasan Tolak <span class="text-danger">*</span></div>
                    <textarea autofocus class="form-control @error('description_declined') is-invalid @enderror" wire:model="description_declined" placeholder="Alasan Tolak..."></textarea>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-sm" wire:click="closeModal()"><i class="fa-solid fa-arrow-left fa-fw me-2"></i> Kembali</button>
                    <button type="submit" class="btn btn-danger btn-sm">Tolak Pembayaran <i class="fa-solid fa-circle-xmark fa-fw ms-2"></i></button>
                </div>
            </form>
        </div>
    </div>
@endif
@if ($auth->hasAnyRole('admin', 'ketua') && $payment->status != 'paid')
    <div class="modal fade" id="changePrice" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" wire:ignore.self>
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm">
            <form class="modal-content" wire:submit="updatePrice()">
                <div class="modal-body">
                    <div class="form-label">Ubah Harga</div>
                    <div class="input-group">
                        <span class="input-group-text">Rp.</span>
                        <input type="tel" class="form-control @error('new_price') is-invalid @enderror" placeholder="Harga..." wire:model="new_price" onkeyup="convertToRupiah(this);">
                    </div>
                    @error('new_price')
                        <span class="invalid-feedback d-block">{{ $message }}</span>
                    @enderror
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-sm" wire:click="closeModal()"><i class="fa-solid fa-arrow-left fa-fw me-2"></i> Kembali</button>
                    <button type="submit" class="btn btn-warning btn-sm">Perbarui <i class="fa-solid fa-pencil-alt fa-fw ms-2"></i></button>
                </div>
            </form>
        </div>
    </div>
    <div class="modal fade" id="changeDueDate" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" wire:ignore.self>
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-sm">
            <form class="modal-content" wire:submit="updateDueDate()">
                <div class="modal-body">
                    <div class="form-label">Ubah Jatuh Tempo</div>
                    <input type="text" x-data x-ref="input" x-init="$($refs.input).daterangepicker({
                        showDropdowns: true,
                        singleDatePicker: true,
                        autoApply: true,
                        autoUpdateInput: true,
                        timePicker: false,
                        startDate: '{{ !$due_date ? Carbon::now()->format('d/m/Y') : $due_date }}',
                        locale: {
                            format: 'DD/MM/YYYY',
                            cancelLabel: 'Clear'
                        },
                    }).on('apply.daterangepicker', function(e, picker) {
                        @this.set('due_date', $('#due_date').val());
                        $('#due_date').val(picker.startDate.format('DD/MM/YYYY'));
                    });" id="due_date" placeholder="DD/MM/YYYY" class="form-control" readonly>
                    @error('due_date')
                        <span class="invalid-feedback d-block">{{ $message }}</span>
                    @enderror
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-sm" wire:click="closeModal()"><i class="fa-solid fa-arrow-left fa-fw me-2"></i> Kembali</button>
                    <button type="submit" class="btn btn-warning btn-sm">Perbarui <i class="fa-solid fa-pencil-alt fa-fw ms-2"></i></button>
                </div>
            </form>
        </div>
    </div>
@endif
<div class="modal fade" id="listPrice" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" wire:ignore.self>
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-xl">
        <div class="modal-content">
            <div class="modal-body">
                <div class="row g-3">
                    @foreach ($list_prices as $role_and_category => $price)
                        <div class="col-12">
                            <h5 class="mb-0 fw-bold text-uppercase text-black">Daftar Harga Untuk {{ Str::title($role_and_category) }}</h5>
                            <hr class="my-3">
                            <div class="row g-3">
                                @foreach ($price as $key => $item)
                                    <div class="col-12 col-lg-6">
                                        <div class="form-label">{{ $item['degree'] }}</div>
                                        <div class="input-group">
                                            <span class="input-group-text">Rp.</span>
                                            <input type="tel" class="form-control" placeholder="Harga..." value="{{ $item['price'] }}" disabled>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-sm" wire:click="closeModal()"><i class="fa-solid fa-arrow-left fa-fw me-2"></i> Kembali</button>
            </div>
        </div>
    </div>
</div>