@extends('main')

@section('title', isset($exchangeRate) ? 'Edit Exchange Rate' : 'Add Exchange Rate')

@section('content')


    <div class="content">
        <div class="page-header">
            <div class="page-title">
                <h4>Exchange Rate Management</h4>
                <h6>{{ isset($exchangeRate) ? 'Edit Exchange Rate' : 'Add Exchange Rate' }}</h6>
            </div>
        </div>

        <div class="card">
            <div class="card-body">
                <form
                    action="{{ isset($exchangeRate) ? route('exchange_rates.storeOrUpdate', $exchangeRate->id) : route('exchange_rates.storeOrUpdate') }}"
                    method="POST">
                    @csrf
                    @if (isset($exchangeRate))
                        @method('PUT')
                    @endif

                    <div class="row">
                        <div class="col-lg-4 col-sm-6 col-12">
                            <div class="form-group">
                                <label>Currency Pair</label>
                                <input type="text" name="currency_pair"
                                    value="{{ old('currency_pair', $exchangeRate->currency_pair ?? '') }}"
                                    placeholder="USD/IDR">
                                @error('currency_pair')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label>Buy Rate</label>
                                <input type="text" name="buy_rate"
                                    value="{{ old('buy_rate', isset($exchangeRate) ? number_format($exchangeRate->buy_rate, 0, ',', '.') : '') }}"
                                    placeholder="Enter Buy Rate" class="rate-input">
                                @error('buy_rate')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="col-lg-4 col-sm-6 col-12">
                            <div class="form-group">
                                <label>Sell Rate</label>
                                <input type="text" name="sell_rate"
                                    value="{{ old('sell_rate', isset($exchangeRate) ? number_format($exchangeRate->buy_rate, 0, ',', '.') : '') }}"
                                    placeholder="Enter Sell Rate" class="rate-input">
                                @error('sell_rate')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label>Expired Date</label>
                                <div class="d-flex">
                                    <input type="date" name="expired_date_date"
                                        value="{{ old('expired_date_date', isset($exchangeRate) ? \Carbon\Carbon::parse($exchangeRate->expired_date)->format('Y-m-d') : now()->format('Y-m-d')) }}"
                                        class="form-control">
                                    <input type="time" name="expired_date_time"
                                        value="{{ old('expired_date_time', isset($exchangeRate) ? \Carbon\Carbon::parse($exchangeRate->expired_date)->format('H:i') : now()->format('H:i')) }}"
                                        class="form-control ms-2">
                                </div>

                                @error('expired_date_date')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                                @error('expired_date_time')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>


                        </div>

                        <div class="col-lg-4 col-sm-6 col-12">
                            <div class="form-group">
                                <label>Created By</label>
                                <input type="text" name="create_who"
                                    value="{{ old('create_who', auth()->user()->name) }}" readonly>
                                @error('create_who')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label>Minimum Order Qty</label>
                                <input type="text" name="minimum_order"
                                       value="{{ old('minimum_order', isset($exchangeRate) ? number_format($exchangeRate->buy_rate, 0, ',', '.') : '') }}"
                                       placeholder="Minimum Order Qty" class="rate-input">
                                @error('minimum_order')
                                <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>



                        <div class="col-lg-12">
                            <button type="submit" class="btn btn-submit me-2">
                                {{ isset($exchangeRate) ? 'Update' : 'Submit' }}
                            </button>
                            <a href="{{ route('exchange_rates.index') }}" class="btn btn-cancel">Cancel</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

@endsection

@push('styles')
    <style>
        .rate-input {
            -webkit-appearance: none;
            -moz-appearance: textfield;
            appearance: textfield;
            text-align: right;
        }

        .rate-input::-webkit-outer-spin-button,
        .rate-input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }
    </style>
@endpush
@if (session('error'))
    @push('scripts')
        <script>
            Swal.fire({
                title: {!! json_encode(session('error')) !!},
                icon: "error",
                draggable: true,
                timer: 3000,
                showConfirmButton: true
            });
        </script>
    @endpush
@endif

@push('scripts')
    <script>
        // Fungsi untuk format angka dengan titik sebagai pemisah ribuan dan maksimal 2 desimal
        function formatNumberWithCommas(input) {
            let value = input.value;

            // 1. Hapus semua karakter yang bukan digit atau koma
            value = value.replace(/[^0-9,]/g, '');

            // 2. Tangani koma desimal
            const parts = value.split(',');
            let integerPart = parts[0];
            let decimalPart = '';

            if (parts.length > 1) {
                // Jika ada bagian desimal
                decimalPart = parts[1];
                // Batasi panjang desimal menjadi maksimal 2 digit
                if (decimalPart.length > 2) {
                    decimalPart = decimalPart.substring(0, 2);
                }
                decimalPart = ',' + decimalPart;
            }

            // 3. Format bagian bilangan bulat dengan titik sebagai pemisah ribuan
            integerPart = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, '.');

            // 4. Gabungkan kembali
            input.value = integerPart + decimalPart;
        }

        document.addEventListener('DOMContentLoaded', function() {
            document.querySelectorAll('.rate-input').forEach(function(input) {
                // Panggil formatNumberWithCommas saat halaman dimuat untuk nilai yang sudah ada
                formatNumberWithCommas(input); // Penting untuk memformat nilai awal

                // Panggil setiap kali ada input
                input.addEventListener('input', function() {
                    formatNumberWithCommas(input);
                });
            });
        });
    </script>
@endpush