@extends(AdminBaseDashboard::AdminBaseLayout())
@section('title', 'edit'.' '.$acc->name)


@section('content')
<section id="ps-form-page">
	<div class="container-fluid breadcrumb-wraper">
		<ul class="breadcrumb">
  <li><a href="{{ route('dashboard')}}" class="active bread-link">
	  <span class="me-1"><i class="fa-solid fa-house"></i></span>{{ __('acc::account.home')}}</a></li>
<li><a  href="{{ route('all-account')}}" class=" bread-link">{{ __('acc::account.account')}}</a></li>
  <li>{{ $acc->name }}</li>
</ul>
</div>
<div class="container-fluid">
	<div class="invoice-setting-header py-2 border-bottom">
	<h1 class="title">{{ __('acc::account.charts of account')}}</h1>
		<span class="note">{{__('acc::account.use standard default account')}}</span>
	</div>

	<div class="ps-acc-form-wrapper">
	<div class="row g-3 justify-content-start">
		<div class="col-sm-12 col-md-10 col-lg-8">
		<div class="card mt-3">
			@if($acc->balance > 0)
			<div class="card-header bbg-light">
			<h6 class="text-warning">{{__('acc::account.the highlighted portion cannot be edited because this account contains a transaction records. to make changes to this account, kindly clear the account balance to') }}
				{{ CURRENCY_SYMBOL()}}{{ Number_format(0,2) }}</h6>
			</div>
			@endif
			<div class="card-body">
			<form class="account-form">
		<div class="mb-3">
		<label for="name" class="form-label">{{ __('acc::account.account name')}}</label>
			<input type="text" name="name" class="form-control" id="name" value="{{ $acc->name }}">
		</div>
		<div class="mb-3">
		<label for="number" class="form-label">{{ __('acc::account.account number')}}</label>
			<input type="number" name="number" class="form-control" id="number" value="{{ $acc->number }}"
				   @if (($acc->balance) > 0) readonly @endif>
		</div>
		<div class="mb-3">
		<label for="type" class="form-label">{{ __('acc::account.account type')}}</label>
			<select  name="type" class="form-select" id="type" {{ ($acc->balance > 0) ? 'disabled' : '' }}>
                @forelse($header as $type)
                    <option value="{{ $type->name }}"  @selected(($acc->type) == $type->id)>{{ $type->type }}</option>
                @empty
                @endforelse
			</select>
		</div>
                <div class="mb-3">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" value="1" id="cash_portable" name="cash_portable" @checked(($acc->bank) == "Yes")>
                        <label class="form-check-label" for="flexCheckDefault">
                            {{ __('acc::account.cash portable')}} - (Bank , Credit Card)
                        </label>
                    </div>
                </div>
		<div class="mb-3">
		<label for="header" class="form-label">{{ __('acc::account.account header')}}</label>
			<select  name="header" class="form-select" id="header" {{ ($acc->balance > 0) ? 'disabled' : '' }}>
                @forelse($header as $type)
                    <option value="{{ $type->id }}" @selected(($acc->account_header_id) == $type->id)>{{ $type->name }}</option>
                @empty
                @endforelse
			</select>
		</div>
		<div class="mb-3">
		<label for="balance" class="form-label">{{ __('acc::account.opening balance')}}</label>
			<div class="input-group">
			<span class="input-group-text">{{ CURRENCY_SYMBOL() }}</span>
				<input type="number" name="open_balance" class="form-control" id="open_balance"
					   pattern="^\d*(\.\d{0,2})?$" step="any" value="{{ $acc->balance ? $acc->balance : '0.00' }}"
					   @if (($acc->balance) > 0) readonly @endif>
			</div>
		</div>
		<div class="mb-3 text-center">
			<button class="btn btn-success" data-url="{{ route('update-account',['id' => $acc->id])}}" type="button"
					id="update-account">
			<span class="btn-text">{{__('acc::account.update account')}}</span>
			<span class="loading-spinner"><i class="fa-solid fa-arrows-rotate fa-spin"></i></span>
			<span class="loading-text">{{ __('acc::account.updating') }}.....</span>
			</button>
		</div>
		</form>
			</div>
			</div>
		</div>
		</div>
	</div>
      </div
</section>
@endsection