@extends('dashboard.layouts.app')

@section('title', __('transactions.Create Transfer'))
@section('page_heading', __('transactions.Create Transfer'))

@section('breadcrumb')
<li class="breadcrumb-item text-muted">
    <a href="{{ route('dashboard.home') }}" class="text-muted text-hover-primary">{{ __('dashboard.Home') }}</a>
</li>
<li class="breadcrumb-item text-muted">
    <a href="{{ route('dashboard.transactions.index') }}"
        class="text-muted text-hover-primary">{{ __('transactions.Transactions') }}</a>
</li>
<li class="breadcrumb-item text-muted">{{ __('transactions.Create Transfer') }}</li>
@endsection

@section('content')
<div class="card">
    <div class="card-header">
        <h3 class="card-title">{{ __('transactions.Create Transfer') }}</h3>
    </div>
    <div class="card-body">
        @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
        @endif

        <form action="{{ route('dashboard.transactions.store') }}" method="POST">
            @csrf

            <div class="mb-3">
                <label for="transaction_date" class="form-label">{{ __('transactions.Transaction Date') }}</label>
                <input type="date" class="form-control @error('transaction_date') is-invalid @enderror"
                    id="transaction_date" name="transaction_date"
                    value="{{ old('transaction_date', now()->format('Y-m-d')) }}" required>
                @error('transaction_date')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="mb-3">
                <label for="description" class="form-label">{{ __('transactions.Description') }}</label>
                <textarea class="form-control @error('description') is-invalid @enderror" id="description"
                    name="description">{{ old('description') }}</textarea>
                @error('description')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="row">
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="debit_account_id" class="form-label">{{ __('transactions.Debit Account') }}</label>
                        <select class="form-select @error('debit_account_id') is-invalid @enderror" id="debit_account_id"
                            name="debit_account_id" required data-control="select2">
                            <option value="">{{ __('dashboard.Select an option') }}</option>
                            @foreach ($accounts as $account)
                            <option value="{{ $account->id }}" {{ old('debit_account_id') == $account->id ? 'selected' : '' }}>
                                {{ $account->name }} ({{ $account->code }}) - {{ $account->currency->code }}
                            </option>
                            @endforeach
                        </select>
                        @error('debit_account_id')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="mb-3">
                        <label for="debit_description" class="form-label">{{ __('transactions.Debit Description')
                            }}</label>
                        <textarea class="form-control @error('debit_description') is-invalid @enderror"
                            id="debit_description" name="debit_description">{{ old('debit_description') }}</textarea>
                        @error('debit_description')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="credit_account_id" class="form-label">{{ __('transactions.Credit Account') }}</label>
                        <select class="form-select @error('credit_account_id') is-invalid @enderror"
                            id="credit_account_id" name="credit_account_id" required data-control="select2">
                            <option value="">{{ __('dashboard.Select an option') }}</option>
                            @foreach ($accounts as $account)
                            <option value="{{ $account->id }}" {{ old('credit_account_id') == $account->id ? 'selected' : '' }}>
                                {{ $account->name }} ({{ $account->code }}) - {{ $account->currency->code }}
                            </option>
                            @endforeach
                        </select>
                        @error('credit_account_id')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="mb-3">
                        <label for="credit_description" class="form-label">{{ __('transactions.Credit Description')
                            }}</label>
                        <textarea class="form-control @error('credit_description') is-invalid @enderror"
                            id="credit_description" name="credit_description">{{ old('credit_description') }}</textarea>
                        @error('credit_description')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="amount" class="form-label">{{ __('transactions.Amount') }}</label>
                        <input type="number" step="0.01"
                            class="form-control @error('amount') is-invalid @enderror" id="amount" name="amount"
                            value="{{ old('amount') }}" required>
                        @error('amount')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="exchange_rate" class="form-label">{{ __('transactions.Exchange Rate') }}</label>
                        <input type="number" step="0.0000000001"
                            class="form-control @error('exchange_rate') is-invalid @enderror" id="exchange_rate"
                            name="exchange_rate" value="{{ old('exchange_rate') }}"
                            placeholder="{{ __('transactions.Enter exchange rate if applicable') }}">
                        @error('exchange_rate')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                        <div id="exchange_rate_info" class="form-text"></div>
                    </div>

                </div>
            </div>
            <button type="submit" class="btn btn-primary">{{__('dashboard.Save')}}</button>
        </form>
    </div>
</div>
@endsection

@section('scripts')
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

<script>
    $(document).ready(function() {
        // Initialize Select2
        $('#debit_account_id, #credit_account_id').select2({
            placeholder: "{{ __('dashboard.Select an option') }}",
            allowClear: true
        });
    });

</script>
@endsection