@extends(AdminBaseDashboard::AdminBaseLayout())
@section('title', trans("acc::account.Register new account"))


@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>{{ __('acc::account.account')}}</li>
  <li>{{ __('acc::account.new account')}}</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">
			<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">
		</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" placeholder="{{ __('acc::account.four digit random number between 8000 - 9999')}}">
		</div>
		<div class="mb-3">
		<label for="type" class="form-label">{{ __('acc::account.account type')}}</label>
			<select  name="type" class="form-select" id="type">
                @forelse($header as $type)
                    <option value="{{ $type->name }}">{{ $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">
                        <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">
                        @forelse($header as $type)
                            <option value="{{ $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="0.00">
			</div>
		</div>
		<div class="mb-3 text-center">
			<button class="btn btn-primary" data-url="{{ route('store-account')}}" type="button"
					id="save-account">
			<span class="btn-text">{{__('acc::account.open account')}}</span>
			<span class="loading-spinner"><i class="fa-solid fa-arrows-rotate fa-spin"></i></span>
			<span class="loading-text">{{ __('acc::account.preparing') }}.....</span>
			</button>
		</div>
		</form>
			</div>
			</div>
		</div>
		</div>
	</div>
	</div>
</section>
@endsection