@extends('hr_main')
@section('title', '| '. $data['pageTitle'] )
@section('content')

<div class="row add-data-form">
    <div class="col-md-12">
        <div class="col-md-1"></div>
        <div class="col-md-10 fullbody">
            <div class="viewTitle" style="border-bottom: 1px solid white;">
                <a href="{!! $data['listUrl'] !!}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon">
                    </i>{!! $data['listLabel'] !!}</a>
            </div>
            <div class="panel panel-default panel-border">
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-12">

                            <div class="panel-heading">
                                <div class="panel-title">{!! $data['pageTitle'] !!}</div>
                            </div>

                            <div class="panel-body">
                                
                                {!! Form::open(array('role' => 'form', 'files' => 'false', 'id' => 'formId', 'class' => 'form-horizontal form-groups')) !!}

                                    <input type='hidden' name='model_id' id='model_id' value='{{ $data['wfReturn']->id }}' />
                                    <input type='hidden' name='branch_id' id='branch_id' value='{{ $data['wfReturn']->branch_id }}' />
                                    <input type='hidden' name='employee_id' id='employee_id' value='{{ $data['wfReturn']->employee_id }}' />

                                    <div class="form-group">
                                        <label class='col-sm-2 control-label'>Branch<span style='color: red'>*</span></label>
                                        <div class="col-sm-4">
                                            {!! Form::text('branch_name', $data['wfReturn']->branch_name, ['class' => 'form-control', 'id' => 'branch_name', 'disabled']) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class='col-sm-2 control-label'>Employee<span style='color: red'>*</span></label>
                                        <div class="col-sm-4">
                                            {!! Form::text('employee_name', $data['wfReturn']->employee_name, ['class' => 'form-control', 'id' => 'employee_name', 'disabled']) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class='col-sm-2 control-label'>Transaction Date<span style='color: red'>*</span></label>
                                        <div class="col-sm-4">
                                            {!! Form::text('transaction_date', date('d-m-Y', strtotime($data['wfReturn']->transaction_date)), ['class' => 'datepicker form-control', 'id' => 'transaction_date']) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class='col-sm-2 control-label'>Withdraw Amount</label>
                                        <div class="col-sm-4">
                                            {!! Form::text('withdraw_amount', $data['wfReturn']->emp_amount, ['class' => 'form-control', 'id' => 'withdraw_amount', 'readonly' => true]) !!}
                                        </div>
                                    </div>

                                    <div class="row" style="margin-top: 10px;">
                                        <div class="form-group col-md-12 text-center">
                                            <div class="col-sm-12">
                                                <a href="javascript:;" class='btn btn-success' id='submit' onclick="submitForm()">Update</a>
                                                <a href="{!! $data['listUrl'] !!}" class="btn btn-danger closeBtn">Close</a>
                                            </div>
                                        </div>
                                    </div>
                                    
                                {!! Form::close() !!}                                

                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="footerTitle" style="border-top:1px solid white"></div>
        </div>
        <div class="col-md-1"></div>
    </div>
</div>
@endsection


@section('footerAssets')

<script type="text/javascript">

    function submitForm() {
        $("#submit").prop('disabled', true);

        $.ajax({
            type: 'post',
            url: "{{ route('wf-withdraw-update') }}",
            data: $('#formId').serialize(),
            dataType: 'json',
            success: function(__response) {
                if(__response.status == true) {
                    toastr.success(__response.message);
                    setTimeout(function() {  window.location = __response.url; }, 500);
                }

                if(__response.status == false) {
                    toastr.error(__response.message);
                }

                $("#submit").prop('disabled', false);

            },
            error: function(error) {
                toastr.error('Something went wrong!');
                $("#submit").prop('disabled', false);
            }
        });
    }

    $("#transaction_date").keypress(function (evt) {
        return false;
    });

    $('#transaction_date').on("changeDate", function() {
        var transaction_date = $(this).val();
        var employee_id = $('#employee_id').val();
        $('#withdraw_amount').val('');

        if(employee_id && transaction_date) {
            getWithdrawAmount(employee_id, transaction_date);
        }
    });

    function getWithdrawAmount(employee_id, transaction_date) {
        $.ajax({
            url: '../../wf-withdraw/getEmployeeWfWithdrawAmount',
            type: 'POST',
            dataType: 'json',
            data: {
                "modelId": $('#model_id').val(),
                "employee_id": employee_id,
                "transaction_date": transaction_date,
                "_token": $('meta[name="_token"]').attr('content')
            },
            success: function(__response) {
                if(__response.status) {
                    $('#withdraw_amount').val(__response.withdrawAmount);
                }
                else {
                    alert(__response.message);
                }
            },
            error: function(jqXhr, textStatus, errorThrown) {
                alert('Something went wrong');
            }
        });
    }

</script>

@endsection