@extends('layouts/acc_layout')
@section('title', '| Vehicle Auto Voucher Configuration')
@section('content')
@include('successMsg')


<div class="row add-data-form"  style="padding-bottom: 1%">
    <div class="col-md-12">
    		<div class="col-md-3"></div>
    			<div class="col-md-6 fullbody">
                <div class="viewTitle" style="border-bottom: 1px solid white;">
                    <a href="{{url('vehicleAutoVoucherConfigList/')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon">
                    </i>View Vehicle Auto Voucher Configuration List</a>
                </div>
        		<div class="panel panel-default panel-border">
                        <div class="panel-heading">
                            <div class="panel-title">Add Vehicle Auto Voucher Configuration</div>
                        </div>
                	<div class="panel-body">
                		<div class="row">
                			<div class="col-md-12">

                                {!! Form::open(['role' => 'form', 'class' => 'form-horizontal form-groups', 'id' => 'form']) !!}

                                    <div class="form-group">
                                        {!! Form::label('companyId', 'Company:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-5">
                                            @php
                                                $companyIds = DB::table('gnr_company')->select('id','name')->get();
                                            @endphp
                                            <select class="form-control" id="companyId" name="companyId" >
                                                <option value="">Select Company</option>
                                                @foreach($companyIds as $companyId)
                                                    <option value="{{$companyId->id}}">{{$companyId->name}}</option>
                                                @endforeach
                                            </select>                          
                                        </div>
                                    </div>
            
                                    <div class="form-group">
                                        {!! Form::label('projectId', 'Project:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-5">
                                            <select class="form-control" id="projectId" name="projectId" >
                                                <option value="">Select Project</option>
                                            </select>                          
                                        </div>
                                    </div>
                                    
                                    <div class="form-group">
                                        {!! Form::label('projectTypeId', 'Project Type:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-5">
                                            <select class="form-control" id="projectTypeId" name="projectTypeId" >
                                                <option value="">Select Project Type</option>
                                            </select>                  
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('effectiveDate', 'Effective Date:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-5">
                                        {!! Form::text('effectiveDate', null, ['class' => 'form-control', 'style'=>'cursor:pointer', 'placeholder' => 'dd-mm-yyyy', 'id' => 'effectiveDate'])!!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('localNarration', 'Local Narration:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-5">
                                            {!! Form::text('localNarration', $value = null, ['class' => 'form-control', 'id' => 'localNarration', 'type' => 'text', 'placeholder' => 'Enter Local Narration', 'autocomplete'=>'off']) !!}  
                                        </div>
                                    </div> 

                                    <div class="form-group">
                                        {!! Form::label('globalNarration', 'Global Narration:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-5">
                                            {!! Form::text('globalNarration', $value = null, ['class' => 'form-control', 'id' => 'globalNarration', 'type' => 'text', 'placeholder' => 'Enter Global Narration', 'autocomplete'=>'off']) !!}  
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('creditLedgerCode', 'Credit Ledger Code:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-5">
                                            {!! Form::text('creditLedgerCode', $value = null, ['class' => 'form-control', 'id' => 'creditLedgerCode', 'type' => 'text', 'placeholder' => 'Enter Local Narration', 'autocomplete'=>'off']) !!}  
                                        </div>
                                    </div> 


                                    <br>

                                    <h4 align="left">
                                        <div class="title">Debit Ledger Code:</div>
                                    </h4>

                                    <div class="form-group">
                                        {!! Form::label('fuelDebitLedgerCode', 'Fuel & Oil:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-5">
                                            {!! Form::text('fuelDebitLedgerCode', $value = null, ['class' => 'form-control', 'id' => 'fuelDebitLedgerCode', 'type' => 'text', 'placeholder' => 'Enter Fuel & Oil Debit Ledger Code', 'autocomplete'=>'off']) !!}  
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('maintenanceDebitLedgerCode', 'Repairs & Maintenance:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-5">
                                            {!! Form::text('maintenanceDebitLedgerCode', $value = null, ['class' => 'form-control', 'id' => 'maintenanceDebitLedgerCode', 'type' => 'text', 'placeholder' => 'Enter Repairs & Maintenance Debit Ledger Code', 'autocomplete'=>'off']) !!}  
                                        </div>
                                    </div>

                                    <br>
                                
                                    <div class="form-group">
                                        {!! Form::label('submit', ' ', ['class' => 'col-sm-5 control-label']) !!}
                                        <div class="col-sm-5">
                                            {!! Form::submit('Save', ['id' => 'specialMemberCashInHandAdjustmentConfigurationSubmit', 'class' => 'btn btn-success']) !!}
                                            <a href="{{ url('vehicleAutoVoucherConfigList/') }}"
                                                class="btn btn-danger closeBtn">Close</a>
                                            <span id="success" style="color:green; font-size:20px;" class="pull-right"></span>
                                        </div>
                                    </div>

                                {!! Form::close() !!}

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




<script type="text/javascript">

    $(document).ready(function(){

        $("#effectiveDate").datepicker({
            changeMonth: true,
            changeYear: true,
            dateFormat: 'dd-mm-yy',
        });

           
        $('#creditLedgerCode, #fuelDebitLedgerCode, #maintenanceDebitLedgerCode').on('input', function(event) {
            this.value = this.value.replace(/[^0-9\\.]+/g, '').replace(/(\..*)\./g, '$1'); 
        });
        

        $('#companyId').change(function(e) {
            e.preventDefault();
            
            // Unselect projectTypeId and branchId
            $('#projectTypeId').val('');
            $('#branchId').val('');
            
            $('#projectId option:gt(0)').remove();
            $.ajax({
                type: "post",
                url: "{{ url('getProjectByCompany') }}",
                data: {
                    'companyId': $("#companyId").val(),
                },
                dataType: "json",
                success: function(projectTypes) {
                    $.each(projectTypes, function(index, value) {
                        $('#projectId').append("<option value=" + index + ">" + value + "</option>");
                    });
                }
            });
        });

        $('#projectId').change(function(e) {
            e.preventDefault();
            
            // Unselect projectTypeId
            $('#projectTypeId').val('');
            
            $('#projectTypeId option:gt(0)').remove();
            $.ajax({
                type: "post",
                url: "{{ url('gnr/getProjectTypes') }}",
                data: {
                    'projectId': $("#projectId").val(),
                },
                dataType: "json",
                success: function(projectTypes) {
                    $.each(projectTypes, function(index, value) {
                        $('#projectTypeId').append("<option value=" + index + ">" + value + "</option>");
                    });
                }
            });
        });


    
        $('#form').submit(function(event) {
            event.preventDefault();
            $.ajax({
                type: 'post',
                url: "{{ url('addOrEditVehicleAutoVoucherConfigItem/') }}",
                data: $('#form').serialize(),
                dataType: 'json',
                success: function(_response) {
                    if (_response.errors) {
                       
                    } else {
                        if(_response.responseTitle == "Warning!"){
                            toastr.warning(_response.responseText, _response.responseTitle, opts);
        
                        }else{
                            toastr.success(_response.responseText, _response.responseTitle, opts);
                            setTimeout(function(){
                                window.location.href = "{{ url('vehicleAutoVoucherConfigList/') }}";
                            }, 2000);

                        }
                    }
                },
                error: function(_response) {
                    // Handle error
                    alert(_response.errors);
                }
            });
        });
        

    });

</script> 
 

@endsection