@extends('dashboard.layouts.app')

@section('title', __('accounts.Edit Account'))
@section('page_heading', __('accounts.Edit Account'))

@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.accounts.index') }}" class="text-muted text-hover-primary">{{ __('accounts.Accounts') }}</a>
    </li>
    <li class="breadcrumb-item text-muted">{{ $account->name ?? $account->getTranslation('name', 'en')  }}</li>
@endsection

@section('content')
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">{{ __('accounts.Edit Account') }}</h3>
        </div>
        <div class="card-body">
            <form action="{{ route('dashboard.accounts.update', $account) }}" method="POST">
                @csrf
                @method('PUT')

                <div class="mb-3">
                    <label for="code" class="form-label">{{ __('accounts.Code') }}</label>
                    <input type="text" class="form-control @error('code') is-invalid @enderror" id="code" name="code" value="{{ old('code', $account->code) }}" required>
                     @error('code')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                 <div class="mb-3">
                    <label for="name_en" class="form-label">{{ __('accounts.Name') }} ({{__('accounts.English Name')}})</label>
                    <input type="text" class="form-control @error('name.en') is-invalid @enderror" id="name_en" name="name[en]" value="{{ old('name.en', $account->getTranslation('name', 'en')) }}"  required>
                     @error('name.en')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="mb-3">
                <label for="name_ar" class="form-label">{{ __('accounts.Name') }} ({{__('accounts.Arabic Name')}})</label>

                    <input type="text" class="form-control  @error('name.ar') is-invalid @enderror" id="name_ar" name="name[ar]" value="{{ old('name.ar', $account->getTranslation('name', 'ar')) }}" >
                     @error('name.ar')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="mb-3">
                    <label for="parent_id" class="form-label">{{ __('accounts.Parent Account') }}</label>
                    <select class="form-select @error('parent_id') is-invalid @enderror" id="parent_id" name="parent_id" data-control="select2">
                        <option value="">{{ __('accounts.None (Top Level)') }}</option>
                        @foreach ($mainAccounts as $parentAccount)
                            <option value="{{ $parentAccount->id }}" {{ old('parent_id', $account->parent_id) == $parentAccount->id ? 'selected' : '' }}>
                                {{ $parentAccount->name ?? $parentAccount->getTranslation('name','en') }} ({{$parentAccount->code}})
                            </option>
                        @endforeach
                    </select>
                    @error('parent_id')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="mb-3">
                    <label for="currency_id" class="form-label">{{ __('accounts.Currency') }}</label>
                    <select class="form-select @error('currency_id') is-invalid @enderror" id="currency_id" name="currency_id" required data-control="select2">
                        <option value="">{{ __('accounts.Select Currency') }}</option>
                        @foreach ($currencies as $currency)
                            <option value="{{ $currency->id }}" {{ old('currency_id', $account->currency_id) == $currency->id ? 'selected' : '' }}>
                                {{ $currency->name ?? $currency->getTranslation('name','en') }} ({{ $currency->code }})
                            </option>
                        @endforeach
                    </select>
                     @error('currency_id')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="mb-3">
                    <label for="is_main" class="form-label">{{ __('accounts.Is Main Account?') }}</label>
                    <select class="form-select @error('is_main') is-invalid @enderror" id="is_main" name="is_main" required>
                        <option value="0" {{ old('is_main', $account->is_main) == '0' ? 'selected' : '' }}>{{ __('dashboard.No') }}</option>
                        <option value="1" {{ old('is_main', $account->is_main) == '1' ? 'selected' : '' }}>{{ __('dashboard.Yes') }}</option>
                    </select>
                    @error('is_main')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                 <div class="mb-3">
                    <label for="initial_balance" class="form-label">{{__('accounts.Initial Balance')}}</label>
                    <input type="number" step="0.01" class="form-control @error('initial_balance') is-invalid @enderror" id="initial_balance" name="initial_balance" value="{{ old('initial_balance', $account->initial_balance) }}">
                     @error('initial_balance')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <button type="submit" class="btn btn-primary">{{ __('accounts.Update Account') }}</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() {
            $('#parent_id, #currency_id').select2({
                placeholder: "{{__('dashboard.Select an option')}}",
                allowClear: true
            });
        });
    </script>
@endsection