@extends('admin.layouts.master')
@section('css')
    @include('admin.helper.formscss')
@endsection
@section('page-header')
    <div class="breadcrumb-header justify-content-between">
        <div class="my-auto">
            <div class="d-flex">
                <h4 class="content-title mb-0 my-auto"> إدارة الحسابات </h4>
                <span class="text-muted mt-1 tx-13 mr-2 mb-0">/ تعديل حساب</span>
            </div>
        </div>
    </div>
@endsection
@section('content')
    <div class="row">
        <div class="col-md-12 col-xl-12">
            <form id="editAccountForm">
                <div class="card">
                    <div class="card-body">
                        <div class="main-content-label mg-b-5"> تعديل الحساب: {{ $account->name }} </div>
                        <input type="hidden" name="id" value="{{ $account->id }}">
                        <div class="row row-sm">
                            <div class="col-lg-4 mt-2">
                                <label class="form-label"> اسم الحساب <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" name="name" value="{{ $account->name }}"
                                    required>
                            </div>
                            <div class="col-lg-4 mt-2">
                                <label class="form-label"> رقم الحساب </label>
                                <input type="text" class="form-control" name="account_number"
                                    value="{{ $account->account_number }}">
                            </div>
                            <div class="col-lg-4 mt-2">
                                <label class="form-label"> نوع الحساب <span class="text-danger">*</span></label>
                                <select class="form-control select2" name="account_type_id" required>
                                    <option value="">— اختر النوع —</option>
                                    @foreach ($accountTypes as $id => $name)
                                        <option value="{{ $id }}"
                                            {{ $account->account_type_id == $id ? 'selected' : '' }}>{{ $name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-lg-4 mt-2">
                                <label class="form-label"> العملة <span class="text-danger">*</span></label>
                                <select class="form-control select2" name="currency_id" required>
                                    <option value="">— اختر العملة —</option>
                                    @foreach ($currencies as $currency)
                                        <option value="{{ $currency->id }}"
                                            {{ $account->currency_id == $currency->id ? 'selected' : '' }}>
                                            {{ $currency->name }} ({{ $currency->symbol }})</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-lg-12 mt-2">
                                <label class="form-label"> ملاحظات </label>
                                <textarea class="form-control" name="note" rows="3">{{ $account->note }}</textarea>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary mt-3 mb-0"> تعديل </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection

@section('js')
    @include('admin.helper.formscripts')
    @include('vue')
    <script>
        $(function() {
            $('#editAccountForm').on('submit', function(e) {
                e.preventDefault();
                let formData = new FormData(this);
                adawe("{{ route('admin.accounts.update') }}", formData);
            });
        });
    </script>
@endsection