@extends('layouts.admin')


@push('styles')
<link rel="stylesheet" href="{{ asset('plugins/fontawesome-free/css/all.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/select2/css/select2.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css') }}">

<link rel="stylesheet" href="{{ asset('plugins/icheck-bootstrap/icheck-bootstrap.min.css') }}">

<style>
    div.form-group {
        margin-bottom: 3px;
    }

    #unitname {
        position: relative;
        top: 11px;
    }

    #btn_looding {
        display: none;
    }
</style>
@endpush

@section('content')
<!-- Main content -->
<section class="content">
    <div class="container-fluid mt-4">
        <div class="row">
            <!-- left column -->
            <div class="col-md-12">
                <!-- jquery validation -->
                <div class="card card-info">
                    <div class="card-header">
                        <h3 class="card-title">Asset Entry</h3>

                        <a href="{{ route('account.asset_list') }}" style="float: right;padding: 3px 26px;"
                            class="btn btn-outline-dark btn-flat">Asset List</a>

                    </div>
                    <!-- /.card-header -->
                    <!-- form start -->

                    <form id="userform" class="form-horizontal" method="POST"
                        action="{{ route('account.assetstore') }}">

                        @csrf

                        <div class="card-body">

                            <div class="row">

                                <div class="col-md-12">

                                    <div class="row">

                                        <div class="col-sm-6">

                                            <div class="form-group row">
                                                <label for="entryDate" class="col-sm-4 col-form-label">Date: <span
                                                        class="text-danger"> * </span></label>
                                                <div class="col-sm-8">
                                                    <div class="input-group date" id="reservationdate"
                                                        data-target-input="nearest">
                                                        <input type="text"
                                                            class="form-control form-control-sm datetimepicker-input"
                                                            data-target="#reservationdate" name="entryDate"
                                                            id="entryDate" value="" placeholder="Enter Date"
                                                            required />
                                                        <div class="input-group-append" data-target="#reservationdate"
                                                            data-toggle="datetimepicker">
                                                            <div class="input-group-text"><i class="fa fa-calendar"></i>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    @error('entryDate')
                                                    <span class="error invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror

                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group row">
                                                <label for="billNo" class="col-sm-4 col-form-label">Bill NO:<span
                                                        class="text-danger"> * </span></label>
                                                <div class="col-sm-8">
                                                    <input type="text" class="form-control form-control-sm"
                                                        name="billNo" id="billNo" value="{{ old('billNo') }}"
                                                        placeholder="Enter Bill No">

                                                    @error('billNo')
                                                    <span class="error invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror

                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-sm-6">
                                            <div class="form-group row">
                                                <label for="groupID" class="col-sm-4 col-form-label">Group: <span
                                                        class="text-danger"> * </span></label>
                                                <div class="col-sm-8">

                                                    <select id="groupID" name="groupID"
                                                        class="form-control form-control-sm select2"
                                                        value="{{ old('groupID') }}" style="width: 100%;">
                                                        <option value="">Select Group</option>
                                                        @foreach ($group as $v)
                                                        <option data-expid="{{ $v->expID }}"
                                                            value="{{ $v->id }}">
                                                            {{ $v->group_name }}
                                                        </option>
                                                        @endforeach

                                                    </select>

                                                    @error('groupID')
                                                    <span class="error invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror

                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-sm-6">

                                            <div class="form-group row">
                                                <label for="subGroupID" class="col-sm-4 col-form-label">Sub Group: <span
                                                        class="text-danger"> * </span></label>
                                                <div class="col-sm-8">

                                                    <select id="subGroupID" name="subGroupID"
                                                        class="form-control form-control-sm select2"
                                                        value="{{ old('subGroupID') }}" style="width: 100%;">
                                                        <option value="">Select Sub Group</option>
                                                        @foreach ($subGroup as $v)
                                                        <option value="{{ $v->id }}">
                                                            {{ $v->sub_group_name }}
                                                        </option>
                                                        @endforeach

                                                    </select>

                                                    @error('subGroupID')
                                                    <span class="error invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror

                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">

                                            <div class="form-group row">
                                                <label for="outlet" class="col-sm-4 col-form-label">Outlet: <span
                                                        class="text-danger"> * </span></label>
                                                <div class="col-sm-8">

                                                    <select id="outlet" name="outlet"
                                                        class="form-control form-control-sm select2"
                                                        value="{{ old('outlet') }}" style="width: 100%;">
                                                        <option value="">Select Outlet</option>
                                                        @foreach ($outlet as $v)
                                                        <option value="{{ $v->id }}">
                                                            {{ $v->outlet_name }}
                                                        </option>
                                                        @endforeach

                                                    </select>

                                                    @error('outlet')
                                                    <span class="error invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror

                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group row">
                                                <label for="vat_rate" class="col-sm-4 col-form-label">Vat Rate:
                                                </label>
                                                <div class="col-sm-8">

                                                    <select id="vat_rate" name="vat_rate"
                                                        class="form-control form-control-sm select2"
                                                        value="{{ old('vat_rate') }}" style="width: 100%;">
                                                        <option value="">Select Vat Parcent</option>
                                                        <option value="15">15%</option>
                                                        <option value="10">10%</option>
                                                        <option value="5">5%</option>
                                                    </select>

                                                    @error('vat_rate')
                                                    <span class="error invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror

                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-sm-6">
                                            <div class="form-group row">
                                                <label for="challan_number" class="col-sm-4 col-form-label"> Challan
                                                    Number: </label>
                                                <div class="col-sm-8">
                                                    <input type="text" class="form-control form-control-sm"
                                                        name="challan_number" id="challan_number"
                                                        value="{{ old('challan_number') }}"
                                                        placeholder="Enter challan number">
                                                    @error('challan_number')
                                                    <span class="error invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror

                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group row">
                                                <label for="quantity" class="col-sm-4 col-form-label"> Quantity
                                                    : </label>
                                                <div class="col-sm-8">
                                                    <input type="text" class="form-control form-control-sm"
                                                        name="quantity" id="quantity" value="{{ old('quantity') }}"
                                                        placeholder="Enter quantity">
                                                    @error('quantity')
                                                    <span class="error invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror

                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group row">
                                                <label for="rate" class="col-sm-4 col-form-label"> Rate
                                                    : </label>
                                                <div class="col-sm-8">
                                                    <input type="text" class="form-control form-control-sm"
                                                        name="rate" id="rate" value="{{ old('rate') }}"
                                                        placeholder="Enter rate">
                                                    @error('rate')
                                                    <span class="error invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror

                                                </div>
                                            </div>
                                        </div>



                                        <div class="col-sm-6">
                                            <div class="form-group row">
                                                <label for="amount" class="col-sm-4 col-form-label"> Amount: <span
                                                        class="text-danger"> * </span></label>
                                                <div class="col-sm-8">
                                                    <input type="text" class="form-control form-control-sm"
                                                        name="amount" id="amount" placeholder="Auto‑calculated"
                                                        readonly>
                                                    @error('amount')
                                                    <span class="error invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror

                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-sm-6">

                                            <div class="form-group row">
                                                <label for="supplier" class="col-sm-4 col-form-label">Supplier: <span
                                                        class="text-danger"> * </span></label>
                                                <div class="col-sm-8">

                                                    <select id="supplier" name="supplier"
                                                        class="form-control form-control-sm select2"
                                                        value="{{ old('supplier') }}" style="width: 100%;">
                                                        <option value="">Select Supplier</option>
                                                        @foreach ($supplier as $v)
                                                        <option value="{{ $v->id }}">
                                                            {{ $v->supplier_name }}
                                                        </option>
                                                        @endforeach

                                                    </select>

                                                    @error('outlet')
                                                    <span class="error invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror

                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group row">
                                                <label for="waranty" class="col-sm-4 col-form-label"> Waranty:
                                                </label>
                                                <div class="col-sm-8">
                                                    <input type="text" class="form-control form-control-sm"
                                                        name="waranty" id="waranty" value="{{ old('waranty') }}"
                                                        placeholder="Enter waranty">
                                                    @error('waranty')
                                                    <span class="error invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror

                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group row">
                                                <label for="address" class="col-sm-4 col-form-label"> Address:
                                                </label>
                                                <div class="col-sm-8">
                                                    <input type="text" class="form-control form-control-sm"
                                                        name="address" id="address" value="{{ old('address') }}"
                                                        placeholder="Enter address">
                                                    @error('address')
                                                    <span class="error invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror

                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-sm-6">
                                            <div class="form-group row">
                                                <label for="paymentMethod" class="col-sm-4 col-form-label">Payment
                                                    Method: <span class="text-danger"> * </span></label>
                                                <div class="col-sm-8">

                                                    <select id="paymentMethod" name="paymentMethod"
                                                        class="form-control form-control-sm select2"
                                                        value="{{ old('paymentMethod') }}" style="width: 100%;">
                                                        <option value="">Select Payment</option>
                                                        @foreach ($payMethod as $v)
                                                        <option value="{{ $v->id }}">
                                                            {{ $v->pmode_name }}
                                                        </option>
                                                        @endforeach
                                                    </select>

                                                    @error('paymentMethod')
                                                    <span class="error invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror

                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-sm-6">
                                            <div class="form-group row">
                                                <label for="description" class="col-sm-4 col-form-label">Description :
                                                </label>
                                                <div class="col-sm-8">
                                                    <textarea class="form-control form-control-sm" id="description" rows="3" name="description"
                                                        placeholder="Note" style="height: 70px;"></textarea>

                                                    @error('description')
                                                    <span class="error invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror

                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group row">
                                                <label for="remarks" class="col-sm-4 col-form-label"> Remarks:
                                                </label>
                                                <div class="col-sm-8">
                                                    <input type="text" class="form-control form-control-sm"
                                                        name="remarks" id="remarks" value="{{ old('remarks') }}"
                                                        placeholder="Enter remarks">
                                                    @error('remarks')
                                                    <span class="error invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror

                                                </div>
                                            </div>
                                        </div>
                                        <input type="hidden" name="expID" value="" id="expId">

                                    </div>

                                </div>

                            </div>

                            <!-- /.card-body -->
                            <div class="card-footer">
                                <button type="submit" class="btn btn-primary">Submit</button>
                            </div>
                        </div>
                    </form>
                </div>
                <!-- /.card -->
            </div>
        </div>
        <!-- /.row -->
    </div><!-- /.container-fluid -->
</section>
<!-- /.content -->
@endsection

@push('scripts')
<script src="{{ asset('plugins/select2/js/select2.full.min.js') }}"></script>
<script src="{{ asset('plugins/moment/moment.min.js') }}"></script>
<script src="{{ asset('plugins/inputmask/jquery.inputmask.min.js') }}"></script>
<script type="text/javascript">
    $(function() {

        function calcAmount() {
            const qty = parseFloat($('#quantity').val()) || 0;
            const rate = parseFloat($('#rate').val()) || 0;
            const total = qty * rate;

            // show two decimals; change to .toFixed(0) if you want integers only
            $('#amount').val(total ? total.toFixed(2) : '');
        }

        // calculate whenever the user types or pastes
        $('#quantity, #rate').on('input', calcAmount);

        // if the form is opened for editing and the fields already have values
        calcAmount();

        $('#groupID').on('change', function() {

            if ($(this).val()) {
                let group_id = $(this).val();

                var expID = $(this).find(":selected").data('expid');

                var url = "{{ route('account.subgroup',': id') }}";
                url = url.replace(':id', group_id);

                var jqxhr = $.get(url, function(data) {

                        if (!data) {
                            console.log('No found!');
                        }
                    })
                    .done(function(data) {
                        $("#subGroupID").html(data);
                        $("#expId").val(expID);

                    })
                    .fail(function() {

                    })
                    .always(function() {

                    });

            }
        });


        $('#reservationdate').datetimepicker({
            format: 'DD-MM-YYYY'
        });

        $('#reservationdate2').datetimepicker({
            format: 'DD-MM-YYYY'
        });


        //Initialize Select2 Elements
        $('.select2').select2();
        $('.myselect2').select2();

        //Initialize Select2 Elements
        $('.select2bs4').select2({
            theme: 'bootstrap4'
        })



        $(document).on('select2:open', () => {
            document.querySelector('.select2-search__field').focus();
        });



    });
</script>
@endpush