@extends('layouts.master')
@section('title') @lang('translation.settings') @endsection

@section('breadcrumb')
@component('components.breadcrumb')
@slot('title')
@lang('translation.settings')
@endslot
@endcomponent
@endsection

@section('content')

<form id="settingsForm">
    <!-- @csrf -->
    <!-- Submit -->
    <div class="text-end mb-3">
        <button onclick="settingForm(event)" class="btn btn-success w-auto">Save</button>
    </div>
    </div>
    <div class="row bg-body-tertiary mb-5">
        <!-- Wallets -->
        <div class="col-sm-4 border-start border-2 pe-2">
    <div class="card shadow-none p-3">
        <div class="card-body">
            <h5>Crypto Accounts</h5>
            <div class="mt-5">
                <!-- TRC-20 -->
                <div class="mb-4">
                    <h6>TRC-20</h6>
                    <label class="form-label">Wallet Address</label>
                    <input type="text" class="form-control" name="trc20_wallet_address" value="{{ old('trc20_wallet_address', $settings['crypto_accounts']['TRC-20']['wallet_address'] ?? '') }}">
                </div>

                <!-- OKX -->
                <div class="mb-4">
                    <h6>OKX</h6>
                    <label class="form-label">UID</label>
                    <input type="text" class="form-control" name="okx_uid" value="{{ old('okx_uid', $settings['crypto_accounts']['okx']['uid'] ?? '') }}">
                </div>

                <!-- Binance Pay -->
                <div class="mb-4">
                    <h6>Binance Pay</h6>
                    <label class="form-label">Pay ID</label>
                    <input type="text" class="form-control" name="binance_pay_id" value="{{ old('binance_pay_id', $settings['crypto_accounts']['binance_pay']['id'] ?? '') }}">
                </div>
            </div>
        </div>
    </div>
</div>


        <!-- Bank Accounts -->
        <div class="col-sm-5 border-start border-2 pe-2">
            <div class="card shadow-none p-3">
                <div class="card-body">
                    <h5>Bank Accounts</h5>
                    <div class="mt-5">
                        <div class="mb-3">
                            <label>Bank Name</label>
                            <input type="text" name="bank_accounts[0][bank_name]" class="form-control" 
                                value="{{ $settings['bank_accounts'][0]['bank_name'] ?? '' }}">
                        </div>
                        <div class="mb-3">
                            <label>Account Title</label>
                            <input type="text" name="bank_accounts[0][account_title]" class="form-control" 
                                value="{{ $settings['bank_accounts'][0]['account_title'] ?? '' }}">
                        </div>
                        <div class="mb-3">
                            <label>Account Number</label>
                            <input type="number" name="bank_accounts[0][account_number]" class="form-control" 
                                value="{{ $settings['bank_accounts'][0]['account_number'] ?? '' }}">
                        </div>
                        <div class="mb-3">
                            <label>IBAN</label>
                            <input type="text" name="bank_accounts[0][iban]" class="form-control" 
                                value="{{ $settings['bank_accounts'][0]['iban'] ?? '' }}">
                        </div>
                        <div class="mb-3">
                            <label>Ref. Number</label>
                            <input type="text" name="bank_accounts[0][ref_number]" class="form-control" 
                                value="{{ $settings['bank_accounts'][0]['ref_number'] ?? '' }}">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Market Schedule -->
        <div class="col-sm-3 pe-2">
            <div class="card shadow-none p-3">
                <div class="card-body">
                    <h5>Market Schedule</h5>
                    <div class="mt-5">
                        @php $days = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday']; @endphp
                        @foreach($days as $day)
                        <div class="form-check form-check-success mb-2">
                            <input class="form-check-input" type="checkbox" name="market_schedule[]" id="{{ strtolower($day) }}" value="{{ $day }}" {{ in_array($day, $settings['market_schedule']) ? 'checked' : '' }}>
                            <label class="form-check-label" for="{{ strtolower($day) }}">{{ $day }}</label>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>

        <!-- Conversion Rates -->
        <div class="col-sm-4 border-start border-2 pe-2">
            <div class="card shadow-none p-3">
                <div class="card-body">
                    <h5>Currency Conversion Rates</h5>
                    <div class="mt-5">
                        <div class="mb-3">
                            <label class="form-label">AED to USD</label>
                            <input type="number" step="0.00001" class="form-control" name="conversion_rates[AEDUSD]" 
                            value="{{ old('conversion_rates.AED/USD', $settings['conversion_rates']['AED/USD'] ?? '') }}"
                            >
                        </div>
                        <!-- Add more currency pairs if needed -->
                    </div>
                </div>
            </div>
        </div>

</form>


@endsection