@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('inventory.items.create_title') }}</h1>
                </div>
                <div class="d-flex align-items-center gap-2 gap-lg-3">
                    <a href="{{ route('admin.dashboard.inventory.items.index') }}" class="btn btn-sm fw-bold btn-secondary">{{ trans('inventory.items.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="ItemForm" action="{{ route('admin.dashboard.inventory.items.store') }}" method="POST" enctype="multipart/form-data" 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 Information --}}
                        <div class="card card-flush py-4">
                            <div class="card-header">
                                <div class="card-title">
                                    <h2>{{ trans('inventory.items.details_title') }}</h2>
                                </div>
                            </div>
                            <div class="card-body pt-0">
                                <div class="mb-10 fv-row">
                                    <label class="required form-label">{{ trans('inventory.items.code') }}</label>
                                    <input type="text" name="code" class="form-control mb-2 @error('code') is-invalid @enderror" placeholder="{{ trans('inventory.items.placeholder_code') }}" value="{{ old('code') }}" />
                                    @error('code')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="mb-10 fv-row">
                                    <label class="required form-label">{{ trans('inventory.items.name_ar') }}</label>
                                    <input type="text" name="name[ar]" class="form-control mb-2 @error('name.ar') is-invalid @enderror" placeholder="{{ trans('inventory.items.name_ar') }}" value="{{ old('name.ar') }}" />
                                    @error('name.ar')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="mb-10 fv-row">
                                    <label class="form-label">{{ trans('inventory.items.name_en') }}</label>
                                    <input type="text" name="name[en]" class="form-control mb-2 @error('name.en') is-invalid @enderror" placeholder="{{ trans('inventory.items.name_en') }}" value="{{ old('name.en') }}" />
                                    @error('name.en')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="mb-10 fv-row">
                                    <label class="form-label">{{ trans('inventory.items.description_ar') }}</label>
                                    <textarea name="description[ar]" class="form-control mb-2 @error('description.ar') is-invalid @enderror" rows="3" placeholder="{{ trans('inventory.items.description_ar') }}">{{ old('description.ar') }}</textarea>
                                    @error('description.ar')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="mb-10 fv-row">
                                    <label class="form-label">{{ trans('inventory.items.description_en') }}</label>
                                    <textarea name="description[en]" class="form-control mb-2 @error('description.en') is-invalid @enderror" rows="3" placeholder="{{ trans('inventory.items.description_en') }}">{{ old('description.en') }}</textarea>
                                    @error('description.en')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="row g-5">
                                    <div class="col-md-4">
                                        <div class="mb-10 fv-row">
                                            <label class="required form-label">{{ trans('inventory.items.type') }}</label>
                                            <select name="type" class="form-select mb-2 @error('type') is-invalid @enderror">
                                                <option value="stock" @selected(old('type', 'stock') === 'stock')>{{ trans('inventory.items.stock') }}</option>
                                                <option value="service" @selected(old('type') === 'service')>{{ trans('inventory.items.service') }}</option>
                                            </select>
                                            @error('type')
                                                <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('inventory.items.category') }}</label>
                                            <select name="category_id" data-control="select2" data-placeholder="{{ trans('inventory.items.category_placeholder') }}" class="form-select mb-2 @error('category_id') is-invalid @enderror">
                                                <option value=""></option>
                                                @foreach($categories as $category)
                                                    <option value="{{ $category->id }}" @selected(old('category_id') == $category->id)>{{ $category->getTranslation('name', app()->getLocale()) }}</option>
                                                @endforeach
                                            </select>
                                            @error('category_id')
                                                <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('inventory.items.uom') }}</label>
                                            <select name="uom_id" data-control="select2" data-placeholder="{{ trans('inventory.items.uom_placeholder') }}" class="form-select mb-2 @error('uom_id') is-invalid @enderror">
                                                <option value=""></option>
                                                @foreach($uoms as $uom)
                                                    <option value="{{ $uom->id }}" @selected(old('uom_id') == $uom->id)>{{ $uom->getTranslation('name', app()->getLocale()) }}</option>
                                                @endforeach
                                            </select>
                                            @error('uom_id')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="mb-10 fv-row">
                                    <label class="form-label">{{ trans('inventory.items.branch') }}</label>
                                    <select name="branch_id" data-control="select2" data-placeholder="{{ trans('inventory.items.branch_placeholder') }}" class="form-select mb-2 @error('branch_id') is-invalid @enderror">
                                        <option value=""></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 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('inventory.items.is_active') }}</label>
                                    </div>
                                </div>
                            </div>
                        </div>

                        @include('dashboard.admin.inventory.items._media_features')

                        {{-- Pricing & Costing --}}
                        <div class="card card-flush py-4">
                            <div class="card-header">
                                <div class="card-title">
                                    <h2>{{ trans('inventory.items.pricing_section') }}</h2>
                                </div>
                            </div>
                            <div class="card-body pt-0">
                                <div class="row g-5">
                                    <div class="col-md-3">
                                        <div class="mb-10 fv-row">
                                            <label class="form-label">{{ trans('inventory.items.purchase_price') }}</label>
                                            <input type="number" step="0.0001" name="purchase_price" class="form-control mb-2 @error('purchase_price') is-invalid @enderror" value="{{ old('purchase_price') }}" />
                                            @error('purchase_price')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="mb-10 fv-row">
                                            <label class="form-label">{{ trans('inventory.items.sale_price') }}</label>
                                            <input type="number" step="0.0001" name="sale_price" class="form-control mb-2 @error('sale_price') is-invalid @enderror" value="{{ old('sale_price') }}" />
                                            @error('sale_price')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="mb-10 fv-row">
                                            <label class="form-label">{{ trans('inventory.items.reorder_level') }}</label>
                                            <input type="number" step="0.0001" name="reorder_level" class="form-control mb-2 @error('reorder_level') is-invalid @enderror" value="{{ old('reorder_level', 0) }}" />
                                            @error('reorder_level')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="mb-10 fv-row">
                                            <label class="form-label">{{ trans('inventory.items.reorder_qty') }}</label>
                                            <input type="number" step="0.0001" name="reorder_qty" class="form-control mb-2 @error('reorder_qty') is-invalid @enderror" value="{{ old('reorder_qty', 0) }}" />
                                            @error('reorder_qty')
                                                <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('inventory.items.cost_method') }}</label>
                                            <select name="cost_method" class="form-select mb-2 @error('cost_method') is-invalid @enderror">
                                                <option value="average" @selected(old('cost_method', 'average') === 'average')>{{ trans('inventory.items.average') }}</option>
                                                <option value="fifo" @selected(old('cost_method') === 'fifo')>{{ trans('inventory.items.fifo') }}</option>
                                            </select>
                                            @error('cost_method')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-10 fv-row pt-8">
                                            <div class="form-check form-check-custom form-check-solid">
                                                <input type="hidden" name="allow_negative_stock" value="0">
                                                <input class="form-check-input" type="checkbox" name="allow_negative_stock" value="1" id="allow_negative_stock" {{ old('allow_negative_stock') ? 'checked' : '' }} />
                                                <label class="form-check-label" for="allow_negative_stock">{{ trans('inventory.items.allow_negative_stock') }}</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- Accounting --}}
                        <div class="card card-flush py-4">
                            <div class="card-header">
                                <div class="card-title">
                                    <h2>{{ trans('inventory.items.accounting_section') }}</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('inventory.items.inventory_account') }}</label>
                                            <select name="inventory_account_id" data-control="select2" data-placeholder="{{ trans('inventory.items.inventory_account_placeholder') }}" class="form-select mb-2 @error('inventory_account_id') is-invalid @enderror">
                                                <option value=""></option>
                                                @foreach($accounts as $account)
                                                    <option value="{{ $account->id }}" @selected(old('inventory_account_id') == $account->id)>{{ $account->code }} - {{ $account->getTranslation('name', app()->getLocale()) }}</option>
                                                @endforeach
                                            </select>
                                            @error('inventory_account_id')
                                                <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('inventory.items.cogs_account') }}</label>
                                            <select name="cogs_account_id" data-control="select2" data-placeholder="{{ trans('inventory.items.cogs_account_placeholder') }}" class="form-select mb-2 @error('cogs_account_id') is-invalid @enderror">
                                                <option value=""></option>
                                                @foreach($accounts as $account)
                                                    <option value="{{ $account->id }}" @selected(old('cogs_account_id') == $account->id)>{{ $account->code }} - {{ $account->getTranslation('name', app()->getLocale()) }}</option>
                                                @endforeach
                                            </select>
                                            @error('cogs_account_id')
                                                <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('inventory.items.revenue_account') }}</label>
                                            <select name="revenue_account_id" data-control="select2" data-placeholder="{{ trans('inventory.items.revenue_account_placeholder') }}" class="form-select mb-2 @error('revenue_account_id') is-invalid @enderror">
                                                <option value=""></option>
                                                @foreach($accounts as $account)
                                                    <option value="{{ $account->id }}" @selected(old('revenue_account_id') == $account->id)>{{ $account->code }} - {{ $account->getTranslation('name', app()->getLocale()) }}</option>
                                                @endforeach
                                            </select>
                                            @error('revenue_account_id')
                                                <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('inventory.items.save') }}</span>
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script src="{{ asset('assets/plugins/custom/formrepeater/formrepeater.bundle.js') }}"></script>
    <script type="text/javascript" src="{{ asset('vendor/jsvalidation/js/jsvalidation.js') }}"></script>
    {!! JsValidator::formRequest('App\Http\Requests\Admin\Inventory\StoreItemRequest', '#ItemForm') !!}
    <script>
        $('#item_features_repeater').repeater({
            initEmpty: false,
            show: function () { $(this).slideDown(); },
            hide: function (deleteElement) { $(this).slideUp(deleteElement); }
        });
    </script>
@endsection