{!! Form::open(array('url'=> url('hr/edpsReturn/create'),'class'=>'form-horizontal','id'=>'form-edps')) !!}
<div class="row">
    <div class="col-md-12">
        <div class="form-group">
            {{ csrf_field() }}
            {!! Form::label('company_id_fk', 'Company', ['class' => 'col-sm-2 control-label']) !!}
            <div class="col-sm-4">
                {!! Form::select('company_id_fk', $data['companyData'], $data['model']->company_id_fk, ['class' => 'form-control getProject', 'id' => 'company_id_fk']) !!}
                <p id='company_id_fk' style="max-height:3px;">{{ $errors->error->first('company_id_fk') }}</p>
            </div>
            {!! Form::label('project_id_fk', 'Project', ['class' => 'col-sm-2 control-label']) !!}
            <div class="col-sm-4">
                {!! Form::select('project_id_fk',array(''=>'Select any'), $data['model']->project_id_fk, ['class' => 'form-control getBranch', 'id' => 'project_id_fk']) !!}
                <p id='project_id_fk' style="max-height:3px;">{{ $errors->error->first('project_id_fk') }}</p>
            </div>  
        </div>

        <div class="form-group">
            {!! Form::label('branch_id_fk', 'Branch', ['class' => 'col-sm-2 control-label']) !!}
            <div class="col-sm-4">
                {!! Form::select('branch_id_fk', array(''=>'Select any'), $data['model']->branch_id_fk, ['class' => 'form-control getUser', 'id' => 'branch_id_fk']) !!}
                <p id='branch_id_fk' style="max-height:3px;">{{ $errors->error->first('branch_id_fk') }}</p>
            </div>
            {!! Form::label('emp_id_fk', 'Employee', ['class' => 'col-sm-2 control-label']) !!}
            <div class="col-sm-4">
                {!! Form::select('emp_id_fk',$data['employeeList'], $data['model']->emp_id_fk , ['class' => 'form-control', 'id' => 'emp_id_fk']) !!}
                <span class="text-danger">{{ $errors->first('emp_id_fk') }}</span>
            </div>
        </div>

        <div class="form-group">
            {!! Form::label('own', 'Pri. Amount', ['class' => 'col-sm-2 control-label']) !!}
            <div class="col-sm-4">
                {!! Form::text('own', $data['model']->own, ['class' => 'form-control js-input js-input-own', 'readonly'=>'readonly']) !!}
            </div>
            {!! Form::label('interest', 'Int. Amount', ['class' => 'col-sm-2 control-label']) !!}
            <div class="col-sm-4">
                {!! Form::text('interest', $data['model']->interest, ['class' => 'form-control js-input js-input-interest','readonly'=>'readonly']) !!}
            </div>
        </div>

        <div class="form-group">
            {!! Form::label('total_returned', 'Returned Amount', ['class' => 'col-sm-2 control-label']) !!}
            <div class="col-sm-4">
                {!! 
                    Form::text('total_returned', $data['model']->total_returned, ['class' => 'form-control js-input-total-returned','readonly'=>'readonly']) 
                !!}
            </div>
            {!! Form::label('total_returnable', 'Returnable Amount', ['class' => 'col-sm-2 control-label']) !!}
            <div class="col-sm-4">
                {!! 
                    Form::text('total_returnable', $data['model']->total_returnable, ['class' => 'form-control js-input-total-returnable','id'=>'total_returnable']) 
                !!}
            </div>
        </div>

        <div class="form-group">
            {!! Form::label('transaction_date', 'Return Date', ['class' => 'col-sm-2 control-label']) !!}
            <div class="col-sm-4">
                {!! Form::text('transaction_date', $data['model']->transaction_date, ['class' =>'form-control datepicker','id'=>'transaction_date','autocomplete'=>'off']) !!}
                <span class="text-danger">{{ $errors->first('transaction_date') }}</span>
            </div>
        </div>

        <div class="row">
            <div class="col-md-4"></div>
            <div class="form-group col-md-4 text-center">
                <div class="col-sm-12">
                    {!! Form::submit('Submit', ['id' => 'add', 'class' => 'btn btn-info']); !!}
                    <a href="{{ url('hr/edpsReturn') }}" class="btn btn-danger closeBtn">Close</a>
                </div>
            </div>
            <div class="col-md-4">
                <span id="success" style="color:green; font-size:20px;"></span>
            </div>
        </div>
    </div>
</div>
{!! Form::close() !!}

@section('footerAssets')

    <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.17.0/dist/jquery.validate.js"></script>
    <script type="text/javascript">
        
        //VALIDATION
        // $("#form-edps").validate({
        //     rules: {
        //         emp_id_fk: "required",
        //         transaction_date: "required",
        //         total_returnable: "required"
        //     }
        // });

        $.validator.methods.total_returnable = function( value, element ) {
            console.log(value);
           return vlaue < 0;
        };

        function getDependentDropdown(sourceAttr,targetAttr,link,selected=null){
            var sourceId=0;
            if(sourceAttr.jquery)
                sourceId = sourceAttr.val();
            else
                sourceId = sourceAttr;
            $.ajax({
                url: link,
                dataType: 'json',
                type: 'POST',
                data: {"sourceId":sourceId,"_token":$('meta[name="_token"]').attr('content')},
                success: function( data, textStatus, jQxhr ){
                    var options='<option value="">Select any</option>';
                    $.each(data,function(key,val){
                        var selectedData='';
                        if(selected!=null && val.id==selected){
                            selectedData = 'selected="selected"';
                        }
                        
                        options += '<option '+selectedData+' value="'+val.id+'">'+val.name+'</option>';
                    });
                    targetAttr.html(options);
                },
                error: function( jqXhr, textStatus, errorThrown ){
                    console.log( errorThrown );
                }
            });
        }

        $(document).on('change','.getProject',function(){
            getDependentDropdown($('.getProject'),$('select[name="project_id_fk"]'),'<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function url() in /home/shikkhaplus/public_html/resources/views/hr/edpsReturn/createForm.blade.php:130
Stack trace:
#0 {main}
  thrown in <b>/home/shikkhaplus/public_html/resources/views/hr/edpsReturn/createForm.blade.php</b> on line <b>130</b><br />