@extends('admin.layout.app')
@section('title','Create Service')
@section('content')
    <div class="content">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="page-title-box">
                        <h4 class="page-title">Create Service </h4>
                        <div class="pull-right">
                            <a href="{{route('service.index')}}"
                               class="btn btn-info btn-rounded waves-effect waves-light m-b-2"><i
                                    class=" mdi mdi-keyboard-backspace"></i> Back</a>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <div class="card-box">
                        <div class="row">
                            <div class="col-sm-12">
                                {!! Form::open(['route'=>array('service.store'), 'onsubmit'=>'BtnSubmit.disabled = true','method' => 'post']) !!}
                                <div class="form-group row">
                                    <div class="col-sm-6">
                                        <input name="page" type="hidden" value="service">
                                        <label for="service_code">Service Code<span class="text-danger">*</span></label>
                                        <input id="service_code" type="text" class="form-control"
                                               name="service_code"
                                               value="{{ old('service_code') }}" required autofocus>
                                        <div class="text-danger">{{$errors->first('service_code')}}</div>
                                    </div>
                                    <div class="col-sm-6">
                                        <label for="service_name">Service Name<span class="text-danger">*</span></label>
                                        <input id="service_name" type="text" class="form-control" name="service_name"
                                               value="{{ old('service_name') }}" required autofocus>
                                        <div class="text-danger">{{$errors->first('service_name')}}</div>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="col-sm-6 m-t-5">
                                        <label for="cost_price">Cost Price<span class="text-danger">*</span></label>
                                        <input id="cost_price" type="text" class="form-control floatnumber"
                                               name="cost_price"
                                               value="{{ old('cost_price') }}" autofocus>
                                        <div class="text-danger">{{$errors->first('cost_price')}}</div>
                                    </div>
                                    <div class="col-sm-6 m-t-5">
                                        <label for="selling_price">Selling Price<span
                                                class="text-danger">*</span></label>
                                        <input id="selling_price" type="text" class="form-control floatnumber"
                                               name="selling_price"
                                               value="{{ old('selling_price') }}" autofocus>
                                        <div class="text-danger">{{$errors->first('selling_price')}}</div>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="col-sm-6 col-xs-12  m-t-5">
                                        <label for="mark_up">Mark Up</label>
                                        <input id="mark_up" type="text" class="form-control floatnumber"
                                               name="mark_up"
                                               value="{{ old('mark_up') }}">
                                        <div class="text-danger">{{$errors->first('mark_up')}}</div>
                                    </div>
                                    <div class="col-sm-6 col-xs-12 m-t-5">
                                        <label for="product_id1">Income account <span
                                                class="text-danger">*</span></label>
                                        {!! Form::select("income_account_id", $incomes, old("income_account_id"), ['class'=>'form-control' ,'id' => 'product_id1','required'=>'required']  ) !!}
                                        <div class="text-danger">{{$errors->first('income_account_id')}}</div>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <div class="col-sm-6 col-xs-12 m-t-5">
                                        <label for="product_id2">Expense account<span
                                                class="text-danger">*</span></label>
                                        {!! Form::select("expense_account_id", [''=>'Select ']+$expenses, old("expense_account_id", 79), ['class'=>'form-control' ,'id' => 'product_id2','required'=>'required']  ) !!}
                                        <div class="text-danger">{{$errors->first('expense_account_id')}}</div>
                                    </div>
                                    <div class="col-sm-6 col-xs-12 m-t-5">
                                        <label for="department_id">Department<span
                                                class="text-danger">*</span></label>
                                        {!! Form::select("department_id", [''=>'Select ']+$departments, old("department_id"), ['class'=>'form-control' ,'id' => 'department_id','required'=>'required']  ) !!}
                                        <div class="text-danger">{{$errors->first('department_id')}}</div>
                                    </div>

                                </div>
                                <div class="form-group row">
                                    <div class="col-sm-6 col-xs-12 m-t-5">
                                        {{-- account_ledger_id --}}
                                        <label for="purchase_return_account_id">Purchase Return Account</label>
                                        {!! Form::select("purchase_return_account_id", $purchaseReturnAccount, old("purchase_return_account_id"), ['class'=>'form-control' ,'id' => 'purchase_return_account_id']  ) !!}
                                        <div class="text-danger">{{$errors->first('purchase_return_account_id')}}</div>
                                    </div>
                                    <div class="col-sm-6  col-xs-12 m-t-5">
                                        {{-- account_ledger_id --}}
                                        <label for="sale_return_account_id">Sales Return Account</label>
                                        {!! Form::select("sale_return_account_id", $saleReturnAccount, old("sale_return_account_id"), ['class'=>'form-control' ,'id' => 'sale_return_account_id']  ) !!}
                                        <div class="text-danger">{{$errors->first('sale_return_account_id')}}</div>
                                    </div>
                                </div>
                                <div class="form-group text-center">
                                    <div class="col-xs-12 m-t-10">
                                        <button type="submit"
                                                id="BtnSubmit"
                                                class="btn w-md btn-bordered btn-success waves-effect waves-light">
                                            Submit
                                        </button>
                                    </div>
                                </div>
                                {!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('footerscript')
    <script>
        $('.floatnumber').on('input', function () {
            this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');
        });
        $('.number').keyup(function (e) {
            if (/\D/g.test(this.value)) {
                this.value = this.value.replace(/\D/g, '');
            }
        });
        $('#selling_price, #cost_price').on('change', function () {
            var selling_price = $('#selling_price').val();
            $('#mark_up').val('');
            var cost_price = $('#cost_price').val();
            if (cost_price) {
                if (cost_price == 0) {
                    $('#mark_up').val(0);
                } else {
                    var markUpVal = ((selling_price - cost_price) / cost_price) * 100;
                    $('#mark_up').val(markUpVal.toFixed(2));
                }
            } else {
                alert('cost price can not be empty.')
                $(this).val('');
            }
        });

        $('#mark_up').on('change', function () {
            var mark_up = $(this).val();
            $('#selling_price').val('');
            var cost_price = $('#cost_price').val();
            if (cost_price) {
                var persentValue = (cost_price * mark_up) / 100;
                var sellingPrice = parseFloat(persentValue) + parseFloat(cost_price);
                $('#selling_price').val(sellingPrice.toFixed(2));
            } else {
                alert('cost price can not be empty.')
                $(this).val('');
            }
        });
    </script>
@endpush