@extends('master')
@section('content')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jsbarcode/3.11.5/JsBarcode.all.min.js"
        integrity="sha512-QEAheCz+x/VkKtxeGoDq6nsGyzTx/0LMINTgQjqZ0h3+NjP+bCsPYz3hn0HnBkGmkIFSr7QcEZT+KyEM7lbLPQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>

    <div class="page-wrapper">
        <div class="content">
            <div class="page-header">
                <div class="page-title">
                    <h4>{{ __('sitelabel.CreatenewAssetItem') }}</h4>
                </div>
            </div>
            <form method="post" action="{{ url('/') }}/assetitemprocess" enctype="multipart/form-data">
                @csrf
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Code') }}<span class="text-danger">*</span></label>
                                    <input type="text" id="txtCode" name="txtCode" value="{{ $Code }}">
                                    <span class="text-danger">
                                        @error('txtCode')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Name') }}<span class="text-danger">*</span></label>
                                    <input name="txtName" id="txtName" type="text" value="{{ old('txtName', '') }}">
                                    <span class="text-danger">
                                        @error('txtName')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.AssetType') }}</label>
                                    <select class="form-select" id="cmbAssetType" name="cmbAssetType">
                                        <option value="-1">{{ __('sitelabel.SelectAssetType') }}</option>
                                        @foreach ($type as $item)
                                            <option value="{{ $item->Id }}">{{ $item->Name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.AssetSubType') }}</label>
                                    <select class="form-select" id="cmbAssetSubType" name="cmbAssetSubType">
                                        <option value="-1">{{ __('sitelabel.SelectAssetTypeFirst') }}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.BarCode') }}<span class="text-danger">*</span></label>
                                    <input type="text" id="txtBarCode" name="txtBarCode" value="{{ $Code }}">
                                    <span class="text-danger">
                                        @error('txtBarCode')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>&nbsp;</label>
                                    <button type="button" class="btn btn-primary"
                                        onclick="UpdateBarCode();">{{ __('sitelabel.UpdateBarCode') }}</button>
                                </div>
                            </div>
                            <div class="col-lg-6 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>&nbsp;</label>
                                    <canvas id="barcode"></canvas>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Description') }}</label>
                                    <textarea name="txtDescription" id="txtDescription" class="form-control">{{ old('txtDescription', '') }}</textarea>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.ModelNo') }}<span class="text-danger">*</span></label>
                                    <input name="txtModelNo" id="txtModelNo" type="text"
                                        value="{{ old('txtModelNo', '') }}">
                                    <span class="text-danger">
                                        @error('txtModelNo')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.UnitPrice') }}<span class="text-danger">*</span></label>
                                    <input name="txtUnitPrice" id="txtUnitPrice" type="number" class="form-control"
                                        value="{{ old('txtUnitPrice', '') }}">
                                    <span class="text-danger">
                                        @error('txtUnitPrice')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Status') }}</label>
                                    <input checked class="form-check-input" type="checkbox" id="chkStatus" name="chkStatus">
                                </div>
                            </div>

                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label> {{ __('sitelabel.Picture') }}</label>
                                    <div class="image-upload">
                                        <input type="file" name="flnThumbNail" id="flnThumbNail">
                                        <div class="image-uploads">
                                            <img src="{{ url('/') }}/admin/assets/img/icons/upload.svg"
                                                alt="img">
                                            <h4>Drag and drop a file to upload</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <button type="submit" name="save_data" value="1"
                                    class="btn btn-primary">{{ __('sitelabel.SaveAndNew') }}</button>
                                <button type="submit" name="save"
                                    class="btn btn-primary">{{ __('sitelabel.Save') }}</button>
                                <button type="button" onclick="javascript:window.location='{{ url('/product') }}';"
                                    class="btn btn-dark">{{ __('sitelabel.Back') }}</button>

                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
    </div>
@endsection
@section('script')