@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">Income/Expenditure Entry</h3>

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

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

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

                        @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="{{ $billNo}}"
                                                        placeholder="Enter Bill No" required readonly>

                                                    @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%;" required>
                                                        <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%;" required>
                                                        <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="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="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="{{ old('amount') }}"
                                                        placeholder="Enter Expence Amount" required>
                                                    @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="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%;"
                                                        required>
                                                        <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="recived_by" class="col-sm-4 col-form-label"> Received By : </label>
                                                <div class="col-sm-8">
                                                    <input type="text" class="form-control form-control-sm"
                                                        name="recived_by" id="recived_by"
                                                        value="{{ old('recived_by') }}"
                                                        placeholder="Enter recived_by" required>
                                                    @error('recived_by')
                                                    <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="phone_Number" class="col-sm-4 col-form-label"> Phone
                                                    Number: </label>
                                                <div class="col-sm-8">
                                                    <input type="text" class="form-control form-control-sm"
                                                        name="phone_Number" id="phone_Number"
                                                        value="{{ old('phone_Number') }}"
                                                        placeholder="Enter recived_by " required>
                                                    @error('phone_Number')
                                                    <span class="error invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror

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

                                        <div class="col-sm-12">
                                            <div class="form-group row">
                                                <label for="description" class="col-sm-2 col-form-label">Description :
                                                </label>
                                                <div class="col-sm-10">
                                                    <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> -->




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

                                    </div>

                                </div>

                            </div>
                        </div>

                        <!-- /.card-body -->
                        <div class="card-footer">
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </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() {

        $('#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