@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')
    <section class="content">
        <div class="container-fluid mt-4">
            <div class="row">
                <div class="col-md-12">
                    <div class="card card-info">
                        <div class="card-header">
                            <h3 class="card-title">Update Asset</h3>
                            <a href="{{ route('account.asset_list') }}" style="float: right;padding: 3px 26px;"
                                class="btn btn-outline-dark btn-flat">Assets List</a>
                        </div>
                        <form id="userform" class="form-horizontal" method="POST"
                            action="{{ route('account.updateasset', $asset->id) }}">
                            @csrf
                            @method('PUT')
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="row">

                                            {{-- Entry Date --}}
                                            <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="{{ old('entryDate', $asset->entryDate ? \Carbon\Carbon::parse($asset->entryDate)->format('d-m-Y') : '') }}"
                                                                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>

                                            {{-- Bill No --}}
                                            <div class="col-sm-6">
                                                <div class="form-group row">
                                                    <label for="billNo" class="col-sm-4 col-form-label">Bill NO:</label>
                                                    <div class="col-sm-8">
                                                        <input type="text" class="form-control form-control-sm"
                                                            name="billNo" id="billNo" value="{{ $asset->billNo }}"
                                                            required>
                                                        @error('billNo')
                                                            <span class="error invalid-feedback"
                                                                role="alert"><strong>{{ $message }}</strong></span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>

                                            {{-- Group --}}
                                            <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"
                                                            style="width: 100%;" required>
                                                            <option value="">Select Group</option>
                                                            @foreach ($group as $v)
                                                                <option value="{{ $v->id }}"
                                                                    {{ $asset->groupID == $v->id ? 'selected' : '' }}
                                                                    data-expid="{{ $v->expID }}">{{ $v->group_name }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                        @error('groupID')
                                                            <span class="error invalid-feedback"
                                                                role="alert"><strong>{{ $message }}</strong></span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>

                                            {{-- Sub Group --}}
                                            <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"
                                                            style="width: 100%;" required>
                                                            <option value="">Select Sub Group</option>
                                                            @foreach ($subGroup as $v)
                                                                <option value="{{ $v->id }}"
                                                                    {{ $asset->subGroupID == $v->id ? 'selected' : '' }}>
                                                                    {{ $v->sub_group_name }}</option>
                                                            @endforeach
                                                        </select>
                                                        @error('subGroupID')
                                                            <span class="error invalid-feedback"
                                                                role="alert"><strong>{{ $message }}</strong></span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>

                                            {{-- Quantity --}}
                                            <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"
                                                            id="quantity" name="quantity"
                                                            value="{{ $asset->quantity ?? '' }}">
                                                        @error('quantity')
                                                            <span
                                                                class="error invalid-feedback"><strong>{{ $message }}</strong></span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>

                                            {{-- Rate --}}
                                            <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"
                                                            id="rate" name="rate"
                                                            value="{{ $asset->rate ?? '' }}">
                                                        @error('rate')
                                                            <span
                                                                class="error invalid-feedback"><strong>{{ $message }}</strong></span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>

                                            {{-- Amount --}}
                                            <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" value="{{ $asset->amount }}"
                                                            readonly required>
                                                        @error('amount')
                                                            <span class="error invalid-feedback"
                                                                role="alert"><strong>{{ $message }}</strong></span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>

                                            {{-- Vat Rate --}}
                                            <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"
                                                            style="width: 100%;">
                                                            <option value="">Select Vat Percent</option>
                                                            <option value="15"
                                                                {{ $asset->vat_rate == 15 ? 'selected' : '' }}>15%</option>
                                                            <option value="10"
                                                                {{ $asset->vat_rate == 10 ? 'selected' : '' }}>10%</option>
                                                            <option value="5"
                                                                {{ $asset->vat_rate == 5 ? 'selected' : '' }}>5%</option>
                                                        </select>
                                                        @error('vat_rate')
                                                            <span class="error invalid-feedback"
                                                                role="alert"><strong>{{ $message }}</strong></span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>

                                            {{-- Payment Method --}}
                                            <div class="col-sm-6">
                                                <div class="form-group row">
                                                    <label for="paymentMethod" class="col-sm-4 col-form-label">Payment
                                                        Method:</label>
                                                    <div class="col-sm-8">
                                                        <select id="paymentMethod" name="paymentMethod"
                                                            class="form-control form-control-sm select2"
                                                            style="width: 100%;" required>
                                                            <option value="">Select Payment</option>
                                                            @foreach ($payMethod as $v)
                                                                <option value="{{ $v->id }}"
                                                                    {{ $asset->paymentMethod == $v->id ? 'selected' : '' }}>
                                                                    {{ $v->pmode_name }}</option>
                                                            @endforeach
                                                        </select>
                                                        @error('paymentMethod')
                                                            <span class="error invalid-feedback"
                                                                role="alert"><strong>{{ $message }}</strong></span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>

                                            {{-- Description --}}
                                            <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"
                                                            style="height: 70px;">{{ $asset->description }}</textarea>
                                                        @error('description')
                                                            <span class="error invalid-feedback"
                                                                role="alert"><strong>{{ $message }}</strong></span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>

                                            <input type="hidden" name="expID" value="{{ $asset->expID }}"
                                                id="expId">

                                        </div>
                                    </div>
                                </div>
                                <div class="card-footer">
                                    <button type="submit" class="btn btn-primary">Submit</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
@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() {
            $('#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);
                    $.get(url, function(data) {
                        $("#subGroupID").html(data);
                        $("#expId").val(expID);
                    });
                }
            });

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

            $('.select2').select2();

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

            // Calculate Amount on Quantity or Rate input
            function calcAmount() {
                const qty = parseFloat($('#quantity').val()) || 0;
                const rate = parseFloat($('#rate').val()) || 0;
                const total = qty * rate;
                $('#amount').val(total ? total.toFixed(2) : '');
            }

            $('#quantity, #rate').on('input', calcAmount);
            calcAmount();
        });
    </script>
@endpush