@extends('dashboard.admin.layouts.master')

@section('content')
    <div class="d-flex flex-column flex-column-fluid">
        <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
            <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
                <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
                    <h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">{{ trans('sales.customers.create_title') }}</h1>
                </div>
                <div class="d-flex align-items-center gap-2 gap-lg-3">
                    <a href="{{ route('admin.dashboard.sales.customers.index') }}" class="btn btn-sm fw-bold btn-secondary">{{ trans('sales.customers.back') }}</a>
                </div>
            </div>
        </div>

        <div id="kt_app_content" class="app-content flex-column-fluid">
            <div id="kt_app_content_container" class="app-container container-xxl">
                <form id="CustomerForm" action="{{ route('admin.dashboard.sales.customers.store') }}" method="POST" class="form d-flex flex-column flex-lg-row">
                    @csrf
                    <div class="d-flex flex-column flex-row-fluid gap-7 gap-lg-10">

                        {{-- Basic Details --}}
                        <div class="card card-flush py-4">
                            <div class="card-header">
                                <div class="card-title">
                                    <h2>{{ trans('sales.customers.details_title') }}</h2>
                                </div>
                            </div>
                            <div class="card-body pt-0">
                                <div class="mb-10 fv-row">
                                    <label class="required form-label">{{ trans('sales.customers.code') }}</label>
                                    <input type="text" name="code" class="form-control mb-2 @error('code') is-invalid @enderror" placeholder="{{ trans('sales.customers.placeholder_code') }}" value="{{ old('code') }}" />
                                    @error('code')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="row g-5">
                                    <div class="col-md-6">
                                        <div class="mb-10 fv-row">
                                            <label class="required form-label">{{ trans('sales.customers.name_ar') }}</label>
                                            <input type="text" name="name[ar]" class="form-control mb-2 @error('name.ar') is-invalid @enderror" value="{{ old('name.ar') }}" />
                                            @error('name.ar')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-10 fv-row">
                                            <label class="form-label">{{ trans('sales.customers.name_en') }}</label>
                                            <input type="text" name="name[en]" class="form-control mb-2 @error('name.en') is-invalid @enderror" value="{{ old('name.en') }}" />
                                            @error('name.en')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="row g-5">
                                    <div class="col-md-6">
                                        <div class="mb-10 fv-row">
                                            <label class="form-label">{{ trans('sales.customers.phone') }}</label>
                                            <input type="text" name="phone" class="form-control mb-2 @error('phone') is-invalid @enderror" value="{{ old('phone') }}" />
                                            @error('phone')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-10 fv-row">
                                            <label class="form-label">{{ trans('sales.customers.email') }}</label>
                                            <input type="email" name="email" class="form-control mb-2 @error('email') is-invalid @enderror" value="{{ old('email') }}" />
                                            @error('email')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="row g-5">
                                    <div class="col-md-6">
                                        <div class="mb-10 fv-row">
                                            <label class="form-label">{{ trans('sales.customers.address_ar') }}</label>
                                            <textarea name="address[ar]" class="form-control mb-2 @error('address.ar') is-invalid @enderror" rows="3">{{ old('address.ar') }}</textarea>
                                            @error('address.ar')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-10 fv-row">
                                            <label class="form-label">{{ trans('sales.customers.address_en') }}</label>
                                            <textarea name="address[en]" class="form-control mb-2 @error('address.en') is-invalid @enderror" rows="3">{{ old('address.en') }}</textarea>
                                            @error('address.en')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="row g-5">
                                    <div class="col-md-6">
                                        <div class="mb-10 fv-row">
                                            <label class="form-label">{{ trans('sales.customers.tax_number') }}</label>
                                            <input type="text" name="tax_number" class="form-control mb-2 @error('tax_number') is-invalid @enderror" value="{{ old('tax_number') }}" />
                                            @error('tax_number')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-10 fv-row">
                                            <label class="form-label">{{ trans('sales.customers.branch') }}</label>
                                            <select name="branch_id" class="form-select mb-2 @error('branch_id') is-invalid @enderror" data-control="select2" data-placeholder="{{ trans('sales.customers.branch_placeholder') }}">
                                                <option value="">{{ trans('sales.customers.branch_placeholder') }}</option>
                                                @foreach($branches as $branch)
                                                    <option value="{{ $branch->id }}" @selected(old('branch_id') == $branch->id)>{{ $branch->name }}</option>
                                                @endforeach
                                            </select>
                                            @error('branch_id')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="mb-10 fv-row">
                                    <div class="form-check form-check-custom form-check-solid">
                                        <input type="hidden" name="is_active" value="0">
                                        <input class="form-check-input" type="checkbox" name="is_active" value="1" id="is_active" {{ old('is_active', true) ? 'checked' : '' }} />
                                        <label class="form-check-label" for="is_active">{{ trans('sales.customers.is_active') }}</label>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- Financial Details --}}
                        <div class="card card-flush py-4">
                            <div class="card-header">
                                <div class="card-title">
                                    <h2>{{ trans('sales.customers.financial_details') }}</h2>
                                </div>
                            </div>
                            <div class="card-body pt-0">
                                <div class="row g-5">
                                    <div class="col-md-4">
                                        <div class="mb-10 fv-row">
                                            <label class="form-label">{{ trans('sales.customers.credit_limit') }}</label>
                                            <input type="number" step="0.01" min="0" name="credit_limit" class="form-control mb-2 @error('credit_limit') is-invalid @enderror" value="{{ old('credit_limit', 0) }}" />
                                            @error('credit_limit')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="mb-10 fv-row">
                                            <label class="form-label">{{ trans('sales.customers.payment_terms_days') }}</label>
                                            <input type="number" step="1" min="0" name="payment_terms_days" class="form-control mb-2 @error('payment_terms_days') is-invalid @enderror" value="{{ old('payment_terms_days', 30) }}" />
                                            @error('payment_terms_days')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="mb-10 fv-row">
                                            <label class="form-label">{{ trans('sales.customers.currency_code') }}</label>
                                            <input type="text" name="currency_code" maxlength="3" class="form-control mb-2 @error('currency_code') is-invalid @enderror" placeholder="USD" value="{{ old('currency_code', 'USD') }}" />
                                            @error('currency_code')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="row g-5">
                                    <div class="col-md-12">
                                        <div class="mb-10 fv-row">
                                            <label class="form-label">{{ trans('sales.customers.ar_account') }}</label>
                                            <select name="ar_account_id" class="form-select mb-2 @error('ar_account_id') is-invalid @enderror" data-control="select2" data-placeholder="{{ trans('sales.customers.ar_account_placeholder') }}">
                                                <option value="">{{ trans('sales.customers.ar_account_placeholder') }}</option>
                                                @foreach($accounts as $account)
                                                    <option value="{{ $account->id }}" @selected(old('ar_account_id') == $account->id)>{{ $account->code }} — {{ $account->name }}</option>
                                                @endforeach
                                            </select>
                                            @error('ar_account_id')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="row g-5">
                                    <div class="col-md-6">
                                        <div class="mb-10 fv-row">
                                            <label class="form-label">{{ trans('sales.customers.opening_balance') }}</label>
                                            <input type="number" step="0.01" name="opening_balance" class="form-control mb-2 @error('opening_balance') is-invalid @enderror" value="{{ old('opening_balance', 0) }}" />
                                            @error('opening_balance')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-10 fv-row">
                                            <label class="form-label">{{ trans('sales.customers.opening_balance_date') }}</label>
                                            <input type="date" name="opening_balance_date" class="form-control mb-2 @error('opening_balance_date') is-invalid @enderror" value="{{ old('opening_balance_date') }}" />
                                            @error('opening_balance_date')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="d-flex justify-content-end">
                            <button type="submit" class="btn btn-primary">
                                <span class="indicator-label">{{ trans('sales.customers.save') }}</span>
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script type="text/javascript" src="{{ asset('vendor/jsvalidation/js/jsvalidation.js') }}"></script>
    {!! JsValidator::formRequest('App\Http\Requests\Admin\Sales\StoreCustomerRequest', '#CustomerForm') !!}
@endsection