@extends('themes.flaty.user.layouts.app')
@section('title', translate('Settings', 'settings'))
@section('content')
    @include('themes.flaty.user.settings.includes.links')
    <div class="row g-3 mb-4">
        <div class="{{ $withdrawalMethods->count() > 0 ? 'col-lg-6' : 'col-12' }}">
            <div class="dashboard-card h-100">
                <h5 class="mb-0">{{ translate('Withdrawal Details', 'settings') }}</h5>
                <div class="form-section">
                    <form id="deatilsForm" action="{{ route('user.settings.withdrawal.update') }}" method="POST">
                        @csrf
                        <div class="mb-3">
                            <label class="form-label">{{ translate('Withdrawal Method', 'settings') }} : </label>
                            <select id="withdrawalMethodSelect" name="withdrawal_method" class="form-select form-select-md">
                                <option value="">--</option>
                                @foreach ($withdrawalMethods as $withdrawalMethod)
                                    <option value="{{ $withdrawalMethod->id }}"
                                        {{ $withdrawalMethod->id == $user->withdrawal_method_id ? 'selected' : '' }}>
                                        {{ $withdrawalMethod->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        @foreach ($withdrawalMethods as $withdrawalMethod)
                            @if ($withdrawalMethod->description)
                                <div
                                    class="withdrawal-descriptions description-{{ $withdrawalMethod->id }} 
                                    {{ $user->withdrawal_method_id != $withdrawalMethod->id ? 'd-none' : '' }} bg-light p-4 mb-4">
                                    {!! $withdrawalMethod->description !!}
                                </div>
                            @endif
                        @endforeach
                        <div class="mb-4">
                            <label class="form-label">{{ translate('Withdrawal Account', 'settings') }} : </label>
                            <textarea type="text" name="withdrawal_account" class="form-control" rows="4">{{ $user->withdrawal_account }}</textarea>
                        </div>
                        <button class="btn btn-primary btn-md">{{ translate('Save Changes', 'settings') }}</button>
                    </form>
                </div>
            </div>
        </div>
        @if ($withdrawalMethods->count() > 0)
            <div class="col-lg-6">
                <div class="dashboard-card h-100">
                    <h5 class="mb-0">{{ translate('Withdrawal Methods', 'settings') }}</h5>
                    <div class="form-section">
                        <table class="table table-striped">
                            <tbody>
                                <tr>
                                    <th class="p-3">{{ translate('Withdrawal Method', 'settings') }}</th>
                                    <th class="p-3">{{ translate('Minimum Amount', 'settings') }}</th>
                                </tr>
                                @foreach ($withdrawalMethods as $withdrawalMethod)
                                    <tr>
                                        <td class="p-3">{{ $withdrawalMethod->name }}</td>
                                        <td class="p-3">{{ priceSymbol($withdrawalMethod->minimum) }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        @endif
    </div>
@endsection