{{ Form::open(['route'=>['trade-license.sub-category-update', $data->id],'method'=>'POST', 'class'=>'needs-validation', 'novalidate']) }}
@method('PUT')
<div class="modal-header">
    <h5 class="modal-title mt-0" id="myModalLabel">আপডেট সাব ক্যাটাগরী</h5>
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
</div>
<div class="modal-body">
    <div class="col-md-10 m-auto">
        <div class="form-group row mb-4">
            <label for="category" class="form-label">ক্যাটাগরী<span class="required">*</span></label>
            <select class="form-control select2" name="trade_category_id">
                <option value="" selected disabled>&mdash; চিহ্নিত করুন &mdash;</option>
                @foreach($category as $item)
                    <option value="{{ $item->id }}" {{ $data->trade_category_id == $item->id ? 'selected' : '' }}>{{ $item->category }}</option>
                @endforeach
            </select>
            <div class="invalid-feedback">
                ক্যাটাগরী
            </div>
            <span class="text-danger">{{ $errors->has('category') ? $errors->first('category') : ' ' }}</span>
        </div>
        <div class="form-group row mb-4">
            <label for="sub_category" class="form-label">সাব ক্যাটাগরী<span class="required">*</span></label>
            <input class="form-control" name="sub_category" value="{{ $data->sub_category }}" type="text" id="sub_category" required>
            <div class="invalid-feedback">
                সাব ক্যাটাগরী
            </div>
            <span class="text-danger">{{ $errors->has('sub_category') ? $errors->first('sub_category') : ' ' }}</span>
        </div>
        <div class="form-group row mb-4">
            <label for="en_sub_category" class="form-label">সাব ক্যাটাগরী (ইংরেজিতে)<span class="required">*</span></label>
            <input class="form-control" name="en_sub_category" value="{{ $data->en_sub_category }}" type="text" id="en_sub_category" required>
            <div class="invalid-feedback">
                সাব ক্যাটাগরী
            </div>
            <span class="text-danger">{{ $errors->has('en_sub_category') ? $errors->first('en_sub_category') : ' ' }}</span>
        </div>
        <div class="form-group row">
            <label for="e_trade_fee" class="form-label">ফি (BDT)<span class="required">*</span></label>
            <input class="form-control" name="fee" type="number" min="1" value="{{ $data->fee }}" step="any" id="e_trade_fee" required>
            <div class="invalid-feedback">
                ফি
            </div>
            <span class="text-danger">{{ $errors->has('fee') ? $errors->first('fee') : ' ' }}</span>
        </div>
        <div class="form-group row mb-4">
            <label for="e_trade_varpar" class="form-label">ভ্যাট %<span class="required">*</span></label>
            <input class="form-control" name="varpar" type="number" value="{{ $data->varpar }}" min="1" id="e_trade_varpar" required>
            <div class="invalid-feedback">
                ভ্যাট
            </div>
            <span class="text-danger">{{ $errors->has('fee') ? $errors->first('fee') : ' ' }}</span>
        </div>
        <div class="form-group row mb-4">
            <label for="e_trade_vat" class="form-label">ভ্যাট (BDT)<span class="required">*</span></label>
            <input class="form-control" name="vat" type="number" value="{{ $data->vat }}" min="1" step="any" id="e_trade_vat" readonly required>
            <div class="invalid-feedback">
                ভ্যাট
            </div>
            <span class="text-danger">{{ $errors->has('fee') ? $errors->first('fee') : ' ' }}</span>
        </div>
    </div>
</div>
<div class="modal-footer">
    <button type="submit" class="btn btn-primary waves-effect waves-light">আপডেট</button>
    <button type="button" class="btn btn-secondary waves-effect" data-dismiss="modal">ক্লোজ</button>
</div>
{{ Form::close() }}
<script>
    $('#e_trade_fee, #e_trade_varpar').on("keyup", function () {
        var trade_fee = $('#e_trade_fee').val();
        var trade_varpar = $('#e_trade_varpar').val();
        var result = (trade_fee / 100) * trade_varpar;
        $('#e_trade_vat').val(result);
    });
</script>